/* ==========================================================================
   UPPE — Animaciones (CSS puro, respeta prefers-reduced-motion vía style.css)
   ========================================================================== */

@keyframes pulseRing {
  0%   { box-shadow: 0 0 0 0 rgba(228, 64, 65, .45); }
  70%  { box-shadow: 0 0 0 22px rgba(228, 64, 65, 0); }
  100% { box-shadow: 0 0 0 0 rgba(228, 64, 65, 0); }
}

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

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes drawArc {
  from { stroke-dashoffset: 220; }
  to { stroke-dashoffset: 0; }
}

.home-hero__badge { animation: floatSlow 5s ease-in-out infinite; }

.arc-divider svg path {
  stroke-dasharray: 220;
  stroke-dashoffset: 220;
  animation: drawArc 1.4s var(--ease) forwards;
  animation-play-state: paused;
}
.arc-divider.is-visible svg path { animation-play-state: running; }

.menu-panel {
  transition: transform .35s var(--ease), opacity .35s var(--ease);
}

/* Marquesina sutil para franja de confianza (logos/alianzas), pausable */
.alliance-strip { transition: opacity .5s var(--ease); }

@media (prefers-reduced-motion: reduce) {
  .home-hero__badge { animation: none; }
  .video-card__play-btn { animation: none; }
}