/* public_satiq/css/contacto.css
   La consulta publica. Mismo criterio que registro.css, pero mas angosto: son cuatro campos y
   uno solo es largo, asi que estirarlo a 56rem deja un renglon de texto incomodo de leer. */
.contacto-wrap { max-width: 44rem; }
.contacto-intro { color: #44515e; line-height: 1.5; margin: .4rem 0 .8rem; }
.contacto-form .campos { display: grid; grid-template-columns: 1fr; gap: .7rem 1rem; }
.contacto-form label { display: block; font-size: .92rem; color: #33414f; }
.contacto-form label.ancho { grid-column: 1 / -1; }
.contacto-form input, .contacto-form textarea { display: block; width: 100%; margin-top: .2rem; padding: .45rem .5rem; font-size: .97rem; border: 1px solid #b9c2cc; border-radius: 4px; box-sizing: border-box; font-family: inherit; }
.contacto-form textarea { resize: vertical; min-height: 9rem; line-height: 1.45; }
.contacto-form input:focus, .contacto-form textarea:focus { outline: 2px solid #2f6f9f; outline-offset: 1px; }
.contacto-form .req { color: #b03030; font-weight: 700; }
.contacto-nota { color: #5a6672; font-size: .88rem; margin-top: .6rem; }
.contacto-form .acciones { margin: 1.4rem 0 .4rem; }
/* LA TRAMPA PARA ROBOTS SE ESCONDE ACA Y NO CON `hidden` NI CON display:none. Los dos son la
   primera cosa que un robot mira para saltearse el campo. Sacarlo de la pantalla con position
   absoluta lo deja invisible para una persona y normal para el que lee el HTML. */
.contacto-form .trampa { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }