/* ============================================================
   ITALÍNEA — ANIMATIONS.CSS (non-blocking)
   ============================================================ */

/* ── REVEAL ─────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-36px);transition:opacity .7s ease,transform .7s ease}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(36px);transition:opacity .7s ease,transform .7s ease}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(.94);transition:opacity .7s ease,transform .7s ease}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.delay-1{transition-delay:.1s!important}
.delay-2{transition-delay:.2s!important}
.delay-3{transition-delay:.3s!important}
.delay-4{transition-delay:.4s!important}
.delay-5{transition-delay:.5s!important}

/* ── HERO ENTRANCE ─────────────────────── */
.hero-badge{animation:fadeUp .7s .1s both ease}
.hero-headline{animation:fadeUp .7s .2s both ease}
.hero-sub{animation:fadeUp .7s .3s both ease}
.hero-actions{animation:fadeUp .7s .4s both ease}
.hero-trust{animation:fadeUp .7s .5s both ease}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ── STAT COUNTING ─────────────────────── */
.stat-number.counting{color:rgba(255,255,255,.85)}

/* ── NAVBAR SCROLL EFFECT ─────────────────────── */
#navbar{will-change:box-shadow}

/* ── CARD HOVER GLOW ─────────────────────── */
.ambiente-card{will-change:transform,box-shadow}
.diferencial-card{will-change:transform,box-shadow}

/* ── CTA GLOW PULSE ─────────────────────── */
.cta-glow{animation:glow-pulse 4s ease-in-out infinite}
@keyframes glow-pulse{0%,100%{opacity:.8;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.08)}}