/* Tarjetas de planes: ancho maximo cuando el grid colapsa a 1 columna */
@media (max-width: 991.98px) {
  .pricing-col {
    margin-left: auto;
    margin-right: auto;
    max-width: 28rem;
  }
}

/* View Transition: entrada mas lenta (2s) para dar presencia a los planes.
   Reusa el keyframe public-zoom-in declarado en public.css. */
::view-transition-new(root) {
  animation-duration: 2000ms;
}