/* Custom Motivapp — ajustes post-migracion Webflow */

/* Loader circular de carga de contenido dinamico (faq, terminos, politicas) */
.ml-loader {
  display: flex;
  justify-content: center;
  padding: 80px 0;
}

.ml-loader::after {
  content: "";
  width: 48px;
  height: 48px;
  border: 5px solid #d6f0fb;
  border-top-color: #00aeef;
  border-radius: 50%;
  animation: ml-spin 0.8s linear infinite;
}

@keyframes ml-spin {
  to {
    transform: rotate(360deg);
  }
}

/* Planes B2C — card Individual + badges */
.card-planes.individual-plan-card {
  position: relative;
  overflow: hidden;
  background-color: var(--white);
  border: 2px solid var(--blue-500m);
}

/* Esquina azul sólida + texto Más / popular a 45° */
.card-planes .centered.color-label.most-popular {
  z-index: 2;
  box-sizing: border-box;
  width: 5.25rem;
  height: 5.25rem;
  margin: 0;
  padding: 0 !important;
  background-color: var(--blue-500m);
  border-radius: 0;
  inset: unset !important;
  top: -2px !important;
  right: -2px !important;
  left: auto !important;
  bottom: auto !important;
  display: block !important;
  overflow: hidden;
  transform: none;
  align-self: auto;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

.card-planes .centered.color-label.most-popular .text-small {
  position: absolute;
  top: 0.7rem;
  right: 0.15rem;
  width: 3.6rem;
  margin: 0;
  padding: 0;
  background: none;
  color: var(--white);
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-align: center;
  white-space: normal;
  transform: rotate(45deg);
  transform-origin: center center;
}

.card-planes .centered.color-label.most-popular.most-popular-mobile {
  display: none !important;
}

.card-planes .centered.color-label:not(.most-popular):not(.opacity-0) {
  background-color: transparent;
  color: var(--fp-400);
  border: 1.5px solid var(--fp-400);
  padding: 0.35em 0.9em;
}

.card-planes .centered.color-label:not(.most-popular):not(.opacity-0) .text-small,
.card-planes .centered.color-label:not(.most-popular):not(.opacity-0) strong {
  color: inherit;
}