/* Fuentes AUTOHOSPEDADAS (16-09-2026). Hasta hoy las pedia a Google un <link>
   en el <head> de cada pagina (y hasta el 13-09 tambien un @import aqui): una
   hoja bloqueante en fonts.googleapis.com y los WOFF2 en fonts.gstatic.com,
   dos origenes mas (DNS + TLS) en el camino critico de una web con LCP
   3,8-4,0 s. Ahora viven en assets/fonts/ y se declaran aqui, en la hoja que
   ya cargan las 4 paginas: ninguna peticion de mas.

   Ficheros: los WOFF2 que sirve la API css2 de Google (Oswald v57, Inter v20,
   Dancing Script v29), sin tocar. Oswald e Inter son variables: UN fichero
   por subset cubre todos los pesos, por eso cada @font-face declara un RANGO
   de peso -- exactamente los pesos que se pedian a Google, ni uno mas.
   Subsets latin (espanol: n, tildes, EUR, rayas) y latin-ext; el navegador
   solo baja latin-ext si la pagina contiene un caracter de su unicode-range.
   Licencia: SIL OFL 1.1, texto junto a los ficheros (assets/fonts/*-OFL.txt).
   Vigilado por test/fuentes-autohospedadas.test.js. */

/* latin-ext */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/oswald-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url(../fonts/oswald-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(../fonts/inter-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 500;
  font-display: swap;
  src: url(../fonts/inter-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/dancing-script-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/dancing-script-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

: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);
}