.vfd{--vfd-fondo: #0e1729;--vfd-borde: rgba(255, 255, 255, .12);--vfd-tinta: #eef3fb;--vfd-tinta-2: rgba(226, 235, 248, .7);--vfd-acento: #3a8dff;--vfd-acento-tinta: #fff;--vfd-ok: #5ee2c4;--vfd-pend: #ffb547;--vfd-rect: #ff8a7a;--vfd-radio: 20px;--vfd-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;display:grid;grid-template-columns:minmax(0,1fr) 270px minmax(0,1.15fr);gap:18px;align-items:start;color:var(--vfd-tinta)}@media(max-width:1000px){.vfd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.vfd-reg{grid-column:1 / -1}}@media(max-width:640px){.vfd{grid-template-columns:minmax(0,1fr)}}.vfd-caja,.vfd-reg{padding:22px;border-radius:var(--vfd-radio);background:var(--vfd-fondo);border:1px solid var(--vfd-borde);min-width:0}.vfd-tit{font-weight:800;font-size:15px;letter-spacing:.02em;margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}.vfd-tit small{font-weight:600;font-size:12.5px;color:var(--vfd-tinta-2);font-family:var(--vfd-mono)}.vfd-lineas{list-style:none;margin:0;padding:0;display:grid}.vfd-lineas li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--vfd-borde);font-size:15px}.vfd-lineas span{display:grid}.vfd-lineas small{color:var(--vfd-tinta-2);font-size:12.5px}.vfd-lineas b,.vfd-total b{font-variant-numeric:tabular-nums;white-space:nowrap}.vfd-total{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 16px;font-weight:800;font-size:22px}.vfd-total span{font-size:15px;color:var(--vfd-tinta-2);font-weight:700}.vfd-cobrar,.vfd-borrar{width:100%;border:0;border-radius:14px;padding:14px 16px;font:inherit;font-weight:800;font-size:16px;cursor:pointer;background:var(--vfd-acento);color:var(--vfd-acento-tinta);transition:transform .15s,filter .15s}.vfd-cobrar:hover{filter:brightness(1.08);transform:translateY(-1px)}.vfd-cobrar:active{transform:translateY(1px)}.vfd-borrar{background:transparent;color:var(--vfd-tinta);box-shadow:inset 0 0 0 1.5px var(--vfd-borde);font-size:14.5px;padding:12px 14px}.vfd-borrar:not(:disabled):hover{box-shadow:inset 0 0 0 1.5px var(--vfd-rect);color:var(--vfd-rect)}.vfd-borrar[data-paso=rectificar]{box-shadow:inset 0 0 0 1.5px var(--vfd-rect);color:var(--vfd-rect)}.vfd-borrar:disabled{opacity:.45;cursor:default}.vfd-red{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:14px;font-weight:700;color:var(--vfd-tinta-2);cursor:pointer;user-select:none}.vfd-red input{position:absolute;opacity:0;width:1px;height:1px}.vfd-interruptor{width:40px;height:24px;border-radius:24px;background:var(--vfd-borde);position:relative;transition:background .2s;flex:none}.vfd-interruptor:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s}.vfd-red input:checked+.vfd-interruptor{background:var(--vfd-ok)}.vfd-red input:checked+.vfd-interruptor:after{transform:translate(16px)}.vfd-red input:focus-visible+.vfd-interruptor{outline:2px solid var(--vfd-acento);outline-offset:2px}.vfd.sin-red .vfd-red-txt{color:var(--vfd-pend)}.vfd-papel{position:relative;padding-top:10px}.vfd-papel:before{content:"";position:absolute;left:-6px;right:-6px;top:0;height:14px;border-radius:8px;background:#1b2232;box-shadow:inset 0 3px 6px #0009}.vfd-ticket{position:relative;margin:0 6px;padding:18px 16px 24px;background:#fff;color:#222;font-family:var(--vfd-mono);font-size:12px;line-height:1.45;display:grid;gap:2px;justify-items:center;text-align:center;box-shadow:0 24px 40px -18px #0009;clip-path:polygon(0 0,100% 0,100% 100%,95% 98.6%,90% 100%,85% 98.6%,80% 100%,75% 98.6%,70% 100%,65% 98.6%,60% 100%,55% 98.6%,50% 100%,45% 98.6%,40% 100%,35% 98.6%,30% 100%,25% 98.6%,20% 100%,15% 98.6%,10% 100%,5% 98.6%,0 100%)}.vfd-ticket.vacio{min-height:220px;place-content:center;color:#8a8f98;font-family:inherit;font-size:14px;padding:30px 20px}.vfd-ticket.sale{animation:vfd-sale 1.1s cubic-bezier(.2,.8,.2,1) both;transform-origin:top}@keyframes vfd-sale{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.vfd-ticket .t-qr-lbl{margin:0;font-size:11px;color:#444}.vfd-qr{width:108px;height:108px;margin:2px 0}.vfd-ticket .t-vf{margin:0 0 8px;font-weight:800;letter-spacing:.08em;font-size:12px}.vfd-ticket .t-neg{font-family:inherit;font-size:14px}.vfd-ticket small{color:#555;font-size:11px}.vfd-ticket .t-raya{width:100%;border-top:1px dashed #bbb;margin:6px 0}.vfd-ticket .t-l{width:100%;display:flex;justify-content:space-between;gap:8px;text-align:left}.vfd-ticket .t-l i{font-style:normal}.vfd-ticket .t-l i:last-child{white-space:nowrap}.vfd-ticket .t-total{font-weight:800;font-size:14px;margin-top:4px}.vfd-cadena{list-style:none;margin:0;padding:0;display:grid;gap:10px;min-height:92px}.vfd-r{position:relative;padding:12px 14px;border-radius:14px;border:1px solid var(--vfd-borde);background:#ffffff08;display:grid;gap:3px;transition:opacity .4s,transform .4s,border-color .3s}.vfd-r.nuevo{opacity:0;transform:translateY(-10px)}.vfd-r+.vfd-r:before{content:"";position:absolute;left:22px;top:-11px;width:2px;height:10px;background:var(--vfd-borde)}.vfd-r-cab{display:flex;justify-content:space-between;gap:10px;font-size:14px}.vfd-r-cab span{font-variant-numeric:tabular-nums;white-space:nowrap}.vfd-r code{font-family:var(--vfd-mono);font-size:12.5px;color:var(--vfd-acento);overflow-wrap:anywhere}.vfd-r small{color:var(--vfd-tinta-2);font-size:12px;font-family:var(--vfd-mono);overflow-wrap:anywhere}.vfd-estado{font-style:normal;font-size:12.5px;font-weight:700;color:var(--vfd-tinta-2)}.vfd-r.ok{border-color:color-mix(in srgb,var(--vfd-ok) 45%,transparent)}.vfd-r.ok .vfd-estado{color:var(--vfd-ok)}.vfd-r.ok .vfd-estado:before{content:"\2713  "}.vfd-r.pend{border-color:color-mix(in srgb,var(--vfd-pend) 55%,transparent);border-style:dashed}.vfd-r.pend .vfd-estado{color:var(--vfd-pend)}.vfd-r.rect{border-color:color-mix(in srgb,var(--vfd-rect) 55%,transparent)}.vfd-r.rect .vfd-r-cab b{color:var(--vfd-rect)}.vfd-acciones{margin-top:14px}.vfd-msg{margin:12px 0 0;min-height:3em;font-size:14.5px;color:var(--vfd-tinta-2)}.vfd-msg.aviso{color:var(--vfd-rect);font-weight:700}@media(prefers-reduced-motion:reduce){.vfd-ticket.sale{animation:none}.vfd-r{transition:none}}
