/* Esconde as barras de rolamento mas mantém a rolagem ativa */
.hide-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.hide-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

/* Animações CSS Básicas */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.3s ease-out forwards;
}

/* Utilitários Dinâmicos manipulados via JS */
.tab-active {
    color: #E53935 !important;
}

.tab-active-desktop {
    background-color: #fef2f2 !important; /* red-50 */
    color: #E53935 !important;
}

.player-visible {
    transform: translateY(0) !important;
}