.s23-caja{--escala:.68;width:calc(406px * var(--escala));height:calc(846px * var(--escala));flex:none;justify-self:center}.s23{--ciclo:13s;width:406px;height:846px;transform:scale(var(--escala));transform-origin:0 0;background:#121216;border-radius:26px;padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #2e2e36,0 40px 80px -46px #16153a8c}.s23 .lateral{background:#2b2b33;border-radius:0 2px 2px 0;width:3px;position:absolute;right:-3px}.s23 .volumen{height:78px;top:150px}.s23 .encendido{height:52px;top:252px}.s23 .pantalla{width:384px;height:824px;color:var(--fg);background:#fff;border-radius:16px;position:relative;overflow:hidden}.s23 .camara{z-index:10;background:#0a0a0d;border-radius:50%;width:12px;height:12px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.s23 .gestos{background:var(--fg);opacity:.85;z-index:10;border-radius:2px;width:110px;height:4px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.bloque:not(.in) .s23 *{animation-play-state:paused!important}.s23 .app{background:#fff;flex-direction:column;padding-bottom:18px;display:flex;position:absolute;inset:0}.s23 .estado{flex:none;justify-content:space-between;align-items:center;height:32px;padding:0 22px;font-size:13px;font-weight:700;display:flex}.s23 .estado .iconos{align-items:center;gap:6px;display:flex}.s23 .barraApp{border-bottom:1px solid var(--line);flex:none;align-items:center;gap:4px;height:60px;padding:0 8px;display:flex;position:relative}.s23 .icono{place-items:center;width:48px;height:48px;display:grid}.s23 .barraApp h1{letter-spacing:-.02em;flex:1;font-size:22px;font-weight:800;line-height:1}.s23 .sincro{background:#e2f5ec;border-radius:999px;padding:7px 11px;display:flex}.s23 .sincro i{background:var(--ok);border-radius:50%;width:10px;height:10px}.s23 .pastillas{flex:none;gap:8px;padding:12px 12px 4px;display:flex;overflow:hidden}.s23 .pastilla{background:#eaeaf5;border-radius:999px;flex:none;padding:8px 16px;font-size:14px;font-weight:700}.s23 .pastilla.on{background:var(--brand);color:#fff}.s23 .rejilla{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}.s23 .ficha{aspect-ratio:1/1.05;color:#fff;border-radius:16px;flex-direction:column;justify-content:flex-end;padding:10px;display:flex;position:relative;overflow:hidden}.s23 .ficha.mango{background:#ff8a1f}.s23 .ficha.anil{background:#3a36db}.s23 .ficha.menta{background:#12a36b}.s23 .iniciales{letter-spacing:-.03em;opacity:.3;font-size:36px;font-weight:800;line-height:1;position:absolute;top:8px;left:12px}.s23 .nombre{font-size:15px;font-weight:800;line-height:1.15;position:relative}.s23 .precio{opacity:.9;font-variant-numeric:tabular-nums;margin-top:2px;font-size:12px;font-weight:600;position:relative}.s23 .cuenta{width:28px;height:28px;color:var(--brand);opacity:0;background:#fff;border-radius:50%;place-items:center;font-size:14px;font-style:normal;font-weight:800;display:grid;position:absolute;top:8px;right:8px;transform:scale(.5)}.s23 .pieApp{border-top:1px solid var(--line);flex:none;gap:10px;margin-top:auto;padding:12px;display:flex}.s23 .lista{border:2px solid var(--line2);border-radius:14px;align-items:center;width:100px;min-height:64px;padding-left:18px;display:flex;position:relative}.s23 .lista .num{background:var(--brand);color:#fff;opacity:0;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:-14px;font-size:14px;font-style:normal;font-weight:800;display:grid;position:absolute;top:50%;right:14px}.s23 .cobrar{background:var(--cobrar);min-height:64px;color:var(--fg);border-radius:14px;flex:1;justify-content:space-between;align-items:center;padding:0 20px;font-size:18px;font-weight:800;display:flex;position:relative;box-shadow:0 8px 18px -8px #ff8a1fbf}.s23 .cobrar b{font-variant-numeric:tabular-nums}.s23 .tot{opacity:0;position:absolute;right:20px}.s23 .cuerpoPago{flex-direction:column;flex:1;gap:13px;padding:18px 16px 12px;display:flex;overflow:hidden}.s23 .etq{color:var(--mut);font-size:14px;font-weight:600}.s23 .totalGrande{letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin-top:-6px;font-size:46px;font-weight:800;line-height:1}.s23 .segmento{background:#eaeaf5;border-radius:14px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.s23 .segmento span{min-height:44px;color:var(--mut);border-radius:11px;place-items:center;font-size:14px;font-weight:700;display:grid}.s23 .segmento .on{background:var(--brand);color:#fff}.s23 .monedas{gap:8px;display:flex}.s23 .monedas span{border:2px solid var(--line2);border-radius:999px;padding:7px 18px;font-size:14px;font-weight:700}.s23 .monedas .on{border-color:var(--brand);color:var(--brand);background:#ecebfb}.s23 .campo{flex-direction:column;gap:6px;display:flex}.s23 .caja{background:#eaeaf5;border:2px solid #0000;border-radius:12px;align-items:center;min-height:54px;padding:0 14px;font-size:19px;display:flex}.s23 .recibido{font-variant-numeric:tabular-nums;opacity:0;font-weight:800}.s23 .rapidos{grid-template-columns:1fr 1fr;gap:8px;display:grid}.s23 .rapidos span{text-align:center;font-variant-numeric:tabular-nums;background:#eaeaf5;border-radius:10px;padding:12px 0;font-size:15px;font-weight:600}.s23 .vuelto{border-top:1px dashed var(--line2);opacity:0;flex-direction:column;gap:6px;padding-top:12px;display:flex}.s23 .vuelto div{color:var(--mut);justify-content:space-between;align-items:baseline;font-size:15px;font-weight:600;display:flex}.s23 .vuelto b{color:var(--fg);font-variant-numeric:tabular-nums}.s23 .vuelto .fuerte span{color:var(--fg);font-size:16px;font-weight:800}.s23 .vuelto .fuerte b{color:var(--ok-ink);font-size:25px;font-weight:800}.s23 .hecho{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:0 24px;display:flex}.s23 .titHecho{letter-spacing:-.03em;font-size:36px;font-weight:800}.s23 .recibo{color:var(--mut);font-size:15px;font-weight:600}.s23 .acciones{gap:8px;margin:10px 0 22px;display:flex}.s23 .acciones span{border:2px solid var(--line2);border-radius:12px;padding:11px 14px;font-size:14px;font-weight:700}.s23 .vueltoGrande{letter-spacing:-.03em;color:var(--brand);font-variant-numeric:tabular-nums;font-size:36px;font-weight:800}.s23 .nueva{background:var(--brand);color:#fff;border-radius:14px;flex:1;place-items:center;min-height:64px;font-size:18px;font-weight:800;display:grid}.demo-cobro .paso.venta{animation:pasoVenta var(--ciclo) infinite}.demo-cobro .paso.pago{opacity:0;animation:pasoPago var(--ciclo) infinite}.demo-cobro .paso.vendido{opacity:0;animation:pasoVendido var(--ciclo) infinite}@keyframes pasoVenta{0%,33%{opacity:1}36%,88%{opacity:0}92%,to{opacity:1}}@keyframes pasoPago{0%,33%{opacity:0;transform:translateY(16px)}36%,66%{opacity:1;transform:none}69%,to{opacity:0;transform:none}}@keyframes pasoVendido{0%,67%{opacity:0;transform:translateY(16px)}70%,90%{opacity:1;transform:none}93%,to{opacity:0;transform:none}}.demo-cobro .f1{animation:toque1 var(--ciclo) infinite}.demo-cobro .f2{animation:toque2 var(--ciclo) infinite}@keyframes toque1{0%,8%{transform:none}10%{transform:scale(.95)}12%,to{transform:none}}@keyframes toque2{0%,19%{transform:none}21%{transform:scale(.95)}23%,to{transform:none}}.demo-cobro .c1{animation:marca1 var(--ciclo) infinite}.demo-cobro .c2{animation:marca2 var(--ciclo) infinite}@keyframes marca1{0%,9%{opacity:0;transform:scale(.5)}12%,35%{opacity:1;transform:scale(1)}38%,to{opacity:0;transform:scale(.5)}}@keyframes marca2{0%,20%{opacity:0;transform:scale(.5)}23%,35%{opacity:1;transform:scale(1)}38%,to{opacity:0;transform:scale(.5)}}.demo-cobro .lista .n1{animation:lista1 var(--ciclo) infinite}.demo-cobro .lista .n2{animation:lista2 var(--ciclo) infinite}@keyframes lista1{0%,10%{opacity:0}10.5%,21%{opacity:1}21.5%,to{opacity:0}}@keyframes lista2{0%,21%{opacity:0}21.5%,90%{opacity:1}92%,to{opacity:0}}.demo-cobro .t0{animation:tot0 var(--ciclo) infinite}.demo-cobro .t1{animation:tot1 var(--ciclo) infinite}.demo-cobro .t2{animation:tot2 var(--ciclo) infinite}@keyframes tot0{0%,10%{opacity:1}10.5%,90%{opacity:0}92%,to{opacity:1}}@keyframes tot1{0%,10%{opacity:0}10.5%,21%{opacity:1}21.5%,to{opacity:0}}@keyframes tot2{0%,21%{opacity:0}21.5%,to{opacity:1}}.demo-cobro .venta .cobrar{animation:pulsar var(--ciclo) infinite}.demo-cobro .confirmar{animation:confirmar var(--ciclo) infinite}@keyframes pulsar{0%,31%{transform:none}33%{transform:scale(.97)}35%,to{transform:none}}@keyframes confirmar{0%,64%{transform:none}66%{transform:scale(.97)}68%,to{transform:none}}.demo-cobro .elegido{animation:elegir var(--ciclo) infinite}@keyframes elegir{0%,45%{color:var(--fg);background:#eaeaf5}47%,66%{background:var(--brand);color:#fff}68%,to{color:var(--fg);background:#eaeaf5}}.demo-cobro .caja{animation:cajaActiva var(--ciclo) infinite}@keyframes cajaActiva{0%,45%{border-color:#0000}47%,66%{border-color:var(--brand)}68%,to{border-color:#0000}}.demo-cobro .recibido{animation:recibido var(--ciclo) infinite}@keyframes recibido{0%,46%{opacity:0}47.5%,66%{opacity:1}68%,to{opacity:0}}.demo-cobro .vuelto{animation:aparecerVuelto var(--ciclo) infinite}@keyframes aparecerVuelto{0%,49%{opacity:0;transform:translateY(8px)}53%,66%{opacity:1;transform:none}68%,to{opacity:0;transform:translateY(8px)}}.portatil-caja{--escala:.42;width:calc(1340px * var(--escala));height:calc(890px * var(--escala));flex:none;justify-self:center}.portatil{--ciclo:12s;width:1340px;transform:scale(var(--escala));transform-origin:0 0}.bloque:not(.in) .portatil *{animation-play-state:paused!important}.portatil .tapa{background:#121216;border-radius:30px 30px 12px 12px;padding:30px 30px 26px;position:relative;box-shadow:inset 0 0 0 2px #2e2e36,0 60px 90px -60px #16153a8c}.portatil .webcam{background:#2c2c35;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:11px;left:50%}.portatil .base{background:#d6d5e2;border-radius:2px 2px 22px 22px;width:1440px;height:26px;margin-left:-50px;position:relative;box-shadow:inset 0 3px #e9e8f2}.portatil .muesca{background:#bfbecf;border-radius:0 0 12px 12px;width:190px;height:11px;margin-left:-95px;position:absolute;top:0;left:50%}.portatil .ventana{width:1280px;height:800px;color:var(--fg);background:#fff;border-radius:6px;position:relative;overflow:hidden}.portatil .tituloVentana{border-bottom:1px solid var(--line);height:34px;color:var(--mut);background:#f3f3fa;justify-content:space-between;align-items:center;padding-left:14px;font-size:13px;font-weight:600;display:flex}.portatil .marcaVentana{align-items:center;gap:9px;display:flex}.portatil .marcaVentana i{background:var(--brand);border-radius:4px;width:14px;height:14px}.portatil .controles{height:100%;display:flex}.portatil .controles span{place-items:center;width:46px;font-size:12px;display:grid}.portatil .barraEsc{z-index:3;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:8px;height:60px;padding:0 12px;display:flex;position:relative}.portatil .icono{place-items:center;width:44px;height:44px;display:grid}.portatil .barraEsc h1{letter-spacing:-.02em;flex:1;font-size:22px;font-weight:800;line-height:1}.portatil .estadoRed{width:176px;height:34px;position:relative}.portatil .chipEsc{white-space:nowrap;opacity:0;border-radius:999px;align-items:center;gap:8px;height:34px;padding:0 14px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;right:0}.portatil .chipEsc i{border-radius:50%;width:10px;height:10px}.portatil .aldia,.portatil .subido{color:#0a7a4e;background:#e2f5ec}.portatil .aldia i,.portatil .subido i{background:var(--ok)}.portatil .sinred{color:#8a4200;background:#fff1e3}.portatil .sinred i{background:var(--cobrar)}.portatil .subiendo{color:var(--brand);background:#ecebfb}.portatil .subiendo .giro{border:2.5px solid var(--brand);border-top-color:#0000;border-radius:50%;width:13px;height:13px;animation:.8s linear infinite esc-giro}.portatil .aldia{animation:esc-aldia var(--ciclo) infinite}.portatil .sinred{animation:esc-sinred var(--ciclo) infinite}.portatil .subiendo{animation:esc-subiendo var(--ciclo) infinite}.portatil .subido{animation:esc-subido var(--ciclo) infinite}.portatil .pendientes{color:#8a4200;white-space:nowrap;opacity:0;height:30px;animation:esc-pendientes var(--ciclo) infinite;background:#fff1e3;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:700;display:flex}.portatil .avisoRed{z-index:4;color:#8a4200;white-space:nowrap;opacity:0;animation:esc-aviso var(--ciclo) infinite;background:#fff1e3;border:1px solid #f3d9bd;border-radius:999px;align-items:center;gap:10px;padding:12px 20px;font-size:16px;font-weight:700;display:flex;position:absolute;top:106px;left:440px;transform:translate(-50%,-14px);box-shadow:0 16px 34px -16px #8a420073}.portatil .avisoRed:before{content:"";background:var(--cobrar);border-radius:50%;width:10px;height:10px}.portatil .cuerpoEsc{grid-template-columns:880px 400px;display:grid;position:absolute;inset:94px 0 0}.portatil .catalogo{padding:18px}.portatil .pastillasEsc{gap:10px;height:40px;margin-bottom:16px;display:flex}.portatil .pastillasEsc span{background:#eaeaf5;border-radius:999px;align-items:center;height:40px;padding:0 18px;font-size:15px;font-weight:700;display:flex}.portatil .pastillasEsc .on{background:var(--brand);color:#fff}.portatil .rejillaEsc{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.portatil .fichaEsc{aspect-ratio:1/1.05;color:#fff;border-radius:18px;flex-direction:column;justify-content:flex-end;padding:14px;display:flex;position:relative;overflow:hidden}.portatil .fichaEsc.anil{background:#3a36db}.portatil .fichaEsc.menta{background:#12a36b}.portatil .fichaEsc.mango{background:#ff8a1f}.portatil .fichaEsc .iniciales{letter-spacing:-.03em;opacity:.3;font-size:44px;font-weight:800;line-height:1;position:absolute;top:10px;left:14px}.portatil .fichaEsc .nombre{font-size:17px;font-weight:800;line-height:1.15;position:relative}.portatil .fichaEsc .precio{opacity:.9;font-variant-numeric:tabular-nums;margin-top:3px;font-size:14px;font-weight:600;position:relative}.portatil .p1{animation:esc-toque1 var(--ciclo) infinite}.portatil .p2{animation:esc-toque2 var(--ciclo) infinite}.portatil .p3{animation:esc-toque3 var(--ciclo) infinite}.portatil .ticket{border-left:1px solid var(--line);background:#fafafd;flex-direction:column;padding:20px;display:flex;position:relative}.portatil .cabTicket{justify-content:space-between;align-items:baseline;display:flex}.portatil .cabTicket b{font-size:20px;font-weight:800}.portatil .cabTicket span{color:var(--mut);font-size:14px;font-weight:600}.portatil .lineas{margin-top:14px;list-style:none}.portatil .lineas li{border-bottom:1px solid var(--line);opacity:0;justify-content:space-between;align-items:center;padding:14px 0;display:flex;transform:translateY(8px)}.portatil .lineas span{font-size:16px;font-weight:700}.portatil .lineas small{color:var(--mut);font-variant-numeric:tabular-nums;margin-top:2px;font-size:13px;font-weight:600;display:block}.portatil .lineas b{font-variant-numeric:tabular-nums;font-size:16px;font-weight:800}.portatil .l1{animation:esc-linea1 var(--ciclo) infinite}.portatil .l2{animation:esc-linea2 var(--ciclo) infinite}.portatil .l3{animation:esc-linea3 var(--ciclo) infinite}.portatil .vacio{text-align:center;color:var(--dim);animation:esc-vacio var(--ciclo) infinite;font-size:15px;font-weight:600;position:absolute;top:45%;left:20px;right:20px}.portatil .totales{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:auto;padding:16px 0;display:flex}.portatil .totales>span:first-child{color:var(--mut);font-size:16px;font-weight:700}.portatil .cifras{width:230px;height:38px;position:relative}.portatil .tt{letter-spacing:-.02em;font-variant-numeric:tabular-nums;opacity:0;font-size:30px;font-weight:800;line-height:38px;position:absolute;top:0;right:0}.portatil .t0{animation:esc-t0 var(--ciclo) infinite}.portatil .t1{animation:esc-t1 var(--ciclo) infinite}.portatil .t2{animation:esc-t2 var(--ciclo) infinite}.portatil .t3{animation:esc-t3 var(--ciclo) infinite}.portatil .cobrarEsc{background:var(--cobrar);height:64px;color:var(--fg);animation:esc-cobrar var(--ciclo) infinite;border-radius:14px;justify-content:space-between;align-items:center;padding:0 22px;font-size:20px;font-weight:800;display:flex;box-shadow:0 10px 22px -10px #ff8a1fcc}.portatil .cobrarEsc b{opacity:.55;font-size:13px;font-weight:700}.portatil .vendidoEsc{z-index:6;width:440px;box-shadow:0 0 0 1px var(--line), 0 40px 80px -24px #16153a80;text-align:center;opacity:0;animation:esc-vendido var(--ciclo) infinite;background:#fff;border-radius:22px;flex-direction:column;align-items:center;gap:8px;margin:-150px 0 0 -220px;padding:30px 28px;display:flex;position:absolute;top:50%;left:50%;transform:scale(.94)}.portatil .check{width:64px;height:64px;color:var(--ok);background:#e2f5ec;border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.portatil .vendidoEsc b{letter-spacing:-.02em;font-size:32px;font-weight:800}.portatil .vendidoEsc span{font-variant-numeric:tabular-nums;font-size:17px;font-weight:700}.portatil .vendidoEsc small{color:var(--mut);font-size:15px;font-weight:600}.portatil .cursor{z-index:8;animation:esc-cursor var(--ciclo) infinite;position:absolute;top:0;left:0;transform:translate(640px,560px)}.portatil .cursor svg{z-index:1;filter:drop-shadow(0 2px 3px #16153a59);display:block;position:relative}.portatil .onda{background:var(--brand);opacity:0;width:30px;height:30px;animation:esc-onda var(--ciclo) infinite;border-radius:50%;position:absolute;top:-11px;left:-9px}@keyframes esc-giro{to{transform:rotate(360deg)}}@keyframes esc-cursor{0%,2%{transform:translate(640px,560px)}6%{transform:translate(92px,247px)}8%{transform:translate(92px,247px)scale(.86)}9.5%,14%{transform:translate(92px,247px)}20%{transform:translate(263px,247px)}22%{transform:translate(263px,247px)scale(.86)}23.5%{transform:translate(263px,247px)}28%{transform:translate(435px,247px)}30%{transform:translate(435px,247px)scale(.86)}31.5%{transform:translate(435px,247px)}36%{transform:translate(1070px,745px)}38%{transform:translate(1070px,745px)scale(.86)}39.5%,44%{transform:translate(1070px,745px)}56%,to{transform:translate(640px,560px)}}@keyframes esc-onda{0%,7.9%,9.6%,21.9%,23.6%,29.9%,31.6%,37.9%,39.6%,to{opacity:0;transform:scale(.2)}8%,22%,30%,38%{opacity:.45;transform:scale(.2)}9.5%,23.5%,31.5%,39.5%{opacity:0;transform:scale(2.2)}}@keyframes esc-toque1{0%,7.4%,9.4%,to{transform:none}8%{transform:scale(.95)}}@keyframes esc-toque2{0%,21.4%,23.4%,to{transform:none}22%{transform:scale(.95)}}@keyframes esc-toque3{0%,29.4%,31.4%,to{transform:none}30%{transform:scale(.95)}}@keyframes esc-cobrar{0%,37.4%,39.4%,to{transform:none}38%{transform:scale(.97)}}@keyframes esc-linea1{0%,8.5%{opacity:0;transform:translateY(8px)}10%,40%{opacity:1;transform:none}42%,to{opacity:0;transform:none}}@keyframes esc-linea2{0%,22.5%{opacity:0;transform:translateY(8px)}24%,40%{opacity:1;transform:none}42%,to{opacity:0;transform:none}}@keyframes esc-linea3{0%,30.5%{opacity:0;transform:translateY(8px)}32%,40%{opacity:1;transform:none}42%,to{opacity:0;transform:none}}@keyframes esc-vacio{0%,7.5%{opacity:1}8.5%,42%{opacity:0}44%,to{opacity:1}}@keyframes esc-t0{0%,8.4%{opacity:1}9%,41%{opacity:0}42.5%,to{opacity:1}}@keyframes esc-t1{0%,8.4%{opacity:0}9%,22.4%{opacity:1}23%,to{opacity:0}}@keyframes esc-t2{0%,22.4%{opacity:0}23%,30.4%{opacity:1}31%,to{opacity:0}}@keyframes esc-t3{0%,30.4%{opacity:0}31%,41%{opacity:1}42.5%,to{opacity:0}}@keyframes esc-vendido{0%,39%{opacity:0;transform:scale(.94)}41%,53%{opacity:1;transform:none}56%,to{opacity:0;transform:scale(.97)}}@keyframes esc-aviso{0%,14%{opacity:0;transform:translate(-50%,-14px)}16.5%,59%{opacity:1;transform:translate(-50%)}61.5%,to{opacity:0;transform:translate(-50%,-14px)}}@keyframes esc-aldia{0%,14%{opacity:1}15%,97%{opacity:0}98.5%,to{opacity:1}}@keyframes esc-sinred{0%,14%{opacity:0}15%,60%{opacity:1}61%,to{opacity:0}}@keyframes esc-subiendo{0%,60%{opacity:0}61%,72%{opacity:1}73%,to{opacity:0}}@keyframes esc-subido{0%,72%{opacity:0}73%,97%{opacity:1}98.5%,to{opacity:0}}@keyframes esc-pendientes{0%,43%{opacity:0;transform:translate(8px)}45%,70%{opacity:1;transform:none}73%,to{opacity:0;transform:none}}@media (width<=1100px){.portatil-caja{--escala:.36}}@media (width<=980px){.portatil-caja{--escala:.44}}@media (width<=660px){.portatil-caja{--escala:.4}}@media (width<=560px){.portatil-caja{--escala:.32}}@media (width<=460px){.portatil-caja{--escala:.27}}@media (width<=400px){.portatil-caja{--escala:.235}}@media (width<=370px){.portatil-caja{--escala:.22}}@media (width<=350px){.s23-caja{--escala:.6}}@media (prefers-reduced-motion:reduce){.s23 *,.portatil *{animation:none!important}.portatil .sinred,.portatil .lineas li,.portatil .t3{opacity:1;transform:none}.portatil .avisoRed{opacity:1;transform:translate(-50%)}.portatil .aldia,.portatil .vacio,.portatil .t0,.portatil .cursor,.demo-cobro .paso.venta,.demo-cobro .paso.vendido{opacity:0}.demo-cobro .paso.pago,.demo-cobro .vuelto,.demo-cobro .recibido{opacity:1;transform:none}.demo-cobro .elegido{background:var(--brand);color:#fff}}.dark{background:var(--fg);color:#fff}.dark .wrap{padding-top:92px;padding-bottom:92px}.dark h2{letter-spacing:-.045em;color:#fff;text-wrap:balance;max-width:14ch;margin-top:22px;font-size:clamp(30px,3.5vw,46px);font-weight:900;line-height:1.02}.dark h2 i{color:#9a97ff;font-style:normal;font-weight:300}.dark .body{color:#ffffffa3;max-width:32ch;margin-top:20px;font-size:17px;line-height:1.62}.formgrid{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:start;gap:84px;display:grid}.tabs{border-bottom:1px solid #ffffff2e;gap:34px;padding-bottom:14px;display:flex}.tab{font:700 16px/1.2 var(--font);color:#ffffff75;cursor:pointer;background:0 0;border:0;padding:0}.tab.on{color:#fff;box-shadow:0 15px 0 -13px #fff}.fields{grid-template-columns:1fr 1fr;gap:0 30px;display:grid}.f{min-width:0;display:block}.f.w{grid-column:1/-1}.f>span{letter-spacing:.1em;text-transform:uppercase;color:#ffffff6b;margin-top:26px;font-size:12px;font-weight:700;display:block}.f input,.f select,.f textarea{color:#fff;width:100%;font:500 16px/1.5 var(--font);background:0 0;border:0;border-bottom:1px solid #ffffff3d;border-radius:0;padding:9px 0}.f input::placeholder,.f textarea::placeholder{color:#ffffff47}.f input:focus,.f select:focus,.f textarea:focus{border-bottom-color:var(--cobrar);outline:0}.f [aria-invalid=true]{border-bottom-color:#ff8a80}.f select{appearance:none;cursor:pointer}.f select option{color:var(--fg)}.f textarea{resize:vertical;min-height:58px}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.accept{color:#fff9;cursor:pointer;align-items:flex-start;gap:11px;margin-top:32px;font-size:13.5px;line-height:1.5;display:flex}.accept input{accent-color:var(--cobrar);margin-top:3px}.accept a{border-bottom:1px solid #fff6}.err{color:#ff8a80;margin-top:18px;font-size:14px;font-weight:600;line-height:1.45}.send{color:var(--fg);font:800 16px/1 var(--font);letter-spacing:-.01em;cursor:pointer;background:#fff;border:0;border-radius:13px;margin-top:30px;padding:19px 28px}.send:disabled{opacity:.55;cursor:progress}.alta h3{letter-spacing:-.045em;margin-top:30px;font-size:30px;font-weight:900;line-height:1.05}.alta ul{margin:18px 0 0;padding:0;list-style:none}.alta li{color:#ffffffc7;border-bottom:1px solid #ffffff24;padding:13px 0;font-size:16px;line-height:1.45}.alta .send{text-decoration:none;display:inline-block}.fine{color:#ffffff75;max-width:46ch;margin-top:18px;font-size:13px;line-height:1.55}.done h3{letter-spacing:-.045em;font-size:30px;font-weight:900}.done p{color:#ffffffa3;max-width:40ch;margin-top:14px;font-size:16px;line-height:1.6}.again{color:#fff;font:700 15px/1 var(--font);cursor:pointer;background:0 0;border:1.5px solid #ffffff57;border-radius:13px;margin-top:26px;padding:16px 22px}@media (width<=980px){.dark .wrap{padding-top:58px;padding-bottom:58px}.formgrid{grid-template-columns:minmax(0,1fr);gap:34px}.fields{grid-template-columns:minmax(0,1fr)}}