/* ════════════════════════════════════════════════════════════════════════
   vm-compra.css — Fase 23.6 · vista del servicio, carrito, pago y resultado
   Todo vive dentro de .co (carrito) y .vmc (paginas): no toca el resto del sitio.
   ════════════════════════════════════════════════════════════════════════ */
.co,.vmc{--acento:#5e2ced;--acento2:#4a1fd0;--cian:#00dafc;--tinta:#111827;--g600:#4b5563;--g400:#9ca3af;--g200:#e5e7eb;--g100:#f1f3f7;--g50:#f8f9fc;--blanco:#fff;--wa:#25d366;--noche:#0f172a;--curva:cubic-bezier(.2,.8,.2,1);--sombra:0 10px 24px -12px rgba(17,18,20,.14);color:var(--tinta);font:400 14px/1.5 Montserrat,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-align:left}
.vmc{background:var(--g50)}
:where(.co,.vmc) *{box-sizing:border-box}
:where(.co,.vmc) :where(h1,h2,h3,p,ul,ol){margin:0;padding:0}
:where(.co,.vmc) ul{list-style:none}
:where(.co,.vmc) :where(button,input,textarea){font:inherit;color:inherit}
:where(.co,.vmc) button{cursor:pointer;background:none;border:0;padding:0}
:where(.co,.vmc) a{color:inherit;text-decoration:none}
:where(.co,.vmc) :focus-visible{outline:2px solid var(--acento);outline-offset:2px}
.co .ico,.vmc .ico{display:inline-grid;place-items:center;flex:none;width:16px;height:16px;font-size:14px;line-height:1}
.vbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;padding:0 13px;border-radius:9px;font-size:13px;font-weight:600;color:var(--acento);border:1px solid #cfc4fa;background:var(--blanco);white-space:nowrap;cursor:pointer;transition:background .18s var(--curva),color .18s var(--curva),border-color .18s var(--curva)}
.vbtn:hover{background:var(--acento);border-color:var(--acento);color:#fff}
.vbtn--s{background:var(--acento);border-color:var(--acento);color:#fff}.vbtn--s:hover{background:var(--acento2);border-color:var(--acento2)}
.vbtn[disabled]{opacity:.65;cursor:default}
.vmc-in{max-width:1280px;margin:0 auto;padding:0 20px}

/* dentro del servicio */
.sd{position:relative;isolation:isolate;overflow-x:clip;padding-bottom:48px}
.sd__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"a c" "b c";gap:0 28px;padding-top:var(--sd-nav,104px)}
.sd__a{grid-area:a;position:relative;min-width:0;padding-bottom:28px}
.sd__a::before{content:"";position:absolute;z-index:-1;top:calc(var(--sd-nav,104px)*-1);bottom:0;left:-100vw;right:-100vw;background:radial-gradient(16% 90% at 34% 0,rgba(94,44,237,.6),transparent 70%),radial-gradient(14% 90% at 66% 100%,rgba(0,218,252,.2),transparent 70%),var(--noche)}
.sd__miga{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:14px;font-size:12.5px;color:rgba(255,255,255,.76)}.sd__miga button{color:inherit;font-size:inherit}.sd__miga button:hover{color:#fff}
.sd__foto{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:#1a2138;box-shadow:0 26px 50px -24px rgba(0,0,0,.7)}
.sd__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.sd__foto img.on{opacity:1}
.sd__foto .vc__sin{color:rgba(255,255,255,.4)}
.sd__mini{display:flex;gap:8px;margin-top:10px}.sd__mini button{width:72px;height:54px;border-radius:8px;overflow:hidden;opacity:.6;border:2px solid transparent;transition:opacity .18s var(--curva),border-color .18s var(--curva)}.sd__mini button:hover{opacity:1}.sd__mini button.on{opacity:1;border-color:var(--cian)}.sd__mini img{width:100%;height:100%;object-fit:cover;display:block}
.sd__c{grid-area:c;min-width:0;padding-top:31px}
.sd__caja{position:sticky;top:96px;z-index:2;max-height:calc(100vh - 112px);overflow:auto;scrollbar-width:none;padding:24px;border-radius:14px;color:#fff;border:1px solid rgba(255,255,255,.16);background:radial-gradient(90% 70% at 100% 0,rgba(94,44,237,.42),transparent 70%),rgba(20,18,44,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 26px 50px -26px rgba(15,23,42,.6)}
.sd__tags{display:flex;gap:8px;font-size:12.5px;font-weight:500;color:rgba(255,255,255,.8)}
.sd__caja h1{margin-top:8px;font:600 clamp(23px,2.3vw,30px)/1.16 Poppins,sans-serif;letter-spacing:-.015em}
.sd__r{margin-top:8px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.82)}
.sd__sel{position:relative;display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:18px;padding:3px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.05)}
.sd__sel>i{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/var(--n));border-radius:8px;background:rgba(255,255,255,.17);transform:translateX(calc(var(--i)*100%));transition:transform .24s var(--curva)}
.sd__sel label{position:relative;display:grid;gap:2px;justify-items:center;padding:8px 4px;border-radius:8px;cursor:pointer;text-align:center;font-size:12.5px;font-weight:600;color:rgba(255,255,255,.8);transition:color .18s var(--curva)}
.sd__sel label small{font-size:11.5px;font-weight:400;color:rgba(255,255,255,.76)}.sd__sel label:hover,.sd__sel label.on{color:#fff}.sd__sel label.on small{color:#fff}
.sd__sel input{position:absolute;opacity:0;width:1px;height:1px}.sd__sel input:focus-visible+span{outline:2px solid var(--cian);outline-offset:2px;border-radius:4px}
.sd__p{padding-top:20px;font:600 32px/1 Poppins,sans-serif;font-variant-numeric:tabular-nums}.sd__p.q{font-size:20px}.sd__iva{margin-top:5px;font-size:12px;color:rgba(255,255,255,.76)}
.sd__acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.sd__acc .vbtn{height:42px;padding:0 14px;background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.sd__acc .vbtn:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.sd__acc .vbtn .ico{width:17px;height:17px}.sd__acc .vbtn .ico[data-wa]{color:var(--wa)}
.sd__acc .vbtn--s{background:var(--acento);border-color:var(--acento)}.sd__acc .vbtn--s:hover{background:#6d3ff0;border-color:#6d3ff0}
.sd__alt{display:inline-flex;align-items:center;min-height:36px;margin-top:6px;font-size:13px;font-weight:500;color:#fff}.sd__alt:hover{color:var(--cian)}
.sd__pago{display:flex;gap:8px;align-items:flex-start;margin-top:8px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:12px;line-height:1.45;color:rgba(255,255,255,.78)}.sd__pago .ico{flex:none;width:16px;height:16px;margin-top:1px;color:var(--cian)}
.sd__b{grid-area:b;display:grid;gap:30px;min-width:0;padding-top:28px}
.sd h2{font:600 19px/1.2 Poppins,sans-serif;letter-spacing:-.01em;margin-bottom:12px}
.sd__inc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;font-size:13.5px;line-height:1.42;color:var(--tinta)}.sd__inc li{display:flex;gap:8px;animation:sdIn .24s var(--curva) both}.sd__inc .ico{width:15px;height:15px;margin-top:2px;color:var(--acento)}
@keyframes sdIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.sd__de{font-size:14px;line-height:1.6;color:var(--g600);max-width:65ch;white-space:pre-line}
.sd__plb{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sd__pasos{position:relative;display:grid;margin:0;padding:0;list-style:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;overflow:hidden}.sd__pasos::before{content:"";position:absolute;top:4px;left:0;right:0;height:1px;background:var(--g200)}.sd__pasos::after{content:"";position:absolute;top:3px;left:0;width:44px;height:3px;border-radius:3px;background:var(--cian);animation:sdVia 5s ease-in-out infinite}
@keyframes sdVia{0%{left:-44px}100%{left:100%}}
.sd__pasos li{position:relative;padding-top:20px;font-size:13px;line-height:1.42;color:var(--g600)}.sd__pasos li::before{content:"";position:absolute;top:0;left:0;width:9px;height:9px;border-radius:50%;background:var(--acento)}.sd__pasos b{display:block;font-weight:600;color:var(--tinta)}
.sd__des{border-top:1px solid var(--g200)}.sd__des:last-of-type{border-bottom:1px solid var(--g200)}.sd__des summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;font-size:14px;font-weight:600;cursor:pointer;list-style:none}.sd__des summary::-webkit-details-marker{display:none}.sd__des summary:hover{color:var(--acento)}.sd__des summary .ico{flex:none;width:18px;height:18px;transition:transform .2s var(--curva)}.sd__des[open] summary .ico{transform:rotate(180deg)}.sd__des[open]>:not(summary){animation:sdIn .24s var(--curva) both}.sd__des p{padding-bottom:14px;font-size:13.5px;line-height:1.55;color:var(--g600);max-width:65ch}
.sd__s{padding-top:34px}
.sd__planes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-bottom:16px}
.sd__pl{display:flex;flex-direction:column;padding:14px;border-radius:14px;border:1px solid var(--g200);background:var(--blanco);box-shadow:var(--sombra)}.sd__pl.on{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento),var(--sombra)}
.sd__pln{font-weight:600;font-size:14px}.sd__plp{font:600 19px/1 Poppins,sans-serif;margin:8px 0 12px}
.sd__pl ul{display:grid;gap:6px;margin-bottom:14px;font-size:12.5px;line-height:1.4;color:var(--g600)}.sd__pl li{display:flex;gap:7px}.sd__pl .ico{flex:none;width:13px;height:13px;margin-top:2.5px;color:var(--acento)}
.sd__pl .vbtn,.sd__este{margin-top:auto;align-self:flex-start}.sd__este{display:inline-flex;align-items:center;height:36px;font-size:13px;font-weight:600;color:var(--acento)}
.sd__bar{display:none}

/* carrito, datos, pago y despues del pago */
.co[hidden]{display:none}
.co{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:16px;background:radial-gradient(60% 50% at 30% 30%,rgba(94,44,237,.22),transparent 65%),radial-gradient(50% 40% at 75% 75%,rgba(0,218,252,.16),transparent 60%),rgba(8,12,30,.62);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:coFondo .22s var(--curva) both}
@keyframes coFondo{from{opacity:0}to{opacity:1}}@keyframes coEntra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes coPaso{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:translateX(0)}}
.co__p{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;width:min(940px,100%);height:min(620px,calc(100dvh - 32px));border-radius:16px;overflow:hidden;background:var(--blanco);box-shadow:0 40px 90px -30px rgba(0,0,0,.7);animation:coEntra .26s var(--curva) both;outline:0}
.co__p--1{grid-template-columns:minmax(0,1fr);width:min(460px,100%);height:auto}
.co__x{position:absolute;top:10px;right:10px;z-index:3;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#fff;transition:transform .18s var(--curva)}.co__x:hover{transform:scale(1.15)}.co__p--1 .co__x{color:var(--tinta)}
.co__m{display:flex;flex-direction:column;min-width:0;min-height:0}
.co__h{padding:18px 24px 14px;border-bottom:1px solid var(--g200)}
.co__pasos{display:flex;align-items:center;margin:0;padding:0;list-style:none}.co__pasos li{display:flex;align-items:center;flex:1}.co__pasos li:last-child{flex:none}.co__pasos li:not(:last-child)::after{content:"";flex:1;height:2px;margin:0 10px;border-radius:2px;background:var(--g200);transition:background .24s var(--curva)}.co__pasos li.ok::after{background:var(--acento)}
.co__pasos button{display:inline-flex;align-items:center;gap:8px;min-height:32px;font-size:13px;font-weight:500;color:var(--g600);white-space:nowrap}.co__pasos i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-size:12px;font-weight:600;background:var(--g100);color:var(--g600);transition:background .2s var(--curva),color .2s var(--curva)}.co__pasos i .ico{width:14px;height:14px}.co__pasos .on button{font-weight:600;color:var(--tinta)}.co__pasos .on i,.co__pasos .ok i{background:var(--acento);color:#fff}.co__pasos .ok button{color:var(--tinta)}
.co__b{flex:1;min-height:0;overflow:auto;padding:20px 24px}.co__b.anda{animation:coPaso .24s var(--curva) both}
.co__b h2{font:600 19px/1.2 Poppins,sans-serif;letter-spacing:-.01em;margin-bottom:12px}
.co__f{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid var(--g200)}.co__f .vbtn{height:42px;padding:0 16px}.co__f .vbtn .ico{width:15px;height:15px}.co__at{margin-right:auto;display:inline-flex;align-items:center;gap:6px;min-height:40px;font-size:13px;font-weight:500;color:var(--g600)}.co__at:hover{color:var(--tinta)}.co__at .ico{width:15px;height:15px;transform:rotate(180deg)}
.co__items{margin:0;padding:0;list-style:none}.co__items li{display:grid;grid-template-columns:64px minmax(0,1fr) auto auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--g200)}.co__items img{width:64px;height:64px;border-radius:10px;object-fit:cover;display:block}
.co__in{min-width:0;display:grid;justify-items:start;gap:1px}.co__in b{font-size:14px;font-weight:600;line-height:1.3}.co__in span{font-size:12.5px;color:var(--g600)}
.co__lk{display:inline-flex;align-items:center;min-height:30px;font-size:12.5px;font-weight:500;color:var(--acento)}.co__lk:hover{color:var(--acento2)}.co__lk--g{color:var(--g600)}.co__lk--g:hover{color:var(--tinta)}
.co__qty{display:inline-flex;align-items:center;height:32px;border:1px solid var(--g200);border-radius:9px}.co__qty button{display:grid;place-items:center;width:30px;height:30px;color:var(--g600)}.co__qty button:hover{color:var(--acento)}.co__qty .ico{width:13px;height:13px}.co__qty output{min-width:20px;text-align:center;font-size:13px;font-weight:600}
.co__pr{font-size:14px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.co__tr{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--g600);transition:transform .18s var(--curva),color .18s var(--curva)}.co__tr:hover{transform:scale(1.15);color:#b91c1c}
.co__fila{display:flex;justify-content:space-between;gap:12px;padding-top:8px}
.co__vacio{display:grid;justify-items:center;gap:10px;padding:64px 0;color:var(--g600);font-size:14px}.co__vacio .ico{width:34px;height:34px;color:var(--g400)}
.co__ya{margin-bottom:14px;font-size:13px;color:var(--g600)}.co__ya a{font-weight:500;color:var(--acento)}
.co__c{display:grid;gap:5px;margin-bottom:12px;min-width:0}.co__c label{font-size:12.5px;font-weight:500;color:var(--g600)}.co__c input,.co__c textarea{width:100%;height:40px;padding:0 12px;border:1px solid var(--g200);border-radius:10px;font:inherit;font-size:14px;color:var(--tinta);background:var(--blanco);transition:border-color .18s var(--curva)}.co__c textarea{height:72px;padding:9px 12px;resize:vertical}.co__c input:focus,.co__c textarea:focus{border-color:var(--acento);outline:0}.co__c small{font-size:12px;color:#b91c1c}.co__c.mal input{border-color:#b91c1c}
.co__2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.co__op{border-top:1px solid var(--g200);margin-top:2px}.co__op summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:42px;font-size:13px;font-weight:600;cursor:pointer;list-style:none}.co__op summary::-webkit-details-marker{display:none}.co__op summary .ico{width:18px;height:18px;transition:transform .2s var(--curva)}.co__op[open] summary .ico{transform:rotate(180deg)}.co__op[open]>:not(summary){animation:sdIn .24s var(--curva) both}
.co__ck{display:flex;align-items:center;gap:8px;min-height:36px;margin-bottom:8px;font-size:13px}
.co__mp{display:grid;gap:8px}.co__mp label{position:relative;display:flex;align-items:center;gap:12px;min-height:62px;padding:10px 14px;border:1px solid var(--g200);border-radius:12px;cursor:pointer;transition:border-color .18s var(--curva),box-shadow .18s var(--curva)}.co__mp label:hover{border-color:#cfc4fa}.co__mp label.on{border-color:var(--acento);box-shadow:0 0 0 1px var(--acento)}.co__mp input{position:absolute;opacity:0;width:1px;height:1px}.co__mp input:focus-visible~span b{outline:2px solid var(--acento);outline-offset:2px}.co__mp .ico{width:22px;height:22px;color:var(--acento)}.co__mp span{display:grid;gap:1px;min-width:0}.co__mp b{font-size:14px;font-weight:600}.co__mp small{font-size:12.5px;line-height:1.35;color:var(--g600)}
.co__nota{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:13px;line-height:1.45;color:var(--g600)}.co__nota .ico{flex:none;margin-top:1px;color:var(--acento)}
.co__bk{margin-top:12px}.co__bk>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;padding:4px 0;border-bottom:1px solid var(--g200);font-size:13px}.co__bk>div>span:first-child{color:var(--g600)}.co__bk b{font-weight:600}
.co__cp{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--g200);background:var(--blanco);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--tinta);transition:border-color .18s var(--curva),color .18s var(--curva)}.co__cp .ico{width:14px;height:14px;color:var(--g600)}.co__cp:hover{border-color:var(--acento)}.co__cp.ok{color:var(--acento);border-color:var(--acento)}.co__cp.ok .ico{color:var(--acento)}
.co__sube{display:flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;font-size:13px;font-weight:500;color:var(--acento);cursor:pointer}.co__sube input{position:absolute;opacity:0;width:1px;height:1px}.co__sube small{font-size:12px;font-weight:400;color:var(--g600)}
.co__r{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:18px 20px;color:#fff;background:radial-gradient(90% 60% at 100% 0,rgba(94,44,237,.46),transparent 70%),#14122c}
.co__rt{display:flex;align-items:center;gap:8px;min-height:32px;padding-right:30px;font:600 15px/1.2 Poppins,sans-serif;color:#fff;text-align:left;cursor:default}.co__rt b,.co__rt .ico{display:none}
.co__rb{display:flex;flex-direction:column;flex:1;min-height:0}
.co__mini{margin:10px 0 0;padding:0;list-style:none}.co__mini li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:13px}.co__mini img{width:44px;height:44px;border-radius:8px;object-fit:cover;display:block}.co__mini span{line-height:1.3}.co__mini b{font-weight:600;white-space:nowrap}
.co__ft{margin-top:10px;aspect-ratio:16/11;border-radius:10px;overflow:hidden}.co__ft img{width:100%;height:100%;object-fit:cover;display:block;animation:coKB 12s ease-in-out infinite alternate}@keyframes coKB{from{transform:scale(1)}to{transform:scale(1.1)}}
.co__cup{margin-top:auto;padding-top:14px}.co__cup summary{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;font-size:13px;font-weight:500;color:rgba(255,255,255,.86);cursor:pointer;list-style:none}.co__cup summary::-webkit-details-marker{display:none}.co__cup summary .ico{width:17px;height:17px;transition:transform .2s var(--curva)}.co__cup[open] summary .ico{transform:rotate(180deg)}
.co__cf{display:flex;gap:6px}.co__cf input{flex:1;min-width:0;height:38px;padding:0 10px;border-radius:9px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.07);font:inherit;font-size:13px;color:#fff}.co__cf input::placeholder{color:rgba(255,255,255,.7)}.co__cf input:focus{outline:0;border-color:var(--cian)}.co__cf .vbtn{height:38px;background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}.co__cf .vbtn:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.co__cm{display:block;min-height:18px;margin-top:5px;font-size:12px;color:rgba(255,255,255,.82)}
.co__tt{padding-top:10px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}.co__tt>div{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:rgba(255,255,255,.82)}.co__tt .t{align-items:baseline;padding-top:8px;color:#fff}.co__tt .t span{font-size:14px;font-weight:500}.co__tt .t b{font:600 26px/1 Poppins,sans-serif;font-variant-numeric:tabular-nums}.co__tt small{display:block;text-align:right;font-size:12px;color:rgba(255,255,255,.76)}
.co__seg{display:flex;gap:7px;align-items:center;margin-top:10px;font-size:12px;color:rgba(255,255,255,.78)}.co__seg .ico{width:14px;height:14px;color:var(--cian)}
.co__gw{display:grid;justify-items:center;gap:8px;padding:34px 28px 26px;text-align:center}.co__gw>.ico{width:30px;height:30px;color:var(--acento)}.co__gw h2{font:600 20px/1.2 Poppins,sans-serif}.co__gw p{font-size:13.5px;line-height:1.5;color:var(--g600)}
.co__ln{position:relative;width:100%;height:3px;margin:12px 0 14px;border-radius:3px;overflow:hidden;background:var(--g100)}.co__ln::after{content:"";position:absolute;inset:0 auto 0 0;width:36%;border-radius:3px;background:var(--acento);animation:coLn 1.3s ease-in-out infinite}@keyframes coLn{from{transform:translateX(-100%)}to{transform:translateX(280%)}}
.fin__top{position:relative;padding:38px 16px 66px;text-align:center;color:#fff;background:radial-gradient(50% 90% at 8% 0,rgba(94,44,237,.6),transparent 70%),radial-gradient(44% 90% at 96% 100%,rgba(0,218,252,.2),transparent 70%),var(--noche)}
.fin__i{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;animation:finPop .34s var(--curva) both}.fin__i .ico{width:32px;height:32px}.fin__i.ok{background:rgba(0,218,252,.16);color:var(--cian);animation:finPop .34s var(--curva) both,finAro 1.2s ease-out .3s 1}.fin__i.espera,.fin__i.trans{background:rgba(255,255,255,.12);color:#fff}.fin__i.error{background:rgba(251,191,36,.16);color:#fbbf24}
@keyframes finPop{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes finAro{from{box-shadow:0 0 0 0 rgba(0,218,252,.45)}to{box-shadow:0 0 0 26px rgba(0,218,252,0)}}
.fin__top h1{font:600 clamp(25px,3vw,34px)/1.15 Poppins,sans-serif;letter-spacing:-.015em}.fin__top p{max-width:52ch;margin:8px auto 0;font-size:14.5px;line-height:1.5;color:rgba(255,255,255,.84)}
.fin__top .co__ln{max-width:260px;margin:16px auto 0;background:rgba(255,255,255,.14)}.fin__top .co__ln::after{background:var(--cian)}
.fin__num{display:inline-flex;margin-top:14px}.fin__num .co__cp{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:#fff}.fin__num .co__cp .ico{color:#fff}.fin__num .co__cp.ok{color:var(--cian);border-color:var(--cian)}
.fin__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:18px;align-items:start;max-width:1040px;margin:-38px auto 0;padding:0 20px 48px;position:relative}
.fin__c{padding:20px;border-radius:14px;border:1px solid var(--g200);background:var(--blanco);box-shadow:var(--sombra)}.fin__c+.fin__c{margin-top:14px}.fin__c h2{font:600 17px/1.2 Poppins,sans-serif;margin-bottom:12px}.fin__c p{font-size:13.5px;line-height:1.5;color:var(--g600)}
.fin__acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fin__acc .vbtn{height:40px}.fin__acc .vbtn .ico{width:17px;height:17px}.fin__acc .ico[data-wa]{color:var(--wa)}
.fin__it{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--g200);font-size:13px}.fin__it img{width:44px;height:44px;border-radius:8px;object-fit:cover;display:block}.fin__it b{font-weight:600;white-space:nowrap}.fin__it small{display:block;font-size:12px;color:var(--g600)}
.fin__r{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;color:var(--g600)}.fin__r b{font-weight:600;color:var(--tinta);text-align:right;min-width:0;overflow-wrap:anywhere}.fin__r.t{margin-top:6px;padding-top:10px;border-top:1px solid var(--g200);align-items:baseline;color:var(--tinta)}.fin__r.t b{font:600 22px/1 Poppins,sans-serif}
.lin{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:6px 0 0;padding:0;list-style:none}.lin li{position:relative;padding-top:22px;padding-right:8px;font-size:12px;line-height:1.3;color:var(--g600)}.lin li::before{content:"";position:absolute;top:6px;left:0;right:0;height:2px;background:var(--g200)}.lin li:last-child::before{right:auto;width:0}.lin li::after{content:"";position:absolute;top:1px;left:0;width:12px;height:12px;border-radius:50%;background:var(--g200)}.lin li.ok::before,.lin li.ok::after,.lin li.on::after{background:var(--acento)}.lin li.ok{color:var(--tinta)}.lin li.on{font-weight:600;color:var(--tinta)}.lin li.on::after{animation:linP 2s ease-out infinite}@keyframes linP{0%{box-shadow:0 0 0 0 rgba(94,44,237,.45)}100%{box-shadow:0 0 0 11px rgba(94,44,237,0)}}

/* ajustes de produccion */
.vmc [hidden],.co [hidden]{display:none!important}
.vmc.vmc h1,.vmc.vmc h2,.vmc.vmc h3,.co.co h2{color:var(--tinta);text-shadow:none}
.vmc.vmc .sd__caja h1,.vmc.vmc .fin__top h1{color:#fff}
.fin__top{padding-top:calc(var(--sd-nav,104px) + 14px)}
.co{z-index:10050}
.co__mes{display:block;font-size:12px;font-weight:400;color:var(--g600)}
.co__pr s{display:block;font-size:12px;font-weight:400;color:var(--g600)}
.co__regla{color:var(--acento)}
.co__err{display:flex;gap:8px;margin-top:12px;font-size:13px;line-height:1.45;color:#b91c1c}
.co__nm{margin-top:8px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.78)}
.co__vacio .ico{font-size:30px}.co__mp .ico{font-size:19px}.co__gw>.ico{font-size:26px}
.fin__i .ico{font-size:28px}
.fin__ok{display:flex;gap:8px;align-items:center;margin-top:10px;font-size:13px;font-weight:500;color:#047857}
.fin__err{margin-top:12px;font-size:13px;line-height:1.45;color:#b91c1c}
.fin__acc form{display:contents}
.fin__ph{display:block;width:44px;height:44px;border-radius:8px;background:var(--g100)}
.sd__was{margin-top:6px;font-size:13px;color:rgba(255,255,255,.76)}.sd__was s{margin-right:6px}
.sd__u{font:500 14px/1 Montserrat,sans-serif;color:rgba(255,255,255,.8)}
.sd__sin{position:absolute;inset:0;display:grid;place-items:center;font-size:38px;color:rgba(255,255,255,.4)}
.sd__rl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:14px;padding-bottom:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.sd__rc{display:flex;flex-direction:column;scroll-snap-align:start;border-radius:14px;overflow:hidden;border:1px solid var(--g200);background:var(--blanco);box-shadow:var(--sombra);transition:transform .2s var(--curva)}.sd__rc:hover{transform:translateY(-3px)}
.sd__rc img,.sd__rc i{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--g100)}
.sd__rc b{display:block;padding:10px 12px 2px;font-size:13.5px;font-weight:600;line-height:1.3}
.sd__rc span{display:block;padding:0 12px 12px;font-size:12.5px;line-height:1.4;color:var(--g600)}

@media(max-width:1040px){.sd__g{grid-template-columns:minmax(0,1fr);grid-template-areas:"a" "c" "b"}.sd__c{padding-top:16px}.sd__caja{position:static;max-height:none}.sd__planes{grid-template-columns:1fr}}
@media(max-width:820px){.co{padding:0}.co__p{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;border-radius:0}.co__p--1{height:auto;width:calc(100% - 32px);border-radius:16px;grid-template-rows:auto}.co__r{order:-1;padding:10px 16px;max-height:60dvh;overflow:auto}.co__rt{width:100%;min-height:36px;padding-right:38px;cursor:pointer}.co__rt b{display:block;margin-left:auto;font-size:16px}.co__rt .ico{display:inline-grid;transition:transform .2s var(--curva)}.co__r.abierta .co__rt .ico{transform:rotate(180deg)}.co__rb{display:none}.co__r.abierta .co__rb{display:flex}.co__cup{margin-top:6px}
 .co__h{padding:12px 16px 10px}.co__b{padding:16px}.co__f{padding:10px 16px calc(10px + env(safe-area-inset-bottom))}.co__f .vbtn{min-height:44px;flex:1}.co__pasos button{font-size:12.5px;gap:6px}.co__pasos li:not(:last-child)::after{margin:0 6px}
 .co__items li{grid-template-columns:56px minmax(0,1fr) auto;gap:6px 10px}.co__items img{width:56px;height:56px}.co__qty{grid-column:2;justify-self:start}.co__pr{grid-column:3;grid-row:1}.co__tr{grid-column:3;grid-row:2;justify-self:end}.co__2{grid-template-columns:minmax(0,1fr)}.co__c input{height:44px;font-size:16px}.co__c textarea{font-size:16px}.co__cf input{font-size:16px;height:44px}.co__cf .vbtn{height:44px}.co__cp{height:36px}.co__tr,.co__qty button{min-width:40px;min-height:40px}.co__qty{height:42px}
 .fin__g{grid-template-columns:minmax(0,1fr);padding:0 16px 36px}.fin__acc .vbtn{flex:1 1 100%;min-height:44px}.lin{grid-template-columns:1fr}.lin li{padding:0 0 14px 24px}.lin li::before{top:6px;bottom:-6px;left:5px;right:auto;width:2px;height:auto}.lin li:last-child::before{display:none}.lin li::after{top:2px}}
@media(max-width:700px){.vmc{--sd-nav:84px}.vmc-in{padding-left:16px;padding-right:16px}.sd__inc,.sd__pasos{grid-template-columns:1fr}.sd__pasos::before,.sd__pasos::after{display:none}.sd__acc .vbtn{flex:1 1 100%;min-height:44px}.sd{padding-bottom:92px}.sd__alt{min-height:44px}.sd__bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:25;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));color:#fff;background:rgba(15,23,42,.95);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transform:translateY(110%);transition:transform .22s var(--curva)}.sd__bar.on{transform:none}.sd__bar span{min-width:0;font-size:12px;line-height:1.3;color:rgba(255,255,255,.8)}.sd__bar b{display:block;font:600 17px/1.2 Poppins,sans-serif;color:#fff}.sd__bar .vbtn{flex:none;min-height:44px;background:var(--acento);border-color:var(--acento);color:#fff}.sd__mini button{width:62px;height:48px}}
@media(min-width:1700px){.vmc-in{max-width:1520px}}
@media(prefers-reduced-motion:reduce){.co,.co *,.vmc,.vmc *,.vmc *::before,.vmc *::after{animation:none!important;transition:none!important}}