/* ═══════════════════════════════════════════════════════════════════════
   Material Symbols Outlined — auto-allotjat (self-hosted)
   ───────────────────────────────────────────────────────────────────────
   Subconjunt amb NOMÉS les 76 icones que fa servir el projecte: 53 KB en
   comptes dels 2,3 MB de la família sencera. Manté els eixos variables
   (opsz, wght, FILL, GRAD) perquè el CSS fa servir `font-variation-settings:
   'FILL' 1` en força llocs (estrelles plenes, segell de verificat…).

   Si algun dia s'afegeix una icona nova, cal REGENERAR el fitxer. Si no es
   fa, la icona surt escrita en TEXT PLA («NOTIFICATIONS_ACTIVE»), que es com
   es va descobrir el 17-08-2026 en afegir el boto de push de prova.

   La llista de noms es treu del codi mateix. L'ordre exacta NO va aqui
   dins a posta: porta una expressio regular amb una barra i un asterisc
   junts, i aixo TANCA aquest comentari a mitges i trenca el full sencer
   (va passar el mateix dia: el navegador es quedava amb una sola regla, el
   @font-face desapareixia i cap icona del projecte es dibuixava). Esta a
   documentacio/regenerar-icones.md.

   Amb la llista feta:
     curl -H "User-Agent: Mozilla/5.0 (...) Chrome/138" \n       "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:\n        opsz,wght,FILL,GRAD@20..48,100..700,0..1,0&icon_names=<llista>"
   i baixar l'URL del woff2 que retorna. Despres, pujar el ?v= del src.

   font-display: block — igual que Google (auto). Amb `swap` es veurien els
   noms de les icones en text pla («search», «close») mentre carrega.
   ═══════════════════════════════════════════════════════════════════════ */

@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 100 700;
    font-display: block;
        /* ?v= a posta: el fitxer es serveix amb 7 dies de memoria cau, i sense
       aixo qui ja el tingues seguiria veient la versio antiga —i les icones
       noves, escrites en text pla— fins una setmana despres. Pujar el numero
       cada cop que es regenera el woff2. */
    src: url('/assets/fonts/material-symbols-outlined.woff2?v=3') 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;
}