/* PROB-003 (2026-05-31) — Material Symbols Outlined self-hosteado.
   Subset de los 62 íconos realmente usados en el sitio: 17.8 KB (woff2 variable
   con ejes FILL + wght) en lugar de los ~1.1 MB de la fuente completa del CDN de Google.
   Reemplaza el <link> a fonts.googleapis.com en las 12 páginas que lo usan.
   La clase base .material-symbols-outlined es copia exacta de la que servía Google
   (los overrides específicos del sitio viven en style.css y en los <style> inline).
   ROLLBACK: descomentar el <link> de Google en el HTML afectado y borrar el <link> a este archivo. */

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* 'block': mientras carga la fuente, el navegador NO muestra el nombre del icono
     como texto (evita el "flash de palabras" / FOUT); muestra nada brevemente y luego
     el icono. Seguro aquí porque la fuente es diminuta (24.5KB) y local -> carga casi
     instantánea. Con 'swap' (lo anterior) el navegador podía mostrar la palabra un instante. */
  font-display: block;
  src: url('../fonts/material-symbols-subset.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;
}
