From 78ec902688a0a1512dcec52e755dc7e491108524 Mon Sep 17 00:00:00 2001
From: FrankZamora <prime.leads.app@gmail.com>
Date: Tue, 2 Dec 2025 10:06:04 -0600
Subject: [PATCH] fix(fonts): sincronizar @font-face en critical-bootstrap.css
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

El archivo critical-bootstrap.css (TIPO 2) carga primero y tenia
valores desactualizados que causaban el salto visual en navbar.

Cambios:
- font-display: optional → swap
- size-adjust: 106% → 100.6%

Ahora ambos archivos (@font-face) estan sincronizados:
- critical-bootstrap.css (inline P:0)
- css-global-fonts.css (deferred)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 Assets/Css/critical-bootstrap.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/Assets/Css/critical-bootstrap.css b/Assets/Css/critical-bootstrap.css
index 12180c65..6e641625 100644
--- a/Assets/Css/critical-bootstrap.css
+++ b/Assets/Css/critical-bootstrap.css
@@ -31,11 +31,14 @@
 
 /* ==========================================================================
    CRITICAL FONTS (Poppins - LCP optimization)
+
+   font-display: swap + preload = fuente carga rapido y siempre se muestra
+   size-adjust: 100.6% = fallback casi identico a Poppins (minimiza CLS)
    ========================================================================== */
 @font-face {
     font-family: 'Poppins Fallback';
     src: local('Arial'), local('Helvetica Neue'), local('sans-serif');
-    size-adjust: 106%;
+    size-adjust: 100.6%;
     ascent-override: 105%;
     descent-override: 35%;
     line-gap-override: 10%;
@@ -45,21 +48,21 @@
     src: url('/wp-content/themes/roi-theme/Assets/Fonts/poppins-v24-latin-regular.woff2') format('woff2');
     font-weight: 400;
     font-style: normal;
-    font-display: optional; /* CLS fix: no swap, usa fallback si fuente no carga a tiempo */
+    font-display: swap;
 }
 @font-face {
     font-family: 'Poppins';
     src: url('/wp-content/themes/roi-theme/Assets/Fonts/poppins-v24-latin-600.woff2') format('woff2');
     font-weight: 600;
     font-style: normal;
-    font-display: optional;
+    font-display: swap;
 }
 @font-face {
     font-family: 'Poppins';
     src: url('/wp-content/themes/roi-theme/Assets/Fonts/poppins-v24-latin-700.woff2') format('woff2');
     font-weight: 700;
     font-style: normal;
-    font-display: optional;
+    font-display: swap;
 }
 
 :root {