/* =====================================================
   Animaciones reutilizables — scroll reveal + microinteracciones
   scrollReveal.js activa .reveal-enabled y agrega .is-visible
   cuando cada elemento entra al viewport.
   ===================================================== */

.reveal-item {
  will-change: opacity, transform, clip-path;
  backface-visibility: hidden;
}

html.reveal-enabled .reveal-item {
  opacity: 0;
  transform: translate3d(0, 36px, 0);
  transition:
    opacity 820ms ease,
    transform 980ms cubic-bezier(.19, 1, .22, 1),
    clip-path 980ms cubic-bezier(.19, 1, .22, 1);
  transition-delay: var(--reveal-delay, 0ms);
}

html.reveal-enabled .reveal-item[data-reveal="fade-up"] {
  transform: translate3d(0, 38px, 0);
}

html.reveal-enabled .reveal-item[data-reveal="fade-left"] {
  transform: translate3d(48px, 0, 0);
}

html.reveal-enabled .reveal-item[data-reveal="fade-right"] {
  transform: translate3d(-48px, 0, 0);
}

html.reveal-enabled .reveal-item[data-reveal="zoom-soft"] {
  transform: translate3d(0, 28px, 0) scale(.94);
}

html.reveal-enabled .reveal-item[data-reveal="image"] {
  transform: translate3d(0, 26px, 0) scale(1.035);
  clip-path: inset(10% 0 10% 0);
}

html.reveal-enabled .reveal-item.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
  clip-path: inset(0 0 0 0);
}

.delay-1 { --reveal-delay: 120ms; }
.delay-2 { --reveal-delay: 220ms; }
.delay-3 { --reveal-delay: 320ms; }

@keyframes breathe {
  0%, 100% { box-shadow: 0 0 0 0 rgba(201,166,107,.34), 0 26px 60px rgba(0,0,0,.25); }
  50% { box-shadow: 0 0 0 18px rgba(201,166,107,0), 0 26px 60px rgba(0,0,0,.25); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .001ms !important;
  }
  html.reveal-enabled .reveal-item {
    opacity: 1 !important;
    transform: none !important;
    clip-path: none !important;
  }
}