/* estado inicial: escondido e levemente para baixo */
.reveal {
  opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

/* quando entrar na tela */
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}