/* ===== CuidaMass: overrides solicitados por Jhon (v2) ===== */

/* 1) Badges más discretos */
.badges{gap:8px}
.badge{
  background: linear-gradient(180deg, rgba(148,163,184,.16), rgba(148,163,184,.07));
  border: 1px solid rgba(148,163,184,.25);
  color: #cbd5e1;
  font-weight: 600;
  box-shadow: none;
}

/* 2) Botón "Solicitar demo" con animación constante de atención */
@keyframes demo-attention {
  0%, 100% { transform: translateY(0) scale(1); }
  20%      { transform: translateY(-3px) scale(1.015) rotate(-.3deg); }
  40%      { transform: translateY(0) scale(1); }
  60%      { transform: translateY(-2px) scale(1.01) rotate(.3deg); }
  80%      { transform: translateY(0) scale(1); }
}
@keyframes demo-glow {
  0%, 100% { box-shadow: 0 10px 30px -10px var(--ring); }
  50%      { box-shadow: 0 18px 46px -14px var(--ring); }
}

/* Solo el botón primario del hero (Solicitar demo) */
.hero .cta .btn.primary{
  animation: demo-attention 2.6s ease-in-out infinite, demo-glow 5s ease-in-out infinite;
  will-change: transform, box-shadow;
  isolation: isolate;
}

/* 3) Mantener el efecto "pop" al pasar el cursor (de la versión anterior) */
@keyframes btn-pop {
  0% { transform: translateY(0) scale(1); }
  40% { transform: translateY(-6px) scale(1.06); }
  100% { transform: translateY(-2px) scale(1.02); }
}
.btn.primary:hover{
  animation: btn-pop .35s cubic-bezier(.2,.8,.2,1) forwards, demo-glow 5s ease-in-out infinite;
}
.btn.primary:active{
  transform: translateY(0) scale(.98);
  box-shadow: 0 8px 26px -12px var(--ring);
}

/* Respeto a usuarios con reducción de movimiento */
@media (prefers-reduced-motion: reduce){
  .hero .cta .btn.primary{ animation: none; }
}