/**
 * Material Symbols Outlined — fuente servida desde /web/fonts
 * Evita que los iconos se vean como texto si fonts.googleapis.com / fonts.gstatic.com fallan o tardan.
 */
@font-face {
    font-family: 'Material Symbols Outlined';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/material-symbols-outlined.woff2') format('woff2');
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined', sans-serif;
    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;
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.drawer .nav-link .nav-icon.material-symbols-outlined,
.drawer .theme-toggle-menu .nav-icon.material-symbols-outlined,
.logout-button .nav-icon.material-symbols-outlined {
    flex-shrink: 0;
    min-width: 24px;
    width: auto;
}