/* fuentes.css — las tipografías y los íconos, guardados ADENTRO.
 *
 * Antes venían de fonts.googleapis.com. En un corral sin señal la app abría sin
 * íconos y con la tipografía del sistema: los 20 archivos HTML la pedían.
 *
 * Dos detalles que se midieron al bajarlas:
 *
 * · Inter es una fuente VARIABLE. Google devuelve un @font-face por peso, pero
 *   los siete apuntan al MISMO archivo (md5 idéntico). Acá va un solo bloque con
 *   el rango 300–900, que es la forma correcta y ahorra 290 KB.
 *
 * · De Inter se guarda sólo el subconjunto `latin`. El español lo cubre entero
 *   —acentos, ñ, ¿ y ¡ están ahí—; el cirílico y el griego eran 40 archivos que
 *   nadie iba a ver.
 *
 * Los íconos pesan 1,1 MB y son la mayor parte del bulto. Se puede recortar a
 * los ~120 íconos que la app usa de verdad, pero eso es optimización: primero
 * que funcione sin internet.
 */

@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url(inter-variable.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: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* block, no swap: con swap, mientras llega la fuente se leía la PALABRA del
     ícono ("dashboard", "arrow_back") en letra común. Mejor un hueco un instante. */
  font-display: block;
  /* Recortada a los íconos de iconos.txt (Google Fonts icon_names, ejes wght+FILL):
     1,1 MB → 69 KB. Un ícono nuevo hay que sumarlo ahí y volver a bajar el archivo;
     tests/test_iconos_incluidos.js avisa si falta. */
  src: url(simbolos.woff2) format('woff2');
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* Las del teléfono (diseño aprobado 2026-10-05): Atkinson Hyperlegible para
   leer al sol, Big Shoulders para los números. Sólo `latin`, como Inter. */
@font-face { font-family: 'Atkinson Hyperlegible'; font-weight: 400; font-display: swap; src: url(atkinson-400.woff2) format('woff2'); }
@font-face { font-family: 'Atkinson Hyperlegible'; font-weight: 700; font-display: swap; src: url(atkinson-700.woff2) format('woff2'); }
@font-face { font-family: 'Big Shoulders Display'; font-weight: 800; font-display: swap; src: url(bigshoulders-800.woff2) format('woff2'); }