html {
    scroll-behavior: smooth;
}

body {
    overflow-x: hidden;
}

/* Animations para os elementos (Scroll Reveal) */
.reveal {
    opacity: 0;
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translate(0, 0) scale(1);
}

.reveal-up {
    transform: translateY(40px);
}

.reveal-left {
    transform: translateX(-40px);
}

.reveal-right {
    transform: translateX(40px);
}

.reveal-scale {
    transform: scale(0.8);
}