/* Self-hosted variable fonts (latin subset, español-only). font-display: optional → si la fuente no carga en ~100ms, el navegador pinta con fallback (Georgia / system sans) y NO la cambia después. Resultado: LCP rápido en first-paint; en visitas repetidas la fuente ya está cacheada y se usa instantáneo. Variable fonts: un solo archivo cubre el rango completo de weights (400..800 para Inter, 400..700 para Lora). §v4.9.42: Fraunces (normal + italic) movido inline a de /index.html porque es la fuente del hero h1 (LCP element). Aquí solo quedan fuentes no-críticas. */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400 800; font-display: optional; src: url('/fonts/inter-var-normal.woff2') format('woff2-variations'), url('/fonts/inter-var-normal.woff2') format('woff2'); } @font-face { font-family: 'Lora'; font-style: normal; font-weight: 400 700; font-display: optional; src: url('/fonts/lora-var-normal.woff2') format('woff2-variations'), url('/fonts/lora-var-normal.woff2') format('woff2'); } @font-face { font-family: 'Lora'; font-style: italic; font-weight: 400 700; font-display: optional; src: url('/fonts/lora-var-italic.woff2') format('woff2-variations'), url('/fonts/lora-var-italic.woff2') format('woff2'); }