/* ============================================================
   animations.css — Scroll Reveal + Transiciones
   LigthSolutions Landing
   ============================================================ */

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

.reveal       { transform: translateY(30px); }
.reveal-left  { transform: translateX(-30px); }
.reveal-right { transform: translateX(30px); }

.reveal.visible       { opacity: 1; transform: translateY(0); }
.reveal-left.visible  { opacity: 1; transform: translateX(0); }
.reveal-right.visible { opacity: 1; transform: translateX(0); }