:root{--bg: #fdfcfa;--surface: #ffffff;--surface-sunk: #f5f2ec;--border: #e6e1d5;--border-strong: #c9c1ad;--text: #1b1710;--text-soft: #5b5445;--text-mute: #7b7260;--accent: #f5a300;--accent-press: #d98c00;--accent-ink: #2a1d00;--accent-line: #8a5c00;--accent-wash: #fef4de;--ok: #147a32;--ok-ink: #ffffff;--ok-wash: #e7f4ec;--pend: #c4381f;--pend-wash: #fbebe7;--danger: #c42b2b;--danger-ink: #ffffff;--info: #1868b0;--info-wash: #e3effa;--focus-ring: #f5a300;--shadow-1: 0 1px 2px rgba(20, 16, 8, .06), 0 2px 8px rgba(20, 16, 8, .08);--shadow-2: 0 8px 28px rgba(20, 16, 8, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-full: 999px;--bw: 1.5px;--hit: 48px;--fs-scale: 1;--fs-display: calc(1.75rem * var(--fs-scale));--fs-title: calc(1.3125rem * var(--fs-scale));--fs-lg: calc(1.125rem * var(--fs-scale));--fs-body: calc(1rem * var(--fs-scale));--fs-label: calc(.875rem * var(--fs-scale));--fs-meta: calc(.78rem * var(--fs-scale));--font-title: "Bricolage Grotesque", "Hanken Grotesk", "Segoe UI", sans-serif;--font-ui: "Hanken Grotesk", "Segoe UI", system-ui, sans-serif;--font-data: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--motion-fast: .12s;--motion-base: .22s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #16140f;--surface: #211e17;--surface-sunk: #100e0a;--border: #39342a;--border-strong: #57503f;--text: #f4f0e6;--text-soft: #ada48f;--text-mute: #958d7c;--accent-press: #ffb524;--accent-line: #f5a300;--accent-wash: #3a2e12;--ok: #3fbe68;--ok-ink: #08240f;--ok-wash: #16301f;--pend: #f27860;--pend-wash: #3a1b14;--danger: #f2665f;--danger-ink: #2e0705;--info: #5aa6e6;--info-wash: #12263a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .5);--shadow-2: 0 10px 34px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--bg: #16140f;--surface: #211e17;--surface-sunk: #100e0a;--border: #39342a;--border-strong: #57503f;--text: #f4f0e6;--text-soft: #ada48f;--text-mute: #958d7c;--accent-press: #ffb524;--accent-line: #f5a300;--accent-wash: #3a2e12;--ok: #3fbe68;--ok-ink: #08240f;--ok-wash: #16301f;--pend: #f27860;--pend-wash: #3a1b14;--danger: #f2665f;--danger-ink: #2e0705;--info: #5aa6e6;--info-wash: #12263a;--shadow-1: 0 1px 2px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .5);--shadow-2: 0 10px 34px rgba(0, 0, 0, .6)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}h1,h2,h3,h4,h5{font-family:var(--font-title);font-weight:700;margin:0;text-wrap:balance}p{margin:0}button{font-family:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.mono{font-family:var(--font-data);font-variant-numeric:tabular-nums}.screen{height:100svh;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.screen__body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.pad{padding:var(--sp-4);padding-bottom:calc(var(--sp-4) + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--sp-4)}.topbar{flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);padding-top:env(safe-area-inset-top);min-height:calc(56px + env(safe-area-inset-top));background:var(--surface);border-bottom:var(--bw) solid var(--border);position:relative}.topbar__title{font-family:var(--font-title);font-weight:700;font-size:var(--fs-title)}.topbar__back{background:none;border:0;color:var(--text-soft);font-family:var(--font-ui);font-weight:600;font-size:var(--fs-body);display:flex;align-items:center;min-height:var(--hit);padding:0;cursor:pointer}.topbar__act{background:var(--accent-wash);border:0;color:var(--accent-line);font-size:20px;font-weight:700;width:var(--hit);height:var(--hit);border-radius:var(--r-full);margin-right:-8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--motion-fast) ease-out}.topbar__act:active{background:var(--accent-line);color:var(--accent-ink)}.topbar__progress{position:absolute;left:0;right:0;bottom:-1.5px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);background-size:40% 100%;animation:bar 1.1s linear infinite}@keyframes bar{0%{background-position:-40% 0}to{background-position:140% 0}}.navbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;background:var(--surface);border-top:var(--bw) solid var(--border);box-shadow:0 -1px 8px #1410080f;padding-bottom:env(safe-area-inset-bottom)}.screen.con-nav .screen__body{padding-bottom:calc(56px + env(safe-area-inset-bottom))}.navbar a{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--text-soft);font-size:var(--fs-meta);font-weight:600;position:relative}.navbar a .ico{font-size:20px}.navbar a[aria-current=page]{color:var(--accent-line)}.navbar a[aria-current=page]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:40%;height:3px;background:var(--accent);border-radius:0 0 3px 3px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;font-family:var(--font-ui);font-size:var(--fs-body);font-weight:700;min-height:var(--hit);padding:0 var(--sp-4);border-radius:var(--r-md);background:var(--accent);color:var(--accent-ink);box-shadow:var(--shadow-1);transition:background var(--motion-fast) ease-out;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2)}.btn:active{background:var(--accent-press)}.btn:disabled{background:var(--surface-sunk);color:var(--text-mute);box-shadow:none;cursor:not-allowed}.btn--block{width:100%}.btn--secondary{background:var(--surface);color:var(--text);border:var(--bw) solid var(--border-strong);box-shadow:none;font-weight:600}.btn--secondary:active{background:var(--surface-sunk)}.btn--secondary:disabled{color:var(--text-mute);border-color:var(--border);background:var(--surface)}.btn--tertiary{background:none;color:var(--accent-line);box-shadow:none;font-weight:600;font-size:var(--fs-label);padding:0 var(--sp-2)}.btn--tertiary:active{background:var(--accent-wash)}.btn--danger{background:var(--surface);color:var(--danger);border:var(--bw) solid var(--danger);box-shadow:none;font-weight:600}.btn--danger.btn--filled{background:var(--danger);color:var(--danger-ink)}.btn .spin{width:15px;height:15px;border:2px solid color-mix(in srgb,currentColor 35%,transparent);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:var(--fs-label);color:var(--text-soft);font-weight:600}.field__box{min-height:var(--hit);border-radius:var(--r-sm);background:var(--surface-sunk);border:var(--bw) solid var(--border);padding:0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2)}.field__box:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 2px var(--focus-ring)}.field__box.is-error{border-color:var(--pend)}.field__box input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;color:var(--text)}.field__box input::placeholder{color:var(--text-mute)}.field__box .icon-btn{background:none;border:0;color:var(--text-mute);font-size:18px;cursor:pointer;padding:var(--sp-1)}.field__hint{font-size:var(--fs-label);color:var(--text-soft)}.field__hint.is-error{color:var(--pend)}.search{min-height:var(--hit);border-radius:var(--r-full);background:var(--surface-sunk);border:var(--bw) solid var(--border);padding:0 var(--sp-3);display:flex;align-items:center;gap:var(--sp-2);color:var(--text-mute)}.search input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;color:var(--text)}.search input::placeholder{color:var(--text-mute)}.accionbar{flex:none;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--bw) solid var(--border)}.accionbar .btn{flex:1}.seg{display:inline-flex;background:var(--surface-sunk);border:var(--bw) solid var(--border);border-radius:var(--r-full);padding:3px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font:inherit;font-size:var(--fs-label);font-weight:600;color:var(--text-soft);cursor:pointer;padding:0 var(--sp-4);min-height:44px;border-radius:var(--r-full)}.seg button.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-1)}.banner{flex:none;display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--fs-label);font-weight:600;background:var(--accent-wash);color:var(--accent-line)}.banner--problem{background:var(--pend-wash);color:var(--pend)}.card{background:var(--surface);border:var(--bw) solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-1);padding:var(--sp-4)}.list{border:var(--bw) solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.row{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--hit);padding:var(--sp-3) var(--sp-4);border-bottom:var(--bw) solid var(--border);background:var(--surface);width:100%;text-align:left;color:inherit;font:inherit;border-left:0;border-right:0;border-top:0;cursor:pointer}.row:last-child{border-bottom:0}.row:active{background:var(--surface-sunk)}.row__main{flex:1;min-width:0}.row__l1{font-size:var(--fs-lg);font-weight:600}.row__l2{font-size:var(--fs-label);color:var(--text-soft)}.row__chev{color:var(--text-mute);font-size:20px}.chip{display:inline-flex;align-items:center;font-size:var(--fs-meta);text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding:3px var(--sp-2);border-radius:var(--r-full);background:var(--surface-sunk);color:var(--text-soft);white-space:nowrap}.chip--accent{background:var(--accent-wash);color:var(--accent-line)}.chip--pend{background:var(--pend-wash);color:var(--pend)}.empty{text-align:center;padding:var(--sp-6) var(--sp-4);color:var(--text-soft)}.empty .ico{font-size:40px;color:var(--text-mute)}.empty p{font-size:var(--fs-lg);margin:var(--sp-3) 0 var(--sp-4)}.skel{border:var(--bw) solid var(--border);border-radius:var(--r-md);overflow:hidden}.skel .r{padding:var(--sp-3) var(--sp-4);background:var(--surface);border-bottom:var(--bw) solid var(--border)}.skel .r:last-child{border-bottom:0}.skel .b{height:12px;background:var(--surface-sunk);border-radius:4px}.skel .b.short{width:55%;margin-top:8px}.login{min-height:100%;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);padding:var(--sp-5);padding-bottom:calc(var(--sp-5) + env(safe-area-inset-bottom));max-width:380px;width:100%;margin:0 auto;box-sizing:border-box}.login__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.login__brand .drop{width:48px;height:48px;border-radius:50% 50% 50% 4px;background:var(--accent);transform:rotate(-45deg)}.login__brand .nm{font-family:var(--font-title);font-weight:800;font-size:var(--fs-title)}.deliver{border:var(--bw) solid var(--border);border-radius:var(--r-md);background:var(--surface);overflow:hidden}.deliver.listo{background:var(--ok-wash)}.deliver.listo .deliver__top,.deliver.listo .deliver__acciones{background:transparent}.deliver__top{display:block;width:100%;text-align:left;background:none;border:0;font:inherit;color:inherit;cursor:pointer;padding:var(--sp-3) var(--sp-4);min-height:var(--hit)}.deliver__top:active{background:var(--surface-sunk)}.deliver__name{font-size:var(--fs-lg);font-weight:700;display:flex;align-items:center;gap:var(--sp-2)}.deliver__name .chev{margin-left:auto;flex:none;width:30px;height:30px;border-radius:var(--r-full);background:var(--surface-sunk);color:var(--text-soft);font-size:15px;display:flex;align-items:center;justify-content:center}.deliver__sub{font-size:var(--fs-label);color:var(--text-soft)}.deliver__ped{font-size:var(--fs-label);color:var(--text-soft);margin-top:2px}.deliver__ped b{font-family:var(--font-data);font-weight:500;color:var(--text)}.deliver__ped.clip{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.deliver__extra{font-size:var(--fs-label);color:var(--text-soft);margin-top:2px}.deliver__detalle{border-top:var(--bw) dashed var(--border);margin-top:var(--sp-2);padding-top:var(--sp-2)}.deliver__it{display:flex;justify-content:space-between;gap:var(--sp-3);padding:5px 0;font-size:var(--fs-label)}.deliver__it .q{font-family:var(--font-data);font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}.deliver__acciones{display:flex;border-top:var(--bw) solid var(--border)}.marca{flex:1;min-height:var(--hit);display:flex;align-items:center;justify-content:center;text-align:center;gap:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--surface);color:var(--text-soft);font-family:var(--font-ui);font-weight:700;font-size:var(--fs-label);text-decoration:none;cursor:pointer;padding:2px 4px}.marca+.marca{border-left:var(--bw) solid var(--border)}.marca--gris{color:var(--text-soft)}.marca--verde{background:var(--ok);color:var(--ok-ink)}.marca--azul{color:var(--info)}.marca--rojo{color:var(--pend)}.marca:disabled,.marca.off{color:var(--text-mute);pointer-events:none}.marca.off svg{opacity:.4}.punto-pend{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.selector__btn{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;text-align:left;justify-content:space-between;color:var(--text);font:inherit;font-size:var(--fs-body)}.selector__ph{color:var(--text-mute)}.selector__car{color:var(--text-mute);font-size:13px;flex:none}.casilla{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--hit);cursor:pointer}.casilla input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:none;width:22px;height:22px;margin:0;border:var(--bw) solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);display:grid;place-content:center;cursor:pointer}.casilla input[type=checkbox]:before{content:"";width:12px;height:12px;transform:scale(0);background:var(--accent-ink);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,45% 62%)}.casilla input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.casilla input[type=checkbox]:checked:before{transform:scale(1)}.casilla span{font-size:var(--fs-body)}.dlg-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#14100866;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.dlg{width:100%;max-width:340px;background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--shadow-2);padding:var(--sp-5)}.dlg__titulo{font-family:var(--font-title);font-weight:700;font-size:var(--fs-lg)}.dlg__texto{margin-top:var(--sp-2);color:var(--text-soft);font-size:var(--fs-label)}.dlg__acciones{margin-top:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.dlg__version{margin-top:var(--sp-3);padding:var(--sp-3);border:var(--bw) solid var(--border);border-radius:var(--r-md);background:var(--surface-sunk)}.dlg__version b{color:var(--accent-line)}.dlg__version .meta{margin-top:2px;font-size:var(--fs-meta);color:var(--text-mute)}.hoja-fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#14100866;display:flex;align-items:flex-end;animation:hoja-fade var(--motion-fast) ease-out}.hoja{width:100%;max-height:80dvh;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;box-shadow:var(--shadow-2);padding-bottom:env(safe-area-inset-bottom);animation:hoja-up var(--motion-base) cubic-bezier(.2,.8,.2,1)}.hoja__head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4);border-bottom:var(--bw) solid var(--border)}.hoja__head h3{font-size:var(--fs-title)}.hoja__x{background:none;border:0;color:var(--text-mute);font-size:20px;width:var(--hit);height:var(--hit);margin:-12px -12px -12px 0;cursor:pointer}.hoja__body{overflow-y:auto;padding:var(--sp-4)}.hoja__foot{flex:none;display:flex;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);padding-bottom:calc(var(--sp-3) + env(safe-area-inset-bottom));border-top:var(--bw) solid var(--border);background:var(--surface)}.hoja__foot .btn{flex:1}@keyframes hoja-fade{0%{opacity:0}}@keyframes hoja-up{0%{transform:translateY(100%)}}.cant{display:flex;align-items:center;gap:var(--sp-3);min-height:var(--hit);padding:var(--sp-2) var(--sp-4);border-bottom:var(--bw) solid var(--border);background:var(--surface);cursor:text}.cant:last-child{border-bottom:0}.cant--lleno{background:var(--accent-wash)}.cant__nom{flex:1;min-width:0;font-size:var(--fs-body)}.cant__box{width:64px;height:40px;text-align:center;border:var(--bw) solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);color:var(--text);font-size:var(--fs-body)}.cant__box:focus{outline:0;border-color:var(--accent-line);box-shadow:0 0 0 2px var(--focus-ring)}.cant__box::placeholder{color:var(--text-mute)}.ordenable{border:var(--bw) solid var(--border);border-radius:var(--r-md);overflow:hidden;background:var(--surface)}.ordenable__f{display:flex;align-items:center;gap:var(--sp-2);min-height:var(--hit);padding:0 var(--sp-3);border-bottom:var(--bw) solid var(--border);background:var(--surface)}.ordenable__f:last-child{border-bottom:0}.ordenable__f.levantada{position:relative;z-index:1;box-shadow:var(--shadow-2);background:var(--surface-sunk)}.ordenable__grip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;flex:none;width:var(--hit);height:var(--hit);color:var(--text-mute);font-size:20px;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.ordenable__txt{flex:1;min-width:0;padding:var(--sp-2) 0}.ordenable__nom{font-size:var(--fs-body);font-weight:600}.ordenable__sub{font-size:var(--fs-label);color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ficha__nombre{font-family:var(--font-title);font-weight:700;font-size:var(--fs-title)}.ficha__sub{color:var(--text-soft);font-size:var(--fs-label);margin:4px 0 10px}.dato .k{font-size:var(--fs-label);color:var(--text-soft)}.dato .v{font-size:var(--fs-body)}.dato .v.mono{font-family:var(--font-data)}