/* ────────────────────────────────────────────────────────── MODO INGLÉS — base.css Layer 1: universal reset + truly-shared design tokens. Only rules that are byte-identical across all 49 non-special pages are extracted here. Page-level :root, body, and html blocks remain inline because they have drifted (different backgrounds, font-sizes, line-heights, color tokens) and need a normalization pass before they can move. Special pages that keep their inline styles untouched: la-palabra, calculadora, nivel, reto, pago, links Loaded BEFORE footer.css in . ────────────────────────────────────────────────────────── */ :root { --orange: #e8921f; } *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } /* ────────────────────────────────────────────────────────── LAYER 2: nav-* (Session 4 Phase 3) Extracted: rules with the same body on 30+ of the 49 non-special pages, post-token-normalization. Pages that keep inline overrides for these selectors: - 8 Family-3 ul-nav pages override .nav-cta:hover with var(--orange-dark) — intentionally different shade. - empresas.html and index.html add transform / box-shadow to .nav-cta:hover. - work-with-us.html overrides .nav-cta:hover with opacity- based behavior (its .nav-cta is a text "← Home" link, not a button); explicitly sets background:transparent to neutralize the base.css rule. ────────────────────────────────────────────────────────── */ .nav-logo span { color: var(--orange); } .nav-cta:hover { background: var(--orange-hover); }