/* Efeitos de rolagem para revelar elementos */


/* Configuração base para todos que revelam */
.reveal-left, .reveal-right {
  opacity: 0;
  transition: all 1.2s ease-out;
}

/* Estado inicial: Esquerda */
.reveal-left { transform: translateX(-80px); }

/* Estado inicial: Direita */
.reveal-right { transform: translateX(80px); }

/* Estado Final (quando o JS ativar) */
.reveal-left.active, .reveal-right.active {
  opacity: 2;
  transform: translateX(0);
}