/* ========================================
   REVEAL ANIMATION – PADRÃO DO SITE
======================================== */

.reveal {
  opacity: 0;
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

/* Direita → direita */
.reveal.from-right {
  transform: translateX(40px);
}

/* Esquerda → esquerda */
.reveal.from-left {
  transform: translateX(-40px);
}

/* Estado ativo */
.reveal.active {
  opacity: 1;
  transform: translateX(0);
}

/* Delays sutis */
.reveal.delay-1 { transition-delay: 0.12s; }
.reveal.delay-2 { transition-delay: 0.25s; }
.reveal.delay-3 { transition-delay: 0.38s; }