/* Mi plan del piscinero: reutiliza las piezas de «Mi plan» del cliente (.mpl, client-plan.css) y agrega lo propio del panel profesional. */
.mpl-pro{container-type:inline-size;container-name:mplpro}
.mpl-pro .mpl-bar.is-blue i{background:#0b63f6}.mpl-pro .mpl-bar.is-green i{background:#12b981}.mpl-pro .mpl-bar.is-amber i{background:#f59e0b}.mpl-pro .mpl-bar.is-teal i{background:#14b8a6}.mpl-pro .mpl-bar.is-rose i{background:#f43f5e}.mpl-pro .mpl-bar.is-violet i{background:#7a46e0}
.mpl-pro .mpl-use-ico.is-violet{background:#ece4fb;color:#7a46e0}.mpl-pro .mpl-use-ico.is-teal{background:#d9f5f1;color:#0e8f84}.mpl-pro .mpl-use-ico.is-rose{background:#ffe3e8;color:#d6325a}
.mpl-pro .mpl-use-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mpl-pro .mpl-hero-title h2{overflow-wrap:anywhere}
/* Planes */
.mpl-pro .mpl-plans{grid-template-columns:repeat(var(--mpl-n,3),minmax(0,1fr));gap:12px;align-items:stretch}
.mpl-pro .mpl-plan{gap:10px}.mpl-pro .mpl-plan>p{min-height:0}
.mpl-pro .mpl-plan header{flex-wrap:wrap}.mpl-pro .mpl-plan header .mpl-chip{margin-left:auto}
.mpl-plan-list{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.mpl-plan-list li{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.35;color:#2f4468}.mpl-plan-list .mpl-i{width:16px;height:16px;margin-top:1px;color:#0f9d58;stroke-width:2.6}
.mpl-soon{padding:9px 11px;border-radius:12px;background:#f3f6fb;font-size:12px;color:#41557c}.mpl-soon b{display:block;margin-bottom:3px;font-size:11.5px;letter-spacing:.03em;text-transform:uppercase;color:#6b7a95}.mpl-soon ul{margin:0;padding-left:16px;display:grid;gap:2px}
.mpl-pro .mpl-plan .mpl-plan-cta,.mpl-pro .mpl-plan .btn{margin-top:auto}
.mpl-pro .mpl-matrix-box{margin-top:2px}
.mpl-pro .mpl-plans-note{margin:0}
/* Beneficios comunes y reglas */
.mpl-base{padding:0;gap:0}.mpl-base summary{cursor:pointer;padding:16px 18px;list-style:none;display:flex;gap:8px;align-items:baseline}.mpl-base summary::-webkit-details-marker{display:none}
.mpl-base summary::after{content:"+";margin-left:auto;font-weight:800;color:#0b63f6}.mpl-base[open] summary::after{content:"−"}
.mpl-base ul{list-style:none;margin:0;padding:0 18px 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.mpl-base li{display:grid;gap:2px}.mpl-base li small{color:#667691;font-size:12px;line-height:1.35}
.mpl-rules ol{margin:0;padding-left:20px;display:grid;gap:12px}.mpl-rules li b{font-size:14px}.mpl-rules li p{color:#41557c;font-size:13px;line-height:1.45}
/* Anchos del panel (la barra lateral le quita espacio al contenido) */
@container mplpro (min-width:1100px){.mpl-pro .mpl-use-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mpl-pro .mpl-use-card{flex-wrap:wrap;gap:8px}.mpl-pro .mpl-use-go{display:none}}
@container mplpro (max-width:1000px){.mpl-pro .mpl-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.mpl-pro .mpl-main,.mpl-pro .mpl-help,.mpl-pro .mpl-cmp-grid{grid-template-columns:minmax(0,1fr)}}
@container mplpro (max-width:760px){.mpl-pro .mpl-kpis,.mpl-pro .mpl-use-grid,.mpl-pro .mpl-benefits,.mpl-pro .mpl-plans,.mpl-base ul{grid-template-columns:minmax(0,1fr)}.mpl-pro .mpl-banner{flex-wrap:wrap}.mpl-pro .mpl-banner>div{flex:1 1 180px}.mpl-pro .mpl-banner-actions{flex:1 1 100%!important}.mpl-pro .mpl-banner-actions .btn,.mpl-pro .mpl-banner>.btn{width:100%}.mpl-pro .mpl-cancel{margin-left:0}}