/* ============================================================
   3K MÓVEIS E ELETROS — 12 HORAS DE LUCRO ZERO ESPECIAL DAS MÃES
   ANIMATIONS.CSS
   ============================================================ */

@keyframes scrollX {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes fadeDown {
  from { opacity: 0; transform: translateY(-18px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(22px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes popIn {
  from { opacity: 0; transform: scale(.88); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes shimmer {
  0%   { background-position: 200% center; }
  100% { background-position: -200% center; }
}
@keyframes pulseGreen {
  0%,100% { box-shadow: 0 0 12px rgba(20,181,14,.6), 0 0 32px rgba(20,181,14,.28), 0 6px 24px rgba(20,181,14,.4); }
  50%     { box-shadow: 0 0 28px rgba(20,181,14,1),  0 0 64px rgba(20,181,14,.55), 0 6px 46px rgba(20,181,14,.5); }
}
@keyframes pulseRed {
  0%,100% { border-color: rgba(227,27,34,.45); }
  50%     { border-color: rgba(227,27,34,.9); }
}
@keyframes pulseDot {
  0%,100% { box-shadow: 0 0 6px  #FFCC00, 0 0 14px rgba(255,204,0,.4); }
  50%     { box-shadow: 0 0 14px #FFCC00, 0 0 28px rgba(255,204,0,.7); }
}
@keyframes redFlare {
  0%,100% { opacity: .5;  transform: translate(-50%,-50%) scale(1); }
  50%     { opacity: .75; transform: translate(-50%,-50%) scale(1.08); }
}
@keyframes starFloat {
  0%   { opacity: 0; transform: translateY(0) translateX(0); }
  6%   { opacity: 1; }
  94%  { opacity: .5; }
  100% { opacity: 0; transform: translateY(var(--ty,-80px)) translateX(var(--tx,20px)); }
}
@keyframes borderGlow {
  0%,100% { border-color: rgba(255,204,0,.2); }
  50%     { border-color: rgba(255,204,0,.55); }
}

/* ── HERO ENTRANCE ───────────────────────────────────────────── */
.event-badge     { animation: fadeDown .5s  .07s ease both, pulseRed  3s    ease infinite; }
.event-badge .dot{ animation: pulseDot  2s        ease infinite; }
.hero-seal       { animation: popIn    .62s .14s ease both; }
.event-name      { animation: fadeDown .58s .20s ease both; }
.hero-headline   { animation: fadeDown .68s .26s ease both; }
.btn-vip         { animation: popIn    .70s .42s ease both, pulseGreen 2.4s .42s ease infinite; }
.btn-note        { animation: fadeUp   .60s .54s ease both; }
.urgency-line    { animation: fadeUp   .60s .60s ease both; }
.carousel-section{ animation: fadeUp   .68s .68s ease both; }

/* ── SHIMMER on button ───────────────────────────────────────── */
.btn-vip::before {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  background-size: 200% 100%;
  animation: shimmer 2.2s linear infinite;
}

/* ── HERO GLOW ───────────────────────────────────────────────── */
.hero-glow { animation: redFlare 5s ease-in-out infinite; }

/* ── STAR PARTICLES ──────────────────────────────────────────── */
.star { animation: starFloat ease-in-out infinite; }

/* ── TRIGGER BORDER GLOW STAGGER ────────────────────────────── */
.trigger-item:nth-child(1) { animation: borderGlow 4s ease 0.0s infinite; }
.trigger-item:nth-child(2) { animation: borderGlow 4s ease 0.5s infinite; }
.trigger-item:nth-child(3) { animation: borderGlow 4s ease 1.0s infinite; }
.trigger-item:nth-child(4) { animation: borderGlow 4s ease 1.5s infinite; }
.trigger-item:nth-child(5) { animation: borderGlow 4s ease 2.0s infinite; }
.trigger-item:nth-child(6) { animation: borderGlow 4s ease 2.5s infinite; }
.trigger-item:nth-child(7) { animation: borderGlow 4s ease 3.0s infinite; }
.trigger-item:nth-child(8) { animation: borderGlow 4s ease 3.5s infinite; }
.trigger-item:hover        { animation: none; }