/* /sjm/css/style.css */

/*
  Animação de "Reveal on Scroll"
  Elementos com a classe .reveal começarão invisíveis e deslocados para baixo.
  Quando a classe .active for adicionada via JavaScript (no footer.php),
  eles suavemente aparecerão e subirão para sua posição original.
*/

.reveal {
    position: relative;
    transform: translateY(100px); /* Começa 100px abaixo da posição final */
    opacity: 0; /* Começa totalmente transparente */
    transition: transform 1.2s cubic-bezier(0.6, -0.28, 0.735, 0.045), opacity 0.8s ease-out;
}

.reveal.active {
    transform: translateY(0); /* Volta para a posição original */
    opacity: 1; /* Torna-se totalmente visível */
}