/* =====================================================
   DIMENSION3D — animations.css  v2
   Réplica exacta del sistema oigny-lite (presset.css)
   ===================================================== */

:root {
    --oigny-lite-transition: cubic-bezier(0.165, 0.84, 0.44, 1);
}

/* ── Estado base: oculto antes de entrar al viewport ── */
.oigny-lite-animate {
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, transform;
    transition-duration: 0.7s;
    transition-timing-function: var(--oigny-lite-transition);
}

/* ── Estado activo: visible ───────────────────────────── */
.oigny-lite-animate-init {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) translateX(0) scale(1) rotate(0) !important;
}

/* ── Variantes de movimiento ──────────────────────────── */
.oigny-lite-move-up    { transform: translateY(30px); }
.oigny-lite-move-down  { transform: translateY(-30px); }
.oigny-lite-move-right { transform: translateX(-40px); }
.oigny-lite-move-left  { transform: translateX(40px); }
.oigny-lite-scale      { transform: scale(0.5); }
.oigny-lite-flip {
    transform: perspective(500px) translateY(60px) scaleY(.75) rotateX(-40deg);
}

/* ── Delays ───────────────────────────────────────────── */
.oigny-lite-delay-1  { transition-delay: 0.1s; }
.oigny-lite-delay-3  { transition-delay: 0.3s; }
.oigny-lite-delay-5  { transition-delay: 0.5s; }
.oigny-lite-delay-7  { transition-delay: 0.7s; }
.oigny-lite-delay-10 { transition-delay: 1.0s; }

/* ── Hero: animaciones al cargar ─────────────────────── */
@keyframes fadeSlideUp {
    from { opacity: 0; transform: translateY(28px); }
    to   { opacity: 1; transform: translateY(0); }
}

.hero-badge  { animation: fadeSlideUp 0.7s var(--oigny-lite-transition) 0.1s both; }
.hero-title  { animation: fadeSlideUp 0.9s var(--oigny-lite-transition) 0.25s both; }
.hero-text   { animation: fadeSlideUp 0.9s var(--oigny-lite-transition) 0.45s both; }
.hero-actions { animation: fadeSlideUp 0.9s var(--oigny-lite-transition) 0.65s both; }
.hero-scroll-hint { animation: fadeSlideUp 0.9s var(--oigny-lite-transition) 1.2s both; }