.work-plan-picker{margin:14px 0;padding:16px;border:1px solid rgba(37,244,238,.28);border-radius:18px;background:linear-gradient(145deg,rgba(10,30,40,.72),rgba(36,22,62,.72))}
.work-plan-picker>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:12px}.work-plan-picker>header span{display:block;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.12em}.work-plan-picker>header h3{margin:4px 0}.work-plan-picker>header p{margin:0;color:var(--txt2);font-size:11px}.work-plan-picker [data-plan-total]{flex:0 0 auto;padding:8px 11px;border:1px solid rgba(255,202,87,.4);border-radius:999px;color:#ffd878;background:rgba(255,202,87,.08);font-size:11px}.work-plan-picker [data-plan-total].ok{border-color:rgba(46,230,168,.45);color:var(--verde);background:rgba(46,230,168,.08)}
.work-plan-group{margin:9px 0;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);overflow:hidden}.work-plan-group summary{cursor:pointer;padding:11px 13px;font-weight:850}.work-plan-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 10px 10px}.work-plan-group label{display:grid;grid-template-columns:minmax(0,1fr) 78px auto;align-items:center;gap:8px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:var(--panel)}.work-plan-group label.selected{border-color:rgba(37,244,238,.55);background:linear-gradient(120deg,rgba(37,244,238,.09),rgba(122,43,255,.11))}.work-plan-group input{width:78px!important;margin:0!important;padding:8px!important;text-align:center}.work-plan-group small{color:var(--txt2);font-size:9px}.work-plan-error{min-height:16px;margin:10px 2px 0;color:#ffd878;font-size:10px;font-weight:800}
@media(max-width:700px){.work-plan-picker>header{display:block}.work-plan-picker [data-plan-total]{display:inline-block;margin-top:9px}.work-plan-group>div{grid-template-columns:1fr}.work-plan-group label{grid-template-columns:minmax(0,1fr) 68px auto}.work-plan-group input{width:68px!important}}

/* El header global de la app no debe alterar el encabezado de este selector. */
.work-plan-picker{width:100%;min-width:0;max-width:100%;overflow:hidden}
.work-plan-picker>header{position:static!important;top:auto!important;z-index:auto!important;width:100%;min-width:0;max-width:100%;padding:0!important;margin:0 0 14px!important;border:0!important;background:none!important;backdrop-filter:none!important;flex-wrap:nowrap!important;align-items:flex-start!important}
.work-plan-picker>header>div{flex:1 1 auto;min-width:0}
.work-plan-picker>header h3,.work-plan-picker>header p{overflow-wrap:anywhere}
.work-plan-picker [data-plan-total]{white-space:nowrap}
.work-plan-group,.work-plan-group>div,.work-plan-group label,.work-plan-group label>span{min-width:0;max-width:100%}
.work-plan-group label>span{overflow-wrap:anywhere;line-height:1.35}
.buy-form.checkout-organized{grid-template-columns:minmax(0,1fr);width:min(760px,100%)}
.buy-form.checkout-organized>*{min-width:0;max-width:100%}
.buy-form.checkout-organized .checkout-overview,.buy-form.checkout-organized .checkout-section,.buy-form.checkout-organized .checkout-actions{min-width:0;max-width:100%}
.buy-form.checkout-organized .checkout-section label,.buy-form.checkout-organized .buy-form-grid label{min-width:0}
.buy-form.checkout-organized .checkout-section input{max-width:100%}
.buy-form.checkout-organized .checkout-actions:has(#buyHotmart){grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.work-plan-picker{padding:13px}.work-plan-picker>header{display:flex!important;flex-wrap:wrap!important;gap:9px!important}.work-plan-picker [data-plan-total]{margin:0}.work-plan-group>div{grid-template-columns:minmax(0,1fr)}.buy-form.checkout-organized .checkout-actions:has(#buyHotmart){grid-template-columns:minmax(0,1fr)}}
@media(max-width:400px){.work-plan-group label{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:'name count' 'name unit';gap:3px 8px}.work-plan-group label>span{grid-area:name}.work-plan-group label>input{grid-area:count;width:64px!important}.work-plan-group label>small{grid-area:unit;text-align:center}}