/* Material Symbols Outlined — SERVIDA EN LOCAL, no desde Google Fonts.
 *
 * Antes las 4 páginas hacían <link> a fonts.googleapis.com. Sin cobertura la
 * hoja no cargaba y TODOS los iconos se quedaban en blanco (o mostraban el
 * texto del ligature: "home", "search"...), en una app que precisamente
 * presume de funcionar offline. Mismo fallo que ya tuvimos con el logo.
 *
 * La fuente va SUBSETADA a los iconos que realmente usa la app: 68 KB en vez
 * de los 3,8 MB de la variable completa (sobre un bundle de 6,4 MB, meter la
 * completa era inasumible).
 *
 * ⚠️ AL AÑADIR UN ICONO NUEVO hay que regenerarla, o NO se dibuja: el
 * navegador pinta el NOMBRE del icono en crudo («do_not_disturb_on»). El
 * guard de scripts/sync-web.mjs lo caza, incluidos los nombres que se asignan
 * desde JS (ic.textContent = …), que antes se le escapaban; regenerar con:
 *
 *   node scripts/fetch-icon-font.mjs
 *
 * Ojo: ese guard solo corre en el build nativo (la web se despliega sin paso
 * de build), así que en web el icono nuevo saldría en blanco sin avisar.
 */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  font-display: block; /* block, no swap: con swap se ve el texto del ligature ("home") antes de la fuente */
  /* La URL del .woff2 VA VERSIONADA. Sin el ?v=, subir material-symbols.css
   * refresca la hoja pero NO el fichero de la fuente: el navegador sigue
   * sirviendo el subset viejo de su caché y el icono nuevo se queda fuera.
   * Pasó con do_not_disturb_on. Al regenerar la fuente hay que subirlo aquí
   * Y en el array ASSETS de sw.js, que precachea por URL exacta. */
  src: url(material-symbols-outlined.woff2?v=6) 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;
}