/* Las tres familias del MONITOR DE LÍNEA, servidas por el mismo servidor que
   sirve la aplicación.

   ═══════ POR QUÉ NO HAY UN ENLACE A GOOGLE FONTS ═══════════════════════════

   Porque el arreglo que trajo a Inter a `assets/` vino justamente a impedirlo.
   Una hoja de estilo es render-blocking: contra un host EXTERNO, en una red
   que DESCARTA los paquetes en vez de rechazarlos -cortafuegos o portal
   cautivo, lo normal en un almacén- la petición no falla, se queda esperando
   hasta que expira la conexión, y lo que se ve durante esa espera es una
   pantalla en blanco. Este proyecto ya da por hecho que el almacén puede no
   tener salida a internet: por eso mismo hay que precargar los pesos del
   modelo. Y de todas las pantallas, la que menos se puede permitir depender
   del internet del almacén es precisamente ésta: está COLGADA DE LA PARED y
   nadie va a ir a recargarla.

   ═══════ POR QUÉ SE EMPAQUETAN EN VEZ DE QUEDARSE EN INTER ═════════════════

   El diseño aprobado se apoya en la condensada para los rótulos y los seis
   pasos: en una pantalla que se mira de lejos, una condensada cabe más grande
   en el mismo ancho, que es exactamente lo que hace legible un rótulo a cuatro
   metros. Inter no tiene corte condensado, y fingirlo con `transform:
   scaleX()` deforma los trazos -los verticales adelgazan y los horizontales
   no- justo al tamaño en el que se nota. La mono tampoco es un capricho: SKUs
   y porcentajes en una fuente proporcional bailan de ancho al cambiar de
   canastilla, y lo que se ve de lejos es la columna moviéndose.

   ═══════ ESTO NO DESCARGA NADA EN LAS DEMÁS PANTALLAS ══════════════════════

   Un `@font-face` declarado no descarga nada: el navegador pide el `.woff2`
   la primera vez que una regla PINTA texto con esa familia, y las tres sólo se
   usan dentro de `monitor.component.scss`. La bandeja de etiquetado paga por
   este fichero los ~3 kB del CSS y ni un byte de fuente.

   ═══════ QUÉ SE EMPAQUETA ═════════════════════════════════════════════════

   Sólo el subconjunto LATINO y sólo `.woff2`, igual que Inter: los paquetes
   publican siete subconjuntos y dos formatos para una interfaz que está entera
   en español. Y sólo los pesos que se usan -dos por familia-: son 6 ficheros,
   ~100 kB en total, y un peso de más es un fichero que se copia al bundle, se
   sirve y no pinta nada.

   DÓNDE NO VALE: si alguna vez esta pantalla tiene que pintar un texto con
   caracteres fuera del latino -el nombre de un producto importado-, ese texto
   caerá a la fuente de respaldo. Se verá distinto, no roto; entonces toca
   añadir aquí el subconjunto y su glob en `angular.json`. */

/* ── Barlow Condensed: rótulos, pasos y cifras grandes ───────────────────── */
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  /* `swap`: mientras el .woff2 viaja, el texto se pinta con la fuente de
     respaldo en vez de quedarse invisible. El fichero es local, así que esa
     espera son milisegundos; se conserva porque la primera visita la paga. */
  font-display: swap;
  src: url('./barlow-condensed-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./barlow-condensed-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/* ── Barlow: el cuerpo del monitor ───────────────────────────────────────── */
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./barlow-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./barlow-latin-600-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

/* ── IBM Plex Mono: identificadores, SKUs y cifras ───────────────────────── */
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./ibm-plex-mono-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./ibm-plex-mono-latin-500-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215,
    U+FEFF, U+FFFD;
}