/* Animaciones */

/* Aparición al hacer scroll. La clase .reveal la añade el JS:
   si el JS fallara, el contenido se ve igual (no se queda oculto). */
.reveal { opacity: 0; transform: translateY(16px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-in { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
}