:root {
    --safe-area-inset-top: env(safe-area-inset-top);
    --safe-area-inset-bottom: env(safe-area-inset-bottom);
    --bs-primary: #0AAFB3;
}
.font-logo { font-family: 'Outfit', sans-serif; font-weight: 800; }
body { padding-top: var(--safe-area-inset-top, 0); }
footer { padding-bottom: var(--safe-area-inset-bottom, 0) !important; }
/* El tamaño de los iconos NO se fija aquí. Este selector lleva `span.`/`i.` delante
   (especificidad 0,1,1) y ganaba por cascada a TODAS las reglas de tamaño del
   proyecto (`.admin-nav-icon`, `.admin-btn-icon-sm`, `.fs-18`…), así que los
   iconos salían siempre a 24px y el sistema de tamaños de icono estaba muerto.
   El tamaño por defecto vive en index.css (`.material-symbols-outlined`,
   0,1,0), donde cualquier regla posterior del proyecto puede pisarlo. */
span.material-icons,
i.material-icons,
.material-icons,
span.material-symbols-outlined,
i.material-symbols-outlined,
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
    font-weight: 400 !important;
    font-style: normal !important;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
    font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}
span.material-icons,
i.material-icons,
.material-icons {
    font-family: 'Material Icons' !important;
}