html.plans-navigation-active .cv-auto {
  content-visibility: visible;
  contain-intrinsic-size: none;
}

.plans-grid {
  max-width: 58rem;
  align-items: start;
}

.plan-card {
  width: 100%;
  max-width: 28rem;
  justify-self: center;
  padding: 1.5rem;
}

@media (max-width: 767px) {
  #planos {
    padding-block: 3.5rem;
  }

  .plans-grid {
    max-width: 21.5rem;
    gap: 1rem;
  }

  .plan-card {
    padding: 1.25rem;
  }

  .plan-card .mt-6 {
    margin-top: 1.125rem;
  }

  .plan-card .mt-5 {
    margin-top: 1rem;
  }

  .plan-card .mt-3 {
    margin-top: 0.625rem;
  }

  .plan-card .space-y-3 > :not(:last-child),
  .plan-card .space-y-2\.5 > :not(:last-child) {
    margin-block-end: 0.625rem;
  }

  .plan-card .space-y-2 > :not(:last-child) {
    margin-block-end: 0.375rem;
  }

  .plan-card-professional .grid-cols-5 {
    width: 94%;
    margin-inline: auto;
  }
}