:root{--bg: #f2f5f9;--card: #fff;--ink: #15233d;--muted: #5a6a84;--line: #d8dfea;--brand: #1F345B;--brand-ink: #fff;--brand-texto: #1F345B;--acento: #11604F;--warn: #b45309;--warn-ink: #fff;--bad: #b91c1c;--ok: #11604F;--fuente-marca: "DM Serif Display", Georgia, serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #0b1424;--card: #13213a;--ink: #e7ecf5;--muted: #98a7bf;--line: #22324f;--brand: #3b5f9f;--brand-ink: #fff;--brand-texto: #9db8e8;--acento: #3fae95;--warn: #b45309;--warn-ink: #fff;--bad: #f87171;--ok: #3fae95}}*{box-sizing:border-box}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:url(/marca-agua.png) no-repeat center 85% / min(75vw,380px) auto;opacity:.07}#root{position:relative;z-index:1}@media (prefers-color-scheme: dark){body:before{filter:brightness(0) invert(1);opacity:.05}}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.4 system-ui,sans-serif}button,input,select{font:inherit;color:inherit}.app{max-width:760px;margin:0 auto;padding:0 16px 90px}.top{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:8px}.top h1{font-size:20px;margin:0}.titulo-marca{font-family:var(--fuente-marca);font-weight:400;letter-spacing:.2px;color:var(--brand-texto)}.muted{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}.row{display:flex;gap:8px;align-items:center}.row>.grow{flex:1;min-width:0}.stack{display:grid;gap:10px}input,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}button{padding:12px 16px;border-radius:10px;border:1px solid var(--line);background:var(--card);cursor:pointer}button.primary{background:var(--brand);color:var(--brand-ink);border-color:var(--brand);font-weight:600}button.danger{color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}button.primary:disabled{background:var(--line);border-color:var(--line);color:var(--muted);opacity:1}.tabs{position:fixed;left:0;right:0;bottom:0;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabs button{flex:1;border:0;border-radius:0;background:none;padding:14px 4px;font-size:14px;color:var(--muted)}.tabs button.on{color:var(--brand);font-weight:700}.bar{height:10px;background:var(--line);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--acento)}.item{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.item:last-child{border-bottom:0}.item b{display:block}.qty{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.pill{display:inline-block;padding:2px 8px;border-radius:99px;font-size:12px;background:var(--line)}.pill.ok{color:var(--ok)}.pill.warn{color:var(--warn)}.pill.bad{color:var(--bad)}.chips{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.chips button{padding:8px 12px;border-radius:99px;white-space:nowrap;font-size:14px}.chips button.on{background:var(--brand);color:var(--brand-ink);border-color:var(--brand)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:10}.modal>div{background:var(--card);width:100%;max-width:560px;border-radius:16px 16px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:90vh;overflow:auto}.big{font-size:28px;text-align:center;padding:14px}.banner{background:var(--warn);color:var(--warn-ink);padding:8px 12px;border-radius:10px;margin-bottom:12px;font-size:14px}.banner button{background:transparent;color:inherit;border:1px solid currentColor;font-weight:600}.err{color:var(--bad);font-size:14px}video{width:100%;border-radius:12px;background:#000}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:8px 6px;border-bottom:1px solid var(--line);text-align:left}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}.scroll{overflow-x:auto}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:active:not(:disabled){transform:scale(.97)}.link{background:none;border:0;padding:8px 4px;font-size:14px}.boton-grande{min-height:56px;font-size:18px}.centro{text-align:center}.conteo-cabecera{margin-bottom:8px}.selector{display:flex;gap:8px;overflow-x:auto;margin-bottom:12px;scrollbar-width:none}.selector::-webkit-scrollbar{display:none}.selector button{display:grid;gap:2px;flex:0 0 auto;min-width:110px;max-width:160px;padding:10px 12px;text-align:left;border-radius:12px}.selector button span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selector button b{font-size:22px;font-variant-numeric:tabular-nums}.selector button.on{border-color:var(--acento);box-shadow:inset 0 0 0 2px var(--acento)}.total{text-align:center}.producto-nombre{font-size:26px;overflow-wrap:anywhere}.total-numero{font-size:64px;font-weight:800;color:var(--brand-texto);line-height:1.1;font-variant-numeric:tabular-nums}.espacio-panel{height:400px}.panel{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -4px 16px #00000014}.panel-in{max-width:480px;margin:0 auto;padding:10px 16px calc(12px + env(safe-area-inset-bottom));display:grid;gap:8px}.pantalla{text-align:center;font-size:40px;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.pantalla .vacio{color:var(--muted)}.teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.teclado button{min-height:52px;font-size:24px;font-weight:600}.acciones{display:grid;grid-template-columns:1fr 2fr;gap:8px}.acciones button{min-height:64px;font-size:20px;font-weight:700;white-space:nowrap;padding:12px 8px}.acciones .restar{font-size:18px}.acciones .sumar{font-size:24px}.panel-total{display:none}@media (max-height: 760px){.total{display:none}.panel-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:6px;border-bottom:1px solid var(--line)}.panel-total span{font-size:18px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-total b{font-size:36px;font-weight:800;font-variant-numeric:tabular-nums}.pantalla{font-size:32px}.teclado button{min-height:46px;font-size:22px}.acciones button{min-height:58px}.espacio-panel{height:410px}}