/* Parallax: wrapper propio, sin transform de base para no chocar con las
   animaciones que ya tienen sus hijos (dashboardFloat, robotGesture) */
.hero-parallax{min-width:0;isolation:isolate;will-change:transform}

/* Punto pulsante en el aviso de urgencia del hero */
.hero-urgency .dot{animation:urgencyPulse 1.8s ease-in-out infinite}
@keyframes urgencyPulse{0%,100%{box-shadow:0 0 0 0 #f3c96955}50%{box-shadow:0 0 0 5px #f3c96900}}

/* Brillo sutil en el borde de la tarjeta de precio destacada */
.price-card.featured{position:relative}
.price-card.featured::after{content:'';position:absolute;inset:-1px;border-radius:14px;padding:1px;background:linear-gradient(120deg,var(--pine),var(--lime),var(--pine));background-size:200% 200%;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:borderGlow 6s ease-in-out infinite;z-index:-1}
@keyframes borderGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

@media (prefers-reduced-motion: reduce){
  .hero-urgency .dot{animation:none}
  .price-card.featured::after{animation:none}
}