/* =========================================================================
   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, todos de ancho normal: Regular (texto), Medium (etiquetas y
   botones) y SemiBold (titulares). Los anchos expandidos ya no se usan en la
   web (docs/03 §3.4.b).

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

/* Medium de ancho normal: las etiquetas y los botones (peso 500). Hasta el
   2026-09-26 las etiquetas usaban ArchivoExpanded-Medium con 0,14 em, y la
   marca se leía "de videojuego" (manual docs/03 §3.4.b). Ahora .kbl-etiqueta
   es ancho 100 % y 0,08 em; sin esta declaración el navegador sintetizaría
   el 500 a partir del Regular. */
@font-face {
  font-family: "Archivo";
  src: url("/assets/fuentes/Archivo/Archivo-Medium.otf") format("opentype");
  font-weight: 500;
  font-stretch: 100%;
  font-style: normal;
  font-display: swap;
}