/* ============================================================
   10 · REFINAMIENTO TIPOGRÁFICO Y DE LEGIBILIDAD
   Ajustes finos de la revisión de QA:
   · Sube los tamaños de fuente más pequeños a un mínimo legible.
   · Corrige interlineados excesivos que separaban de más los párrafos.
   · Refuerza el contraste de textos secundarios.
   Carga al final para tener prioridad controlada.
   ============================================================ */

/* --- 1. Mínimos de fuente legibles ---
   El texto del logo (.6rem con mucho tracking) subía poco pero apretado.
   Se sube ligeramente para que no se pierda en pantallas pequeñas. */
.brand-logo .txt span{font-size:.64rem;letter-spacing:.36em}

/* Kickers y etiquetas muy chicas: piso de .68rem para lectura cómoda */
.cat-tag,.cat-soon{font-size:.68rem}
.field .opt{font-size:.74rem}

/* --- 2. Interlineado: corregir separación excesiva ---
   El cuerpo de texto legal y corrido tenía 1.8, que separaba de más.
   Se baja a 1.72, cómodo pero más compacto. */
.legal-intro,.legal-block p{line-height:1.72}
.slide p{line-height:1.7}

/* Párrafos de secciones: aire justo, sin huecos grandes */
.present-text p,.section-intro p{line-height:1.7}

/* --- 3. Contraste reforzado de texto secundario ---
   --text-mut en modo claro puede quedar algo tenue; se oscurece
   un punto para asegurar el contraste AA sobre fondos claros. */
body[data-theme="light"]{--text-mut:#5A6472}

/* --- 4. Consistencia de párrafos corridos ---
   Evita que párrafos consecutivos tengan saltos irregulares. */
.legal-block p + p{margin-top:14px}

/* --- 5. Foco visible accesible (navegación por teclado) --- */
a:focus-visible,button:focus-visible,input:focus-visible,
select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}