.cobro-fig{--seccion:var(--fondo);--opacidad-qr:1;--recorte:none;--sello-o:0;--sello-e:.6;--entrada-y:-100%;--espera-o:1;--pagado-o:0;position:relative}.cobro-fig[data-estado=espera]{--recorte:inset(0 0 100% 0)}.cobro-fig:is([data-estado=pagado],[data-estado=impreso],[data-estado=final]){--opacidad-qr:.14;--sello-o:1;--sello-e:1;--espera-o:0;--pagado-o:1}.cobro-fig:is([data-estado=impreso],[data-estado=final]){--entrada-y:0%}.cobro-qr{z-index:1;background:var(--fondo);width:100%;color:var(--texto);text-align:left;cursor:default;border-radius:1.25rem;padding:1.25rem;display:block;position:relative;box-shadow:0 30px 70px -28px #000000e6}.cobro-fig[data-estado=impreso] .cobro-qr{cursor:pointer}.cobro-cuadro{background:var(--superficie);border-radius:.5rem;width:10.5rem;height:10.5rem;margin:1.25rem auto 0;display:block;position:relative;overflow:hidden}.cobro-codigo{color:var(--texto);opacity:var(--opacidad-qr);clip-path:var(--recorte);transition:opacity .3s ease-out;display:block;position:absolute;inset:0}.cobro-codigo svg{width:100%;height:100%;display:block}.cobro-fig[data-estado=dibujando] .cobro-codigo{animation:cobro-dibujar 1.1s steps(var(--filas)) both}@keyframes cobro-dibujar{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.cobro-barra{opacity:0;pointer-events:none;position:absolute;inset:0}.cobro-barra:after{content:"";background:var(--acento);border-radius:2px;height:3px;position:absolute;inset:auto -.25rem 0}.cobro-fig[data-estado=dibujando] .cobro-barra{animation:cobro-barra 1.1s steps(var(--filas)) both, cobro-apagar .12s linear 1.1s forwards}@keyframes cobro-barra{0%{opacity:1;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes cobro-apagar{to{opacity:0}}.cobro-destello{opacity:0;pointer-events:none;background:#fff;position:absolute;inset:0}.cobro-fig[data-estado=pagado] .cobro-destello{animation:.35s ease-out both cobro-destello}@keyframes cobro-destello{0%{opacity:0}35%{opacity:.85}to{opacity:0}}.cobro-sello{width:4.5rem;height:4.5rem;opacity:var(--sello-o);transform:scale(var(--sello-e));background:#0f9d8a;border-radius:50%;place-items:center;margin:-2.25rem 0 0 -2.25rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .2s ease-out;display:grid;position:absolute;top:50%;left:50%}.cobro-sello svg{width:2.5rem;height:2.5rem}.cobro-pie{text-align:center;margin-top:1.25rem;font-size:.875rem;line-height:1.25rem;display:grid}.cobro-pie>*{grid-area:1/1}.cobro-pie-espera{opacity:var(--espera-o);color:var(--tenue)}.cobro-pie-pagado{opacity:var(--pagado-o);justify-content:center;align-items:center;gap:.4rem;font-weight:700;display:flex}.cobro-pie-pagado svg{width:1rem;height:1rem}.cobro-ranura{z-index:0;margin:-1.25rem .75rem 0;padding-top:1.25rem;position:relative;overflow:hidden}.cobro-entrada{background:var(--fondo);color:var(--texto);transform:translateY(var(--entrada-y));border-radius:0 0 .75rem .75rem;transition:transform .4s ease-in}.cobro-fig[data-estado=impreso] .cobro-entrada{transition:transform .9s cubic-bezier(.2,.8,.2,1)}.cobro-fig[data-estado=final] .cobro-entrada{transition:none}.cobro-corte{border-top:2px dashed var(--linea);position:relative}.cobro-corte:before,.cobro-corte:after{content:"";background:var(--seccion);border-radius:50%;width:22px;height:22px;position:absolute;top:-12px}.cobro-corte:before{left:-11px}.cobro-corte:after{right:-11px}@media (min-width:768px){.cobro-cuadro{width:11.5rem;height:11.5rem}}@media (prefers-reduced-motion:reduce),(scripting:none){html:not(.movimiento-forzado) .cobro-fig{--opacidad-qr:.14;--recorte:none;--sello-o:1;--sello-e:1;--entrada-y:0%;--espera-o:0;--pagado-o:1}html:not(.movimiento-forzado) .cobro-fig .cobro-codigo,html:not(.movimiento-forzado) .cobro-fig .cobro-barra,html:not(.movimiento-forzado) .cobro-fig .cobro-destello{animation:none}html:not(.movimiento-forzado) .cobro-fig .cobro-codigo,html:not(.movimiento-forzado) .cobro-fig .cobro-sello,html:not(.movimiento-forzado) .cobro-fig .cobro-entrada{transition:none}}
.cot-punto{background:var(--color);width:.7em;height:.7em;box-shadow:0 0 0 1px color-mix(in srgb, var(--texto) 25%, transparent);border-radius:50%;display:inline-block}.cot-fila{animation:.4s cubic-bezier(.2,.8,.2,1) backwards cot-fila}@keyframes cot-fila{0%{opacity:0;transform:translateY(12px)}}.cot-signo{transition:transform .25s cubic-bezier(.2,.8,.2,1);display:inline-block}.cot-signo-abierto{transform:rotate(45deg)}.cot-rango{appearance:none;cursor:pointer;touch-action:pan-y;background:0 0;width:100%;height:2.75rem;display:block}.cot-rango::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--texto) var(--v), var(--linea) var(--v));border-radius:999px;height:.5rem}.cot-rango::-moz-range-track{background:linear-gradient(to right, var(--texto) var(--v), var(--linea) var(--v));border-radius:999px;height:.5rem}.cot-rango::-webkit-slider-thumb{-webkit-appearance:none;border:.4rem solid var(--texto);background:var(--fondo);border-radius:50%;width:2rem;height:2rem;margin-top:-.75rem;transition:transform .15s}.cot-rango::-moz-range-thumb{box-sizing:border-box;border:.4rem solid var(--texto);background:var(--fondo);border-radius:50%;width:2rem;height:2rem;transition:transform .15s}.cot-rango:active::-webkit-slider-thumb{transform:scale(1.15)}.cot-rango:active::-moz-range-thumb{transform:scale(1.15)}.cot-rango:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:.75rem}.recibo{background:var(--fondo);color:var(--texto);border-radius:1.5rem;position:relative;box-shadow:0 30px 70px -28px #000000e6;container-type:inline-size}@media (pointer:fine){.recibo{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s cubic-bezier(.16,1,.3,1)}}#cotizador{--seccion:var(--fondo)}.recibo-corte{border-top:2px dashed var(--linea)}.recibo-corte:before,.recibo-corte:after{content:"";background:var(--seccion);border-radius:50%;width:22px;height:22px;position:absolute;top:-12px}.recibo-corte:before{left:-11px}.recibo-corte:after{right:-11px}.recibo-barra{background:var(--superficie-2);border-radius:999px;height:.5rem;position:relative;overflow:hidden}.recibo-barra span{transform-origin:0;transition:transform .55s cubic-bezier(.2,.85,.2,1);position:absolute;inset:0}.recibo-total{font-size:min(14.5cqw, calc(100cqw / (var(--largo,10) * .8)));line-height:1.05}.rodillo{vertical-align:bottom;height:1.05em;display:inline-block;overflow:hidden}.rodillo-cinta{transition:transform .6s cubic-bezier(.2,.85,.2,1);display:block}.rodillo-cinta>span{height:1.05em;line-height:1.05em;display:block}.recibo-compara{animation:.35s cubic-bezier(.2,.8,.2,1) backwards cot-fila}.recibo-sello{border:3px solid var(--acento);background:var(--fondo);color:var(--acento);font-family:var(--font-mono-codigo), monospace;letter-spacing:.14em;text-transform:uppercase;border-radius:.4rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700;animation:.45s cubic-bezier(.2,.9,.25,1.2) backwards recibo-sello;position:absolute;top:-.85rem;right:.9rem;transform:rotate(-9deg)}@keyframes recibo-sello{0%{opacity:0;transform:rotate(-2deg)scale(1.8)}}@media (prefers-reduced-motion:reduce){html:not(.movimiento-forzado) .cot-fila,html:not(.movimiento-forzado) .recibo-compara,html:not(.movimiento-forzado) .recibo-sello{animation:none}html:not(.movimiento-forzado) .rodillo-cinta,html:not(.movimiento-forzado) .recibo-barra span,html:not(.movimiento-forzado) .cot-signo,html:not(.movimiento-forzado) .recibo{transition:none}}