/* Alteria — P2 Planes */

.alteria-planes { padding-block: 2rem 4rem; }
@media (min-width: 640px) { .alteria-planes { padding-block: 3rem 5rem; } }

/* ── Conmutador mensual / anual ───────────────────────────── */
.alteria-planes__conmutador {
  display: flex;
  gap: 0;
  width: fit-content;
  margin-inline: auto;
  padding: 4px;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-lg);
  background: var(--alteria-surface-2);
}

.alteria-planes__opcion {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  border: 0;
  border-radius: var(--alteria-radius-md);
  background: transparent;
  color: var(--alteria-muted-foreground);
  padding: .5rem 1.125rem;
  font-size: var(--alteria-fs-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease;
}
.alteria-planes__opcion:hover { color: var(--alteria-foreground); }
.alteria-planes__opcion.is-activa {
  background: var(--alteria-primary);
  color: var(--alteria-primary-foreground);
}

.alteria-planes__badge-off {
  border-radius: var(--alteria-radius-sm);
  background: var(--alteria-emerald-10);
  border: 1px solid var(--alteria-emerald-30);
  color: var(--alteria-emerald);
  padding: .0625rem .375rem;
  font-size: 11px;
  font-weight: 600;
}
.alteria-planes__opcion.is-activa .alteria-planes__badge-off {
  background: rgba(7, 26, 34, .2);
  border-color: transparent;
  color: var(--alteria-primary-foreground);
}

.alteria-planes__nota {
  margin-top: 1rem;
  text-align: center;
  font-size: var(--alteria-fs-xs);
  color: var(--alteria-muted-foreground);
}

/* ── Tarjetas ─────────────────────────────────────────────── */
.alteria-planes__grid {
  display: grid;
  gap: 1.25rem;
  margin-top: 2.5rem;
  align-items: start;
}
@media (min-width: 1024px) {
  .alteria-planes__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.alteria-planes__card {
  display: flex;
  flex-direction: column;
  height: 100%;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-xl);
  background: var(--alteria-surface);
  padding: 1.75rem;
}
.alteria-planes__card.is-destacado {
  border-color: var(--alteria-primary);
  box-shadow: var(--alteria-shadow-glow);
}

.alteria-planes__badge {
  display: inline-block;
  margin-bottom: .75rem;
  border-radius: 9999px;
  background: var(--alteria-primary);
  color: var(--alteria-primary-foreground);
  padding: .1875rem .625rem;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .08em;
}

.alteria-planes__nombre { font-size: 22px; }

.alteria-planes__desc {
  margin-top: .5rem;
  min-height: 3.25rem;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-planes__precio {
  display: flex;
  align-items: baseline;
  gap: .375rem;
  margin-top: 1.25rem;
}
.alteria-planes__monto {
  font-family: var(--alteria-font-display);
  font-size: 38px;
  font-weight: 700;
  line-height: 1;
}
.alteria-planes__sufijo {
  font-size: var(--alteria-fs-sm);
  color: var(--alteria-muted-foreground);
}

.alteria-planes__facturacion {
  margin-top: .375rem;
  font-size: var(--alteria-fs-xs);
  color: var(--alteria-muted-foreground);
}

.alteria-planes__cta {
  width: 100%;
  margin-top: 1.5rem;
  padding: .875rem 1.5rem;
  font-size: 16px;
}

.alteria-planes__cta-nota {
  margin-top: .5rem;
  text-align: center;
  font-size: var(--alteria-fs-xs);
  color: var(--alteria-muted-foreground);
}

/* ── Lista de funciones ───────────────────────────────────── */
.alteria-planes__features {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--alteria-border);
}

.alteria-planes__features-titulo {
  font-size: var(--alteria-fs-xs);
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--alteria-muted-foreground);
}

.alteria-planes__features ul {
  display: grid;
  gap: .625rem;
  margin-top: .875rem;
}
.alteria-planes__features li {
  display: flex;
  align-items: flex-start;
  gap: .5rem;
  font-size: var(--alteria-fs-sm);
  line-height: 1.45;
}
.alteria-planes__features svg { width: 1rem; height: 1rem; margin-top: .1875rem; }

/* ── Pie ──────────────────────────────────────────────────── */
.alteria-planes__pie {
  max-width: 46rem;
  margin: 2rem auto 0;
  text-align: center;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

.alteria-planes__legal {
  max-width: 46rem;
  margin: 1rem auto 0;
  text-align: center;
  font-size: var(--alteria-fs-xs);
  color: var(--alteria-muted-foreground);
}