/* Importación de tipografía */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');

/* Estilos globales base */
body { 
    font-family: 'Montserrat', sans-serif; 
}

/* Configuración de íconos de Material Design */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Clases utilitarias personalizadas */
.active-tab { 
    border-right: 4px solid #8d4f00; 
    background: rgba(241, 138, 0, 0.1); 
    color: #8d4f00; 
    font-weight: 700; 
}

.custom-scrollbar {
    /* Necesario si aplicas scroll a un contenedor específico */
}

/* Personalización del Scrollbar (Navegadores Webkit) */
::-webkit-scrollbar { 
    width: 6px; 
}

::-webkit-scrollbar-track { 
    background: transparent; 
}

::-webkit-scrollbar-thumb { 
    background: #e2e2e2; 
    border-radius: 10px; 
}

::-webkit-scrollbar-thumb:hover { 
    background: #887362; 
}