/* ═══════════════════════════════════════════════════════════════════════════
   POSventas · Tipografías servidas por el propio sistema
   ═══════════════════════════════════════════════════════════════════════════

   Nada viene de Google ni de ningún CDN. Un minimarket con el internet caído
   —o con el proveedor bloqueando dominios, que pasa— vería el sistema con la
   tipografía de sistema y las cajas descuadradas. Aquí las fuentes viajan con
   la aplicación y funcionan sin red.

   De paso, tampoco se avisa a un tercero cada vez que alguien abre la caja.

   Formato WOFF2: pesa un tercio del TTF y lo entienden todos los navegadores
   desde 2016. Las 4 fuentes juntas son 236 KB, y el navegador las cachea.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Nunito y Space Grotesk son de eje variable: un solo archivo cubre todo el
   rango de grosores. Antes eran 6 peticiones a Google; ahora, una. */
@font-face {
  font-family: 'Nunito';
  src: url('/fuentes/nunito.woff2') format('woff2-variations'),
       url('/fuentes/nunito.woff2') format('woff2');
  font-weight: 200 1000;
  font-style: normal;
  /* swap: el texto se ve YA con la fuente del sistema y cambia cuando carga.
     Con el valor por defecto la pantalla se queda en blanco hasta que llega
     el archivo, y en un mostrador eso parece que el sistema se colgó. */
  font-display: swap;
}

@font-face {
  font-family: 'Space Grotesk';
  src: url('/fuentes/space-grotesk.woff2') format('woff2-variations'),
       url('/fuentes/space-grotesk.woff2') format('woff2');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

/* IBM Plex Mono no es variable: hacen falta dos archivos. Se cargan solo los
   dos grosores que el sistema usa de verdad. */
@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/fuentes/plex-mono.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'IBM Plex Mono';
  src: url('/fuentes/plex-mono-600.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}