/* 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;
}