/*
 * Red de seguridad de estilos — se sirve desde nuestro dominio y carga ANTES
 * que Tailwind.
 *
 * Por qué existe: todo el front usa Tailwind desde un CDN externo, que además
 * compila en el navegador. Si ese CDN tarda o falla, la página quedaba en HTML
 * crudo y —lo más grave— `hidden` dejaba de ocultar: aparecían a la vez cosas
 * que se excluyen entre sí (ej. "Módulo no contratado" junto al módulo).
 *
 * Estas reglas garantizan lo mínimo indispensable aunque Tailwind no llegue.
 *
 * IMPORTANTE: sin `!important` a propósito. Tailwind inyecta su hoja después,
 * así que sus variantes responsive (`sm:inline-flex`, `md:inline`, …) tienen
 * que poder ganarle a `.hidden`. Con `!important` quedarían ocultas para
 * siempre en escritorio.
 */

/* Lo esencial: lo oculto tiene que quedar oculto, con o sin Tailwind. */
.hidden { display: none; }
[hidden] { display: none; }

/* Tipografía y fondo base para que, si el CDN no llega, la pantalla siga
   siendo legible en vez de parecer rota. */
body {
  margin: 0;
  font-family: 'Inter', 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont,
    'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  background-color: #f5f5f7;
  color: #0f172a;
  -webkit-font-smoothing: antialiased;
}

/* Imágenes que no desbordan el ancho aunque falte el layout. */
img { max-width: 100%; }