@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--fondo:#0e1116;--panel:#171d25;--linea:#2a3441;--texto:#e8edf3;--tenue:#8a97a8;--ambar:#ffb020;--verde:#3dd68c;--rojo:#ff5c5c}*{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}body{background:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;min-height:100dvh;font-family:Barlow,system-ui,sans-serif}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--tenue);font-family:Barlow Condensed,sans-serif;font-size:12px;display:block}h1,h2{letter-spacing:.02em;font-family:Barlow Condensed,sans-serif;font-weight:700}h1{margin-bottom:18px;font-size:30px}h2{font-size:21px}.tenue{color:var(--tenue);padding:14px 0;line-height:1.5}.error{color:var(--rojo);background:#ff5c5c1a;border:1px solid #ff5c5c59;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:14px;line-height:1.4}.aviso-ok{color:var(--verde);background:#3dd68c1a;border:1px solid #3dd68c59;border-radius:8px;margin:12px 0;padding:10px 12px;font-size:15px;font-weight:500}.centro{justify-content:center;align-items:center;min-height:100dvh;padding:20px;display:flex}.pantalla{max-width:620px;margin:0 auto;padding:18px 16px 120px}header{border-bottom:1px solid var(--linea);justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;display:flex}.tarjeta{background:var(--panel);border:1px solid var(--linea);border-radius:14px;width:100%;max-width:380px;padding:26px 22px}.tarjeta.suelta{max-width:none;margin-top:22px}label{color:var(--tenue);margin:14px 0 6px;font-size:13px;display:block}input{background:var(--fondo);border:1px solid var(--linea);width:100%;color:var(--texto);border-radius:9px;padding:13px 12px;font-family:Barlow,sans-serif;font-size:16px}input:focus{border-color:var(--ambar);outline:none}input[type=range]{accent-color:var(--ambar);background:0 0;border:0;padding:0}button{letter-spacing:.09em;text-transform:uppercase;border:1px solid var(--linea);background:var(--panel);color:var(--texto);cursor:pointer;border-radius:9px;padding:13px 18px;font-family:Barlow Condensed,sans-serif;font-size:16px;font-weight:600}button.principal{background:var(--ambar);border-color:var(--ambar);color:#14181e}.tarjeta button.principal,.bloque button,.tarjeta.suelta button{width:100%;margin-top:16px}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible{outline:3px solid var(--verde);outline-offset:2px}.tabs{gap:8px;padding:16px 0 4px;display:flex}.tab{flex:1;padding:11px 8px;font-size:14px}.tab.activa{background:var(--ambar);border-color:var(--ambar);color:#14181e}.escaner{margin-top:14px}.visor{aspect-ratio:4/3;border:1px solid var(--linea);background:#000;border-radius:12px;position:relative;overflow:hidden}.visor video{object-fit:cover;width:100%;height:100%;display:block}.marco{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mira{border-radius:6px;width:80%;height:40%;position:relative;box-shadow:0 0 0 2000px #080a0e80}.mira i{border:3px solid var(--ambar);width:26px;height:26px;position:absolute}.mira i:first-child{border-bottom:0;border-right:0;border-radius:6px 0 0;top:-2px;left:-2px}.mira i:nth-child(2){border-bottom:0;border-left:0;border-radius:0 6px 0 0;top:-2px;right:-2px}.mira i:nth-child(3){border-top:0;border-right:0;border-radius:0 0 0 6px;bottom:-2px;left:-2px}.mira i:nth-child(4){border-top:0;border-left:0;border-radius:0 0 6px;bottom:-2px;right:-2px}.rayo{background:linear-gradient(90deg, transparent, var(--ambar), transparent);height:2px;animation:2.4s ease-in-out infinite barrido;position:absolute;top:50%;left:6%;right:6%}@keyframes barrido{0%,to{opacity:.35;transform:translateY(-40px)}50%{opacity:1;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.rayo{opacity:.8;animation:none}}.apagado{color:var(--tenue);text-align:center;background:#0b0e13;justify-content:center;align-items:center;padding:24px;font-size:15px;display:flex;position:absolute;inset:0}.motor{color:var(--ambar);background:#080a0eb3;border-radius:5px;padding:3px 7px;font-family:IBM Plex Mono,monospace;font-size:11px;position:absolute;top:8px;right:10px}.controles{gap:10px;margin-top:10px;display:flex}.controles button{flex:1}.zoom{margin-top:12px}.zoom .eyebrow{margin-bottom:6px}.alta{background:var(--panel);border:1px solid var(--ambar);border-radius:12px;margin-top:14px;padding:18px 16px}.codigo.grande{margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:20px}.cabecera-lista{justify-content:space-between;padding:20px 0 6px;display:flex}ul{list-style:none}li{border-bottom:1px solid var(--linea);align-items:center;gap:12px;padding:12px 0;display:flex}.datos{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.nombre{font-weight:500}.codigo{color:var(--tenue);font-family:IBM Plex Mono,monospace;font-size:12px}.precio{font-family:IBM Plex Mono,monospace;font-size:15px}.stock{text-align:right;min-width:44px;color:var(--verde);font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:600}.stock.alerta{color:var(--ambar)}.cantidad{align-items:center;gap:6px;display:flex}.cantidad button{min-width:40px;padding:7px 12px;font-size:18px;line-height:1}.cantidad span{text-align:center;min-width:24px;font-family:IBM Plex Mono,monospace}.barra-total{background:var(--panel);border-top:1px solid var(--linea);padding:12px 16px calc(14px + env(safe-area-inset-bottom));max-width:620px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.metodos{gap:6px;margin-bottom:10px;display:flex}.chip{letter-spacing:.05em;flex:1;padding:8px 4px;font-size:12px}.chip.activo{background:var(--ambar);border-color:var(--ambar);color:#14181e}.total-fila{justify-content:space-between;align-items:baseline;display:flex}.total{font-family:IBM Plex Mono,monospace;font-size:26px;font-weight:600}.barra-total button.principal{width:100%;margin-top:10px}.caja{padding-top:8px}.resumen{background:var(--panel);border:1px solid var(--linea);border-radius:12px;padding:8px 16px}.fila{border-bottom:1px solid var(--linea);justify-content:space-between;padding:11px 0;display:flex}.fila:last-child{border-bottom:0}.fila.fuerte{font-weight:600}.fila.fuerte .precio{color:var(--ambar);font-size:18px}.bloque{margin-top:22px}.bloque input{margin-top:8px}.dif{text-align:center;border-radius:9px;margin-top:12px;padding:12px;font-family:IBM Plex Mono,monospace;font-size:17px;font-weight:600}.dif.ok{color:var(--verde);background:#3dd68c1f}.dif.falta{color:var(--rojo);background:#ff5c5c1f}.dif.sobra{color:var(--ambar);background:#ffb0201f}.manual{gap:8px;margin-top:12px;display:flex}.manual input{flex:1;font-family:IBM Plex Mono,monospace}.manual button{white-space:nowrap}.pago{margin-top:10px}.billetes{gap:6px;margin-bottom:8px;display:flex}.billetes .chip{flex:1;font-family:IBM Plex Mono,monospace;font-size:13px}.fila-pago{align-items:center;gap:10px;display:flex}.fila-pago label{white-space:nowrap;margin:0}.fila-pago input{text-align:right;padding:10px 12px;font-family:IBM Plex Mono,monospace}.vuelto{text-align:center;color:var(--verde);background:#3dd68c1f;border-radius:9px;margin-top:8px;padding:10px;font-family:IBM Plex Mono,monospace;font-size:19px;font-weight:600}.vuelto.falta{color:var(--rojo);background:#ff5c5c1f}