/* =============================================
   Animaciones al hacer scroll (ver reveal.js)
   Solo actúan cuando reveal.js añade .rv-ready al <html>.
============================================= */
.rv-ready .rv {
  opacity: 0;
  transform: translateY(26px);
  transition:
    opacity 0.75s cubic-bezier(0.2, 0.65, 0.3, 1) var(--rv-delay, 0ms),
    transform 0.75s cubic-bezier(0.2, 0.65, 0.3, 1) var(--rv-delay, 0ms);
  will-change: opacity, transform;
}
.rv-ready .rv.rv-zoom { transform: translateY(18px) scale(0.96); }
.rv-ready .rv.rv-hero { transform: translateY(18px); transition-duration: 0.9s; }
.rv-ready .rv.rv-in {
  opacity: 1;
  transform: none;
}
/* Al terminar se libera la GPU y los :hover de cada web vuelven a mandar. */
.rv-ready .rv.rv-in { will-change: auto; }

@media (prefers-reduced-motion: reduce) {
  .rv-ready .rv { opacity: 1 !important; transform: none !important; transition: none !important; }
}