/* Configurações Globais e Variáveis de Estilo */
@tailwind base;
@tailwind components;
@tailwind utilities;

.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-gradient {
    background: linear-gradient(to bottom, rgba(0,0,0,0.4), rgba(0,0,0,0.7));
}

.mobile-link {
    @apply block py-3 border-b border-white/10 hover:text-secondary transition-colors font-bold uppercase tracking-wider text-sm;
}

/* Ajustes finos de animação e hover */
.nav-link-active {
    @apply text-secondary;
}

/* Estilização da Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    @apply bg-primary;
}

::-webkit-scrollbar-thumb {
    @apply bg-secondary rounded-full;
}

::-webkit-scrollbar-thumb:hover {
    @apply bg-orange-600;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}