/* =========================================================================
   ARCHIVO, SERVIDA DESDE EL PROPIO SITIO
   =========================================================================

   Los archivos viven en /assets/fuentes/Archivo/ y son de la sesión de marca:
   acá solo se declaran, no se copian.

   NO se usa Google Fonts, aunque tokens/README.md y las dos apps lo hagan
   hoy. El encargo pide que la página abra rápido en un celular con señal
   mala, y una hoja de estilo de un tercero es un viaje de ida y vuelta a otro
   dominio, con su DNS y su TLS, antes de que se pinte una sola letra. Además
   deja la tipografía de la marca en manos de que un dominio ajeno responda.

   Tres cortes, no cinco. Cubren los tres roles tipográficos que el sistema
   define para esta página; Medium de ancho normal y SemiExpanded se agregan
   el día que una sección los pida, no antes.

   font-display: swap — el texto se lee desde el primer cuadro con la
   tipografía de respaldo, y cambia cuando Archivo llega. En una conexión
   mala, esperar a la fuente es dejar la página en blanco.
   ========================================================================= */

@font-face {
  font-family: "Archivo";
  src: url("/assets/fuentes/Archivo/Archivo-Regular.otf") format("opentype");
  font-weight: 400;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/assets/fuentes/Archivo/Archivo-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}

/* El ancho expandido es lo que hace la jerarquía de etiqueta en este sistema
   (criterio C-04: una sola familia, la jerarquía la hacen ancho y tracking).
   Declarado con font-stretch 125% para que .kbl-etiqueta lo resuelva sola. */
@font-face {
  font-family: "Archivo";
  src: url("/assets/fuentes/Archivo/ArchivoExpanded-Medium.otf") format("opentype");
  font-weight: 500;
  font-stretch: 125%;
  font-style: normal;
  font-display: swap;
}