/* v22 · Planes en 3 pestañas: Pago único · Mensual · Extras */
.ptabs22{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;max-width:520px;margin:28px auto 0;padding:5px;border-radius:18px;background:#12101f}
.ptabs22 button{border:0;background:none;border-radius:14px;padding:12px 8px;font:700 15px Outfit,sans-serif;color:#cfc7e3;cursor:pointer;transition:background .25s,color .25s}
.ptabs22 button[aria-selected=true]{background:var(--lime);color:var(--ink)}
.ptabs22 button:focus-visible{outline:3px solid #6c2bff;outline-offset:2px}
.ppanel22{animation:pp22 .35s ease both}
.ppanel22[hidden]{display:none!important}
@keyframes pp22{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.pp-lead{text-align:center;margin:16px auto 0;font-size:16px;color:var(--muted);max-width:60ch}
.pp-lead b{color:var(--ink)}
.renew22{max-width:820px;margin:18px auto 0;text-align:center;font-size:14px;color:var(--muted);line-height:1.55}
.renew22 b{color:var(--ink)}
.pd-link{display:none}
#pp-mensual .m21-cards{max-width:820px;margin:20px auto 0}
.pp-note{text-align:center;margin:14px auto 0;font-size:13px;color:var(--muted)}
#pp-extras{max-width:820px;margin:0 auto}
.x22{display:flex;align-items:center;gap:16px;margin-top:12px;padding:16px 18px;border-radius:18px;background:#fff;border:1px solid #e4d8f6;box-shadow:var(--e1)}
.x22:first-of-type{margin-top:20px}
.x22>div{flex:1;display:grid;gap:3px;min-width:0}
.x22>div>b{font:700 17px Outfit,sans-serif}
.x22>div>span{font-size:13.5px;color:var(--muted)}
.x22 em{font:500 13px var(--mono);font-style:normal}
.x22 em b{color:#6c2bff}
.x22 .button{flex:0 0 auto;min-height:42px;padding:8px 18px}
.plans12{margin-top:22px!important}
@media(max-width:760px){
 #planes .perks13{display:none}
 .ptabs22{margin:14px 0 0;border-radius:16px}
 .ptabs22 button{padding:11px 4px;font-size:14px}
 .pp-lead{text-align:left;margin:10px 0 0;font-size:14px}
 .plan-tabs{margin-top:10px!important}
 .plans12{margin-top:8px!important}
 .plan-demo,.plan12 .plan-badge{display:none!important}
 .plan12 .plan-name{display:flex;align-items:center;justify-content:space-between;gap:8px}
 .pd-link{display:inline-flex!important;border:0;background:#efe7ff;color:#4a17c9;border-radius:99px;padding:5px 10px;font:600 12px Outfit,sans-serif;letter-spacing:0;cursor:pointer}
 .plan12.fav .pd-link{background:#ffffff26;color:#fff}
 .plan12.fav .plan-ya{width:46px!important;right:4px!important;transform:translateY(-70%)!important}
 .plan12.fav .plan-name{padding-right:0}
 .renew22{text-align:left;margin:10px 0 0;font-size:12.5px}
 #pp-mensual .m21-cards{margin-top:12px;gap:10px}
 .m21{padding:14px 16px;gap:4px}
 .m21-name{font-size:18px}.m21-price b{font-size:26px}
 .m21 ul{margin:2px 0 8px}.m21 li{font-size:13.5px}
 .pp-note{text-align:left;font-size:12px;margin-top:10px}
 .x22{flex-wrap:wrap;gap:10px;padding:14px 16px}
 .x22>div>b{font-size:16px}
 .x22 .button{width:100%}
}
@media(max-width:760px){
 .plan12.fav .plan-ya{display:none!important}
 .m21{display:grid;grid-template-columns:1fr auto;column-gap:10px;align-items:baseline}
 .m21-for,.m21 ul,.m21 .button{grid-column:1/-1}
 .m21-name{grid-column:1}.m21-price{grid-column:2;grid-row:2}
 .m21 .button{min-height:40px;padding:8px 14px}
}
@media(min-width:761px){#pp-unico .pp-lead{margin-bottom:96px}.plans12{margin-top:0!important}}