/* ============================================================
   HOLANA ART — ANIMATIONS
   Keyframes e classes de animação
   ============================================================ */

/* ─── Scroll Reveal ──────────────────────────────────────────── */
/* Estado inicial — elementos ocultos antes da animação */

[data-reveal] {
  opacity: 0;
  transition: opacity 0.8s var(--ease-smooth),
              transform 0.8s var(--ease-smooth),
              filter 0.8s var(--ease-smooth);
}

[data-reveal="fade-up"] {
  transform: translateY(48px);
}

[data-reveal="fade-down"] {
  transform: translateY(-32px);
}

[data-reveal="fade-left"] {
  transform: translateX(-48px);
}

[data-reveal="fade-right"] {
  transform: translateX(48px);
}

[data-reveal="scale"] {
  transform: scale(0.90);
}

[data-reveal="blur"] {
  filter: blur(8px);
  transform: translateY(20px);
}

[data-reveal].revealed {
  opacity: 1;
  transform: none;
  filter: none;
}

/* Delays para grupos */
[data-reveal-delay="100"] { transition-delay: 0.1s; }
[data-reveal-delay="200"] { transition-delay: 0.2s; }
[data-reveal-delay="300"] { transition-delay: 0.3s; }
[data-reveal-delay="400"] { transition-delay: 0.4s; }
[data-reveal-delay="500"] { transition-delay: 0.5s; }
[data-reveal-delay="600"] { transition-delay: 0.6s; }
[data-reveal-delay="700"] { transition-delay: 0.7s; }
[data-reveal-delay="800"] { transition-delay: 0.8s; }

/* ─── Hover elegante em cards ────────────────────────────────── */

.hover-lift {
  transition: transform var(--transition-base), box-shadow var(--transition-base);
}

.hover-lift:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
}

/* ─── Page transition ────────────────────────────────────────── */

.page-transition {
  position: fixed;
  inset: 0;
  background: var(--off-white);
  z-index: 9999;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s var(--ease-smooth);
}

.page-transition.active {
  opacity: 1;
}