/* Space Grotesk, alojada por nosotros.
   Un componente que aparece en mas de una pagina se define UNA vez en un
   archivo propio: la @font-face vive solo aqui y la enlazan las 7 paginas.

   Es la fuente VARIABLE (un eje, wght 300-700) y no cuatro estaticas: un solo
   archivo de 19,5 KB cubre todos los pesos que usa el sitio, contra ~80 KB en
   cuatro descargas desde Google. Por eso `font-weight: 300 700` en el
   @font-face: declara el rango que el archivo puede sintetizar. Si alguna vez
   se pide un peso fuera de ese rango, el navegador lo simula y se ve mal;
   el arreglo es cambiar el peso del CSS, no agregar otro archivo.

   Subset a latin-1 mas puntuacion general, con dos caracteres que NO vienen en
   el subset "latin" estandar de Google y el sitio si usa: el subindice dos de
   CO2 (U+2082) en /sustentabilidad/ y la flecha (U+2192). Se verificaron uno
   por uno contra el texto real del sitio antes de recortar. Si se agrega un
   simbolo nuevo, hay que rehacer el subset o saldra el glifo de reemplazo.

   font-display: swap: el texto se lee de inmediato con la fuente del sistema y
   cambia al llegar la nuestra. En una pagina cuyo valor es el texto, ningun
   parrafo espera a una fuente. */
@font-face {
  font-family: 'Space Grotesk';
  src: url('/assets/fonts/SpaceGrotesk-var.woff2') format('woff2-variations'),
       url('/assets/fonts/SpaceGrotesk-var.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* Fallback con métricas calzadas: mientras llega la woff2, Arial se dibuja
   ESCALADA a las métricas de Space Grotesk (ancho de 'n': 612/1000 aquí vs
   ~556/1000 en Arial -> size-adjust 110%; ascent 984 y descent 292 de la
   woff2, divididos por ese 110%). Así el swap no mueve el layout: era la
   causa principal del CLS 0.176 medido el 2026-08-04 (el hero en fuente del
   sistema medía distinto y todo saltaba al llegar la fuente). Va SEGUNDA en
   los font-family: solo actúa durante la espera. */
@font-face {
  font-family: 'Space Grotesk Fallback';
  src: local('Arial'), local('Helvetica'), local('Liberation Sans');
  size-adjust: 110%;
  ascent-override: 89.4%;
  descent-override: 26.5%;
  line-gap-override: 0%;
}

/* Tipografia del formato de ensayo (2026-09-23), 3 letras con 3 papeles,
   como claude.com/product/design. Todas con licencia SIL OFL 1.1 (los .txt
   estan en fonts/), subset latin de Google y ejes recortados a lo que usa el
   sitio.
   - Titulos: Fraunces, con remate. opsz 72-144 y peso 500-700.
   - Parrafos: Lato, sin remate, pesos estaticos 400 y 700 (Lato no viene
     variable en Google). Eleccion del usuario el 2026-09-23, en reemplazo
     de Inter.
   - Acento: Instrument Serif cursiva, un solo estilo. */
@font-face {
  font-family: 'Fraunces';
  src: url('/assets/fonts/Fraunces-var.woff2') format('woff2');
  font-weight: 500 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('/assets/fonts/Lato-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lato';
  src: url('/assets/fonts/Lato-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/fonts/InstrumentSerif-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}