/* Custom Styles if needed, mostly handled by Tailwind */

/* Smooth scrolling is handled by class="scroll-smooth" in HTML */

/* Example: Custom Scrollbar for a truly premium feel */
::-webkit-scrollbar {
    width: 8px;
    background-color: #060606;
}

::-webkit-scrollbar-thumb {
    background-color: #334155;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}

/* Transformando o Header em Sólido para proteger a Logo */
.glass-nav {
    background-color: #060606 !important; /* A cor exata que você achou no scrollbar */
    backdrop-filter: none !important;    /* Remove o efeito de vidro que mostra o erro */
    -webkit-backdrop-filter: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05); /* Linha sutil para separar do conteúdo */
    transition: background-color 0.3s ease;
}

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

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

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #334155;
    border-radius: 20px;
    border: 2px solid transparent;
    background-clip: content-box;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: #475569;
}

/* Custom Interval Bounce Animation (every 5s) */
@keyframes bounce-interval {

    0%,
    10%,
    25%,
    50%,
    100% {
        transform: translateY(0);
    }

    20% {
        transform: translateY(-10px);
    }

    40% {
        transform: translateY(-5px);
    }
}

.animate-pulse-interval {
    animation: bounce-interval 5s infinite;

}