/* Animaciones globales: fade-in, count-up, sparkline draw, border pulse */

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

@keyframes goldPulse {
  0%, 100% { border-color: var(--border-subtle); }
  50%      { border-color: var(--border-strong); }
}

@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

.fade-in { animation: fadeIn var(--dur-base) var(--ease-out) both; }

.glass.hero-card {
  animation: goldPulse 4s ease-in-out infinite;
}

.skeleton {
  background: linear-gradient(90deg,
    var(--glass-base) 25%,
    var(--glass-elev) 50%,
    var(--glass-base) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.4s infinite linear;
}