/* Las fuentes de Google las pide el del de cada pagina (con los pesos que esa pagina usa). Aqui hubo un @import con la misma URL hasta el 13-09-2026: era una segunda peticion a fonts.googleapis.com por pagina, y ademas encadenada (no se descubre hasta que llega esta hoja). */ :root { /* ─── 6 variables idénticas en las 4 páginas ──────────── */ --gold: #F0AB00; --dark: #1C1C1C; --mid: #3A3A3A; --white: #FFFFFF; --f-head: 'Oswald', sans-serif; --f-body: 'Inter', sans-serif; /* ─── compartidas por 2+ páginas ──────────────────────── */ --cream: #F8F7F4; --f-acc: 'Dancing Script', cursive; /* ─── fase 3: colores envueltos en variables ──────────── */ --text-muted: #BBBAB8; --bg-card: #242424; --bg-darkest: #111; --text-footer: #97999B; --gold-alpha-10: rgba(240,171,0,.1); --gold-alpha-20: rgba(240,171,0,.2); --nav-bg: rgba(28,28,28,.96); /* ─── solo index (inofensivas en el resto) ────────────── */ --gold-lt: #F9D97A; --gold-text: #996400; --grey: #97999B; --border: #E5E4E0; /* ─── anillo de foco doble tono (las 4 páginas, idéntico) ─ */ --focus-ring: #1C1C1C; --focus-ring-alt: #FFFFFF; /* ─── enlaces y texto legal (compartidos, mismo valor) ─── */ --link: #996400; --grey-text: #6E7073; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ─── Lo que las 4 paginas repetian identico (dedup 13-09-2026) ────────── Cada pagina anade DESPUES, en su propia hoja, lo que cambia: el fondo y el interlineado del body, el padding/posicion del nav. Misma especificidad y orden posterior: lo de la pagina manda en lo que redefina, y lo de aqui se queda en lo que no. */ body { font-family: var(--f-body); font-weight: 300; color: var(--dark); } nav { background: var(--nav-bg); backdrop-filter: blur(10px); border-bottom: 1px solid var(--gold-alpha-20); } footer a { color: var(--gold); } /* El logo del nav lleva width="495" height="333" en el HTML (reserva de sitio anti-CLS) y cada pagina fija SU altura por CSS (52px index, 48px el resto). Sin `width: auto` el atributo width sigue mandando: la imagen se pintaba a 495x48, aplastada, en gracias y en las legales, y en gracias ademas se salia del viewport a 390 px (13-09-2026). index ya lo tenia; identico en las 4, asi que vive aqui (invariante de css-dedup.test.js). */ .nav-logo { width: auto; } /* Anillo de foco de la marca, universal (ronda 6 del MVP-UP): dos aros, claro 0-2px, oscuro 2-5px, claro 5-7px. Vale para TODO lo enfocable de las 4 paginas; ninguna hoja de pagina debe volver a declararlo. */ :focus-visible { outline: 3px solid var(--focus-ring); outline-offset: 2px; box-shadow: 0 0 0 7px var(--focus-ring-alt); }