/* Iconos del panel del Hub (Material Symbols, subconjunto local).
   Las tipografias de texto y los tokens vienen de pfa-core/ (ADR 0009); este fichero
   solo declara la fuente de iconos, que es propia del Hub porque sus nombres se leen
   del codigo del panel (build_icon_font.mjs). */

/* Material Symbols — Iconos de la interfaz.
   LOCAL, no desde Google Fonts. Venia por CDN y bastaba con no tener salida a
   internet -o que el proxy lo bloqueara- para que el menu lateral se volviera
   ilegible: sin la fuente, cada `<span>dashboard</span>` pinta la PALABRA
   "dashboard" encima del texto del enlace. Se vio en produccion el 2026-07-30.

   Subconjunto de 24 KB con solo los 14 iconos que usa el panel, pedido a Google
   con `icon_names=`; la fuente completa son 3,9 MB. Verificado que trae las 14
   ligaduras (el mecanismo que convierte la palabra en el simbolo): sin ellas el
   fichero pesaria poco y no dibujaria nada, que es peor que no tenerlo.

   `font-display: block` y no `swap`: para un icono, mostrar el texto de reserva
   mientras carga es exactamente el fallo que esto arregla. Block deja el hueco
   vacio un instante y luego pinta el simbolo.

   Al añadir un icono nuevo al panel hay que regenerar este subconjunto, o saldra
   su nombre en crudo. El comando esta en frontend_hub/README.md. */
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 100 700;
  /* ?v= obligatorio: el nombre del fichero no cambia al regenerar el
     subconjunto, asi que sin version el navegador sirve la fuente vieja de
     cache y el icono nuevo sale como su nombre en crudo. Subir el numero al
     regenerar (ver build_icon_font.mjs). */
  src: url('fonts/MaterialSymbolsOutlined-subset.woff2?v=3') format('woff2');
  font-display: block;
}
