/* ==================================================================
   AdoptaUnaIA · Escala tipográfica por defecto
   ------------------------------------------------------------------
   Regla: ningún texto por debajo de 12 px. Los textos pequeños se
   suben para que no haya tanta diferencia con los titulares.

   Equivalencias aplicadas en todo el sitio (antes → ahora):
     9→12 · 10→13 · 11→13 · 12→14 · 13→15 · 14→16 · 15→17 · 16→17 · 17→18 · 18→20 · 20→22 px

   Páginas nuevas: enlazar esta hoja y usar las variables --fs-*
     <link rel="stylesheet" href="/assets/aui-type.css?v=20260926c">
     .mi-etiqueta { font-size: var(--fs-label); }
   (nginx cachea los .css 1 año: al cambiar este fichero, sube el ?v=)
   ================================================================== */
:root {
  --fs-micro: 12px;  /* mínimo absoluto (marcadores muy pequeños) */
  --fs-label: 13px;  /* etiquetas en mayúsculas, eyebrows, chips */
  --fs-note: 14px;   /* notas, ayudas, pies, leyendas */
  --fs-small: 15px;  /* texto secundario */
  --fs-body: 16px;   /* texto de interfaz y controles */
  --fs-lead: 17px;   /* párrafos destacados */
  --fs-lg: 18px;
  --fs-num: 20px;    /* cifras en campos editables */
  --fs-xl: 22px;     /* cifras en tarjetas */

  /* Páginas del sitio compiladas con Astro + Tailwind */
  --text-xs: .875rem;  /* 12 → 14 px */
  --text-sm: 1rem;     /* 14 → 16 px */
}

/* Tamaños fijos del CSS compilado de Astro/Tailwind */
.text-\[10px\],
.text-\[11px\] { font-size: 13px; }
.eyebrow { font-size: 13px; }
.marker-label { font-size: 12px; }

/* Cabecera: el menú en mayúsculas espaciadas no cabe a 14 px entre 768 y 1279 px.
   Se mantiene en una línea y se compacta en pantallas medianas. */
header nav a,
header .md\:block > a { white-space: nowrap; }
@media (max-width: 1279px) {
  header nav { gap: 1.25rem; }
  header nav a,
  header .md\:block > a { font-size: 13px; letter-spacing: .14em; }
}
@media (max-width: 1023px) {
  header nav { gap: .9rem; }
  header nav a,
  header .md\:block > a { font-size: 12px; letter-spacing: .08em; }
  header .md\:block > a { padding-left: .75rem; padding-right: .75rem; }
}
@media (max-width: 899px) {
  header nav { gap: .7rem; }
  header nav a,
  header .md\:block > a { letter-spacing: .04em; }
}

/* Elementos con tamaño fijo en móvil y lg:text-xs en escritorio:
   se mantiene el salto a text-xs (ya ampliado) a partir de 64rem */
@media (min-width: 64rem) {
  .lg\:text-xs { font-size: var(--text-xs); }
}