.bl-cg{--cg-tinta:#17131c;--cg-suave:#6b6578;--cg-borde:#ece6f3;--cg-verde:#17663a;--cg-menta:#b5f2c9;color:#2e2a38;text-align:left;background:#fff;border-radius:30px;gap:20px;width:100%;max-width:820px;margin:0 auto;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #efeaf5,0 30px 60px -44px #3c285a80;container-type:inline-size}.bl-cg:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#7c3aed0f 1px,#0000 1px),linear-gradient(90deg,#7c3aed0f 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 46%);mask-image:linear-gradient(#000,#0000 46%)}.bl-cg>*{z-index:1;min-width:0;position:relative}.bl-cg__cab{gap:4px;display:grid}.bl-cg__titulo{letter-spacing:-.025em;margin:0;font-size:clamp(22px,4.2cqw,28px);font-weight:800}.bl-cg__sub{color:var(--cg-suave);margin:0;font-size:15px}.bl-cg__controles{gap:18px;display:grid}@container (min-width:640px){.bl-cg__controles{grid-template-columns:auto minmax(0,1fr);align-items:start;column-gap:28px}}.bl-cg__grupo{align-content:start;gap:10px;display:grid}.bl-cg__etiqueta{color:#4b4560;font-size:13.5px;font-weight:800}.bl-cg__ayuda{color:var(--cg-suave);text-wrap:pretty;font-size:12.5px;line-height:1.45}.bl-cg__stepper{box-shadow:0 0 0 1px var(--cg-borde), 0 10px 22px -18px #3c285a73;background:#fff;border-radius:999px;justify-self:start;align-items:center;gap:6px;padding:6px;display:inline-flex}.bl-cg__stepper button{width:44px;height:44px;color:var(--cg-tinta);cursor:pointer;background:#f4f1f8;border:0;border-radius:999px;place-items:center;transition:background .2s,transform .15s,opacity .2s;display:grid}.bl-cg__stepper button:hover:not(:disabled){background:#ebe5f3}.bl-cg__stepper button:active:not(:disabled){transform:scale(.92)}.bl-cg__stepper button:disabled{opacity:.35;cursor:default}.bl-cg__stepper output{text-align:center;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:52px;color:var(--cg-tinta);font-size:30px;font-weight:800}.bl-cg__paquetes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}@container (max-width:420px){.bl-cg__paquetes{grid-template-columns:repeat(2,minmax(0,1fr))}}.bl-cg__paquetes button{box-shadow:0 0 0 1px var(--cg-borde);color:#4b4560;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:16px;justify-items:center;gap:1px;padding:10px 6px;transition:box-shadow .2s,background .2s,transform .15s;display:grid}.bl-cg__paquetes b{color:var(--cg-tinta);font-variant-numeric:tabular-nums;font-size:17px;font-weight:800}.bl-cg__paquetes span{font-size:12px;font-weight:700}.bl-cg__paquetes button:hover{box-shadow:0 0 0 1px #dcd3ea,0 10px 20px -16px #3c285a80}.bl-cg__paquetes button:active{transform:scale(.96)}.bl-cg__paquetes button.is-activo{color:#5b21b6;background:#f6f0ff;box-shadow:0 0 0 2px #7c3aed}.bl-cg button:focus-visible{outline-offset:2px;outline:2px solid #7c3aed}.bl-cg__cuerpo{gap:16px;display:grid}@container (max-width:679px){.bl-cg__recibo{order:-1}}@container (min-width:680px){.bl-cg__cuerpo{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:start}.bl-cg__recibo{position:sticky;top:96px}}.bl-cg__cuentas{gap:12px;display:grid}.bl-cg__cuenta-max{background:#faf8fc;border-radius:20px;padding:12px;animation:.4s cubic-bezier(.22,1,.36,1) bl-cg-entra;box-shadow:inset 0 0 0 1px #f0ecf5}.bl-cg__cuenta-cab{justify-content:space-between;align-items:baseline;margin:0 4px 10px;font-size:13px;display:flex}.bl-cg__cuenta-cab b{color:var(--cg-tinta);font-weight:800}.bl-cg__cuenta-cab span{color:var(--cg-suave);font-variant-numeric:tabular-nums;font-weight:700}.bl-cg__cuenta-max ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.bl-cg__negocio,.bl-cg__libre{border-radius:13px;align-items:center;gap:10px;min-height:40px;padding:0 12px 0 6px;font-size:13.5px;display:flex}.bl-cg__negocio{box-shadow:0 0 0 1px var(--cg-borde), 0 6px 14px -12px #3c285a66;background:#fff;animation:.38s cubic-bezier(.22,1,.36,1) bl-cg-entra}.bl-cg__negocio i{color:#4b3a72;background:#efe9fb;border-radius:9px;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-style:normal;font-weight:800;display:grid}.bl-cg__negocio span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--cg-tinta);flex:1;font-weight:700;overflow:hidden}.bl-cg__negocio b{color:var(--cg-verde);font-variant-numeric:tabular-nums;background:#e6f7ec;border-radius:999px;flex:none;padding:2px 8px;font-size:12px;font-weight:800}.bl-cg__libre{color:#a59fb2;border:1.5px dashed #ddd6e8;justify-content:center;font-size:12.5px;font-weight:700}@keyframes bl-cg-entra{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}.bl-cg__recibo{background:var(--cg-tinta);color:#e9e4f1;border-radius:24px;gap:14px;padding:20px;display:grid;box-shadow:0 30px 50px -36px #17131ce6}.bl-cg__recibo-tit{letter-spacing:.08em;text-transform:uppercase;color:#a49cb4;margin:0;font-size:12px;font-weight:800}.bl-cg__recibo dl{gap:10px;margin:0;display:grid}.bl-cg__recibo dl>div{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;display:flex}.bl-cg__recibo dt{color:#cfc8da;gap:2px;font-size:14px;display:grid}.bl-cg__recibo dt small{color:#8f87a0;font-size:11.5px}.bl-cg__recibo dd{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;margin:0;font-size:16px;font-weight:800}.bl-cg__recibo dd.is-menos{color:#d9d2e6}.bl-cg__recibo dd.is-mas{color:#ffd2b3}.bl-cg__total{gap:2px;display:grid}.bl-cg__total span{color:#cfc8da;font-size:13.5px;font-weight:800}.bl-cg__monto{justify-self:start;display:inline-block;position:relative}.bl-cg__total b{letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--cg-menta);background-image:linear-gradient(105deg, var(--cg-menta) 0%, var(--cg-menta) 44%, #dcffe9 47.5%, #fff 50%, #dcffe9 52.5%, var(--cg-menta) 56%, var(--cg-menta) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 24px #7ee8a647);background-position:100% 0;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(38px,9cqw,54px);font-weight:800;line-height:1.05;animation:6s cubic-bezier(.45,0,.25,1) .2s infinite bl-cg-reflejo;display:inline-block}@keyframes bl-cg-reflejo{0%{background-position:100% 0}24%{background-position:0 0}to{background-position:0 0}}.bl-cg__chispa{color:#eafff1;opacity:0;pointer-events:none;animation:6s ease-out .2s infinite bl-cg-chispa;position:absolute;top:-12px;right:-22px;transform:scale(.3)rotate(-20deg)}.bl-cg__chispa svg{filter:drop-shadow(0 0 6px #b5f2c9e6);display:block}@keyframes bl-cg-chispa{0%,16%{opacity:0;transform:scale(.3)rotate(-20deg)}22%{opacity:1;transform:scale(1)rotate(0)}32%{opacity:0;transform:scale(.5)rotate(25deg)}to{opacity:0;transform:scale(.3)rotate(-20deg)}}.bl-cg__total small{color:#a49cb4;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.bl-cg__switch{cursor:pointer;background:#ffffff0f;border-radius:16px;align-items:flex-start;gap:12px;padding:12px;transition:background .2s;display:flex}.bl-cg__switch:hover{background:#ffffff1a}.bl-cg__switch input{opacity:0;width:1px;height:1px;position:absolute}.bl-cg__switch i{background:#4a4258;border-radius:999px;flex:none;width:40px;height:24px;margin-top:1px;transition:background .25s;position:relative}.bl-cg__switch i:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.22,1,.36,1);position:absolute;top:3px;left:3px}.bl-cg__switch input:checked+i{background:#3aa86b}.bl-cg__switch input:checked+i:after{transform:translate(16px)}.bl-cg__switch input:focus-visible+i{outline-offset:2px;outline:2px solid #c4b5fd}.bl-cg__switch span{color:#fff;gap:2px;font-size:13.5px;font-weight:700;display:grid}.bl-cg__switch small{color:#a49cb4;font-size:12px;font-weight:600}.bl-cg__recomendados{gap:8px;display:grid}.bl-cg__recomendados>span{color:#cfc8da;font-size:12.5px;font-weight:700}.bl-cg__recomendados>div{flex-wrap:wrap;gap:6px;display:flex}.bl-cg__recomendados button{color:#e9e4f1;min-width:44px;height:36px;font:inherit;cursor:pointer;background:#ffffff14;border:0;border-radius:999px;padding:0 12px;font-size:14px;font-weight:800;transition:background .2s,transform .15s}.bl-cg__recomendados button:hover{background:#ffffff24}.bl-cg__recomendados button:active{transform:scale(.94)}.bl-cg__recomendados button.is-activo{color:var(--cg-tinta);background:#fff}.bl-cg__nota{color:#4b3a72;text-wrap:pretty;background:#f6f0ff;border-radius:14px;margin:0;padding:12px 14px;font-size:13.5px;font-weight:700}.bl-cg__aviso{color:#8c8699;margin:0;font-size:12px}@media (prefers-reduced-motion:reduce){.bl-cg__cuenta-max,.bl-cg__negocio{animation:none}.bl-cg__total b{background-position:0 0;animation:none}.bl-cg__chispa{display:none}.bl-cg__switch i,.bl-cg__switch i:after{transition:none}}
