/* CARIPVCARD 16.0 · planes multitarifa + tarjetas destacadas enriquecidas */

/* Landing: datos de contacto para ocupar mejor la tarjeta */
.featured-profile-contact{display:grid;gap:9px;margin-top:12px;color:#737b91;font-size:11px}
.featured-profile-contact span{display:flex;align-items:center;gap:8px;min-width:0}
.featured-profile-contact i{width:15px;color:#7458f5;text-align:center}
.featured-profile-body{padding-bottom:20px!important}

/* Selector mensual/anual/de por vida */
.v16-billing-tabs{display:flex;justify-content:center;gap:8px;margin:18px auto 20px;padding:6px;background:#f5f3ff;border:1px solid #e7e2ff;border-radius:16px;width:max-content;max-width:100%}
.v16-billing-tabs button{border:0;background:transparent;padding:11px 18px;border-radius:11px;font:700 12px/1.1 'Plus Jakarta Sans',sans-serif;color:#697086;cursor:pointer;transition:.2s}
.v16-billing-tabs button small{display:block;font-size:8px;margin-top:4px;color:inherit;opacity:.8}
.v16-billing-tabs button.active{background:#fff;color:#6045df;box-shadow:0 7px 20px rgba(85,61,196,.12)}
.landing-plan.plan-hidden{display:none!important}

/* Admin: edición de tres precios */
.v16-plan-price-editor{padding:14px;border:1px solid #e7e8f1;border-radius:16px;background:#fafaff}
.v16-plan-price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:9px}
.v16-plan-price-grid label{display:grid;gap:6px}
.v16-plan-price-grid label>span{font-size:11px;font-weight:800;color:#3a4055}
.money-input{display:flex;align-items:center;border:1px solid #dfe2ed;border-radius:12px;background:#fff;overflow:hidden}
.money-input b{padding:0 10px;color:#6d4aff;font-size:12px}
.money-input input{border:0!important;border-left:1px solid #eceef5!important;border-radius:0!important;box-shadow:none!important;min-width:0}
.v16-price-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0}
.v16-price-chip{padding:10px;border-radius:12px;background:#f6f7fb;border:1px solid #eceef5;display:grid;gap:4px}
.v16-price-chip span{font-size:8px;text-transform:uppercase;letter-spacing:.7px;color:#8a91a3;font-weight:800}
.v16-price-chip strong{font-size:13px;color:#242a3a}
.v16-price-chip.featured{background:#f0edff;border-color:#ddd5ff}
.v16-price-chip.featured strong{color:#6549e3}

html[data-theme="dark"] .v16-plan-price-editor{background:#10162a;border-color:#28324d}
html[data-theme="dark"] .v16-plan-price-grid label>span{color:#dce3ff}
html[data-theme="dark"] .money-input{background:#0d1325;border-color:#2a3550}
html[data-theme="dark"] .money-input b{color:#a895ff}
html[data-theme="dark"] .money-input input{border-left-color:#2a3550!important}
html[data-theme="dark"] .v16-price-chip{background:#11172a;border-color:#28324d}
html[data-theme="dark"] .v16-price-chip span{color:#95a1c3!important}
html[data-theme="dark"] .v16-price-chip strong{color:#f4f6ff!important}
html[data-theme="dark"] .v16-price-chip.featured{background:#17183a;border-color:#3d3472}

/* Modalidades en suscripciones */
.billing-period-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:999px;background:#f0edff;color:#6147db;font-size:9px;font-weight:800}
.billing-period-badge i{font-size:8px}

@media(max-width:760px){
  .v16-billing-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}
  .v16-billing-tabs button{padding:10px 6px;font-size:10px}
  .v16-plan-price-grid,.v16-price-stack{grid-template-columns:1fr}
  .featured-profile-contact{font-size:10.5px}
}