/* ==========================================================================
   Micro-animações e Efeitos Visuais
   ========================================================================== */

/* Keyframe de Pulso para o Super-CTA */
@keyframes pulse-border {
  0% {
    box-shadow: 0 0 0 0 rgba(232, 102, 74, 0.5), var(--shadow-card);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(232, 102, 74, 0), var(--shadow-card);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(232, 102, 74, 0), var(--shadow-card);
  }
}

/* Keyframe de Brilho dos Sparkles */
@keyframes float-sparkle {
  0%, 100% {
    transform: translateY(0) scale(1) rotate(0deg);
    opacity: 0.8;
  }
  50% {
    transform: translateY(-6px) scale(1.15) rotate(12deg);
    opacity: 1;
    filter: drop-shadow(0 0 6px var(--gold-shine));
  }
}

/* Keyframe de Entrada Suave dos Elementos */
@keyframes fade-in-up {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.profile-header {
  animation: fade-in-up 0.6s var(--ease-spring) backwards;
}

.links-section {
  animation: fade-in-up 0.6s var(--ease-spring) 0.15s backwards;
}

.flavors-section {
  animation: fade-in-up 0.6s var(--ease-spring) 0.25s backwards;
}

.occasions-section {
  animation: fade-in-up 0.6s var(--ease-spring) 0.35s backwards;
}

.social-bar, .site-footer {
  animation: fade-in-up 0.6s var(--ease-spring) 0.45s backwards;
}

/* Redução de Movimento Acessível (WCAG) */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  
  .link-btn--super {
    animation: none !important;
  }
}