/* Entrada lateral al hacer scroll */
[data-reveal] {
  opacity: 0;
  transform: translateX(var(--reveal-x, 3.5rem));
  transition:
    opacity 0.75s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.75s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0s);
}

[data-reveal="left"] { --reveal-x: -3.5rem; }
[data-reveal="right"] { --reveal-x: 3.5rem; }

[data-reveal].reveal-visible {
  opacity: 1;
  transform: translateX(0);
}

[data-reveal-delay="1"] { --reveal-delay: 0.1s; }
[data-reveal-delay="2"] { --reveal-delay: 0.2s; }
[data-reveal-delay="3"] { --reveal-delay: 0.3s; }
[data-reveal-delay="4"] { --reveal-delay: 0.4s; }