/* =========================================================
   OHANA BAZAR — animations.css
   ========================================================= */

/* Scroll reveal */
.reveal {
  opacity: 0;
  transform: translateY(34px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}
.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Bounce del indicador de scroll del hero */
@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(8px); }
}

/* Flotación suave de hojas decorativas del hero */
@keyframes float-leaf {
  0%, 100% { transform: translateY(0) rotate(var(--rot, 0deg)); }
  50% { transform: translateY(-14px) rotate(var(--rot, 0deg)); }
}
.hero-leaf--1 { --rot: -18deg; animation: float-leaf 7s ease-in-out infinite; }
.hero-leaf--2 { --rot: 20deg; animation: float-leaf 9s ease-in-out infinite; }
.hero-leaf--3 { --rot: 12deg; animation: float-leaf 8s ease-in-out infinite 1s; }

/* Respeto a prefer-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
  .reveal { opacity: 1; transform: none; }
}