/* ELEMENTOS FADE */
/* Estado inicial (escondido) */
.reveal {
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 1.0s ease, transform 1.0s ease;
  will-change: opacity, transform;
}

/* Variações */
.reveal[data-reveal="fade"] { transform: none; }
.reveal[data-reveal="left"] { transform: translateX(-116px); }
.reveal[data-reveal="right"] { transform: translateX(116px); }
.reveal[data-reveal="up"] { transform: translateY(60px); }

/* Quando visível */
.reveal.is-visible {
  opacity: 1;
  transform: none;
}