/* ============================================
   ANIMAÇÕES
   ============================================ */

/* Parallax — cada camada usa keyframe próprio pra independência de velocidade */
@keyframes rolar-fundo {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes rolar-meio {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes rolar-frente {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@keyframes rolar-flores {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

.tela--ativa .camada--fundo  { animation: rolar-fundo  60s linear infinite; }
.tela--ativa .camada--meio   { animation: rolar-meio   28s linear infinite; }
.tela--ativa .camada--frente { animation: rolar-frente  9s linear infinite; }
.tela--ativa .camada--flores { animation: rolar-flores  4s linear infinite; }

/* Comando pulsando */
@keyframes comando-pulsar {
  0%, 100% { transform: translate(-50%, -50%) scale(1); }
  50%      { transform: translate(-50%, -50%) scale(1.06); }
}

/* Sol pulsando */
@keyframes pulsar-sol {
  0%, 100% { transform: scale(1); }
  50%      { transform: scale(1.1); }
}

/* Logo bounce */
@keyframes bounce-suave {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-12px); }
}

/* Ícone girando (aviso rotação) */
@keyframes girar-icone {
  0%, 100% { transform: rotate(-90deg); }
  50%      { transform: rotate(0deg); }
}

/* Estrela pulando na tela fim */
@keyframes pular-estrela {
  0%   { transform: scale(0) rotate(-180deg); opacity: 0; }
  60%  { transform: scale(1.3) rotate(20deg); opacity: 1; }
  100% { transform: scale(1) rotate(0deg); opacity: 1; }
}

/* Confete caindo */
@keyframes confete-cair {
  0%   { transform: translateY(-50px) rotate(0deg);   opacity: 1; }
  100% { transform: translateY(110vh) rotate(720deg); opacity: 0; }
}

/* Countdown — aparece com pop */
@keyframes countdown-pop {
  0%   { transform: scale(0.3); opacity: 0; }
  50%  { transform: scale(1.2); opacity: 1; }
  100% { transform: scale(1);   opacity: 1; }
}
.countdown-num { animation: countdown-pop 0.5s ease-out; }