/* ============================================================
   COMERCIAL BARBOSA — ANIMATIONS.CSS
   ============================================================ */

/* ── HERO ENTRANCE ────────────────────────────────────── */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeIn{
  from{opacity:0}to{opacity:1}
}

.hero-badge{animation:fadeUp .7s ease both}
.hero-headline{animation:fadeUp .7s .1s ease both}
.hero-sub{animation:fadeUp .7s .2s ease both}
.hero-actions{animation:fadeUp .7s .3s ease both}
.hero-trust{animation:fadeUp .7s .4s ease both}
.hero-right{animation:fadeIn .9s .3s ease both}

/* ── CARD HOVER GLOW ─────────────────────────────────── */
.diferencial-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.setor-card{transition:transform .35s ease}

/* ── STAT NUMBER COUNT-UP ─────────────────────────────── */
.stat-number.counting{color:var(--green-mid)}

/* ── SCROLL INDICATOR ─────────────────────────────────── */
.scroll-indicator{
  position:absolute;bottom:28px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px;
  color:rgba(255,255,255,.25);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  animation:scroll-bounce 2.2s ease infinite
}
@keyframes scroll-bounce{
  0%,100%{transform:translateX(-50%) translateY(0);opacity:.5}
  50%{transform:translateX(-50%) translateY(7px);opacity:1}
}

/* ── NAV SCROLLED ─────────────────────────────────────── */
#navbar{transition:box-shadow .3s ease,background .3s ease}

/* ── BUTTON MICRO ─────────────────────────────────────── */
.btn{transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:active{transform:scale(.97) !important}

/* ── AVALIACAO CARD ───────────────────────────────────── */
.avaliacao-card{transition:border-color .3s ease,transform .3s ease}
.avaliacao-card:hover{transform:translateY(-3px)}

/* ── LOJA CARD ────────────────────────────────────────── */
.loja-card{transition:box-shadow .3s ease,transform .3s ease}
.loja-card:hover{transform:translateY(-4px)}

/* ── FAQ CHEVRON ──────────────────────────────────────── */
.faq-chevron{transition:transform .3s ease,color .3s ease}

/* ── SOCIAL BTN ───────────────────────────────────────── */
.social-btn{transition:background .25s ease,border-color .25s ease,transform .2s ease}
.social-btn:hover{transform:translateY(-2px)}