/* Estilos Visuais Premium */
.bg-blue-gradient {
    background: linear-gradient(135deg, #013a8f 0%, #2563eb 100%);
}

.text-gradient {
    background: linear-gradient(to right, #3b82f6, #ffffff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Glassmorphism Dinâmico (Muda com o tema) */
.glass-card {
    /* Modo Claro (Padrão) */
    background: #ffffff;
    border: 1px solid #e5e7eb;
    /* Gray-200 */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

/* Modo Escuro (Quando a classe .dark está ativa) */
.dark .glass-card {
    background: rgba(20, 20, 20, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}

/* Efeito Neon nos Cards REC */
.rec-card:hover {
    border-color: rgba(37, 99, 235, 0.5);
    box-shadow: 0 0 40px rgba(1, 58, 143, 0.2);
    transform: translateY(-5px);
}

/* Menu Mobile */
#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s;
    pointer-events: none;
    opacity: 0;
}

#mobile-menu.menu-open {
    transform: translateX(0) !important;
    pointer-events: auto;
    opacity: 1;
}

#mobile-menu.menu-closed {
    transform: translateX(100%) !important;
}

/* Scrollbar Modal */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    /* Cor clara */
    border-radius: 4px;
}

.dark .custom-scrollbar::-webkit-scrollbar-thumb {
    background: #333;
    /* Cor escura */
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #2563eb;
}

/* Ajuste fino para a imagem de perfil */
.profile-mask {
    mask-image: linear-gradient(to bottom, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 85%, transparent 100%);
}