/* Gimmicks | Transiciones de entrada y salida al desplazarse (2026-10-22).
   Solamente opacity y transform: no reflujo, sin dependencias. */
@media (prefers-reduced-motion: no-preference) {
  .g-scroll-reveal {
    opacity: 0;
    transform: translate3d(0, 18px, 0);
    transition: opacity 560ms cubic-bezier(.2,.7,.25,1),
                transform 620ms cubic-bezier(.2,.7,.25,1);
    transition-delay: 0ms;
  }
  .g-scroll-reveal[data-g-exit="above"]:not(.g-scroll-in) {
    transform: translate3d(0, -14px, 0);
  }
  .g-scroll-reveal.g-scroll-in {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-delay: var(--g-scroll-delay, 0ms);
  }
  .category-card.g-scroll-reveal.g-scroll-in:hover {
    transform: translate3d(0, -5px, 0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .g-scroll-reveal,
  .g-scroll-reveal.g-scroll-in {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}