/* public_satiq/css/campos_unidad.css
   LO QUE EL BLOQUE COMPARTIDO DE CAMPOS NECESITA PARA FUNCIONAR, en un solo lugar.

   VA CON `vistas/_campos_unidad.php` y se carga en las TRES pantallas que lo incluyen: el
   registro publico, Mis datos y la ficha del panel. Cada una conserva su propio aspecto --el
   ancho de la grilla, como se dibuja el label-- en SU archivo; aca estan solo las tres reglas
   que el bloque no puede no tener, y que hasta el 13/10/2026 estaban escritas dos veces y
   faltaban en la tercera.

   LA DEL MEDIO NO ES ESTETICA Y YA MORDIO: cualquier `display` explicito sobre el label le gana
   al `display:none` que trae `hidden`, asi que sin esta regla los campos de pais y de Estado se
   VEN SIEMPRE, con Argentina elegida. Y la de arriba tiene que ganarle al `display` de cada
   formulario, de ahi las dos clases en el selector. */
.campos-unidad label.ancho { grid-column: 1 / -1; }
.campos-unidad label[hidden] { display: none; }
/* El asterisco de obligatorio. En Mis datos NO ESTABA definido: los asteriscos salian del color
   del texto, o sea que marcaban lo mismo que no marcar nada. */
.campos-unidad .req { color: #b03030; font-weight: 700; }
/* EL TEXTAREA DE OBSERVACIONES, 15/10/2026. Va aca y no en las tres hojas por el mismo criterio
   que lo de arriba: es lo que el bloque compartido NO PUEDE NO TENER.

   Y NO ES COSMETICA. Las tres pantallas estilan `input, select` y ninguna nombraba `textarea`,
   asi que sin esta regla el campo sale con la fuente monoespaciada del navegador, con el ancho
   de sus `cols` y fuera de la grilla: en la misma pantalla donde todo lo demas ocupa el 100%.
   `box-sizing` es lo que evita que el padding lo empuje afuera de la columna a 390px.

   `resize: vertical` y no libre: a lo ancho, un textarea que el usuario estira SI puede sacar la
   pagina de los 390 y dejarla desbordando en el telefono. */
.campos-unidad textarea { display: block; width: 100%; margin-top: .2rem; box-sizing: border-box;
                          font: inherit; padding: .45rem .5rem; border: 1px solid #b9c2cc;
                          border-radius: 4px; resize: vertical; }