/* ============================================================
   ANIMATIONS.CSS — Todos os @keyframes CSS do projeto
   Páscoa 2026
   ============================================================ */

/* ── Hero ── */
@keyframes badgePulse {
  0%, 100% { box-shadow: 0 0 0 0   rgba(255,255,255,0.00); }
  50%       { box-shadow: 0 0 0 6px rgba(255,255,255,0.06); }
}

@keyframes pulse-dot {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .4; transform: scale(.65); }
}

@keyframes glow-pulse {
  0%,100% { box-shadow: 0 4px 24px rgba(201,168,76,0.4); }
  50%      { box-shadow: 0 8px 40px rgba(232,184,75,0.55), 0 0 28px rgba(232,184,75,0.2); }
}

/* ── Seção 6 — Suporte ── */
@keyframes floatSup {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-14px); }
}

/* ── Seção 7 — Bônus ── */
@keyframes bokehFloat {
  0%, 100% { transform: translateY(0) scale(1);      opacity: 0.6; }
  50%       { transform: translateY(-14px) scale(1.15); opacity: 1;   }
}

/* ── Seção 9 — Para Quem É ── */
@keyframes floatCard {
  0%, 100% { transform: translateY(0px);   }
  50%       { transform: translateY(-10px); }
}

@keyframes ctaPulse {
  0%, 100% { box-shadow: 0 0 0 0   rgba(232,184,75,0.4), 0 8px 32px rgba(232,184,75,0.35); }
  50%      { box-shadow: 0 0 0 16px rgba(232,184,75,0),   0 8px 32px rgba(232,184,75,0.35); }
}

/* ── Seção 12 — Razão de Tudo ── */
@keyframes floatIcon {
  0%, 100% { transform: translateY(0px);  }
  50%       { transform: translateY(-9px); }
}

/* ── Seção 13 — Oferta ── */
@keyframes borderRotate {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

@keyframes floatLogo {
  0%, 100% { transform: translateY(0px);   }
  50%       { transform: translateY(-10px); }
}

@keyframes shimmerBtn {
  0%   { background-position: 0%   50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0%   50%; }
}

/* ── Seção 14 — Garantia ── */
@keyframes sealFloat {
  0%, 100% { transform: translateY(0)    rotate(-2deg); }
  50%       { transform: translateY(-12px) rotate(2deg);  }
}

@keyframes ringRotate {
  from { transform: rotate(0deg);   }
  to   { transform: rotate(360deg); }
}