/* Animações e Transições */
@keyframes marquee {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.animate-marquee {
    display: inline-block;
    white-space: nowrap;
    animation: marquee 45s linear infinite;
}

.animate-marquee:hover {
    animation-play-state: paused;
}

/* Transição global para links e botões */
a, button {
    transition: all 0.3s ease;
}