:root{--p: #5B9FD4;--p-dk: #4A90C4;--p-lt: #C8D8EB;--p-glow: rgba(91, 159, 212, .35);--sec: #F57C00;--err: #DC2626;--p-ink: #5B9FD4;--ok-ink: #4ADE80;--warn-ink: #FBBF24;--bad-ink: #EF5350;--bg: #0E0F14;--s1: #16181F;--s2: #1C1F27;--s3: #232730;--s4: #2D323E;--on: #E5E7EB;--on2: #9CA3AF;--on3: #6B7280;--outv: #353944;--out: #3D424F;--ok: #085C35;--ok-bg: rgba(8, 92, 53, .15);--warn: #FF9800;--warn-bg: rgba(255, 152, 0, .15);--bad: #EF5350;--bad-bg: rgba(239, 83, 80, .15);--info: #42A5F5;--color-cash: var(--pay-efectivo, #085C35);--color-cash-bg: var(--pay-efectivo-bg, rgba(8,92,53,.12));--color-cash-bd: var(--pay-efectivo-bd, rgba(8,92,53,.35));--color-debit: var(--pay-debito, #1E40AF);--color-debit-bg: var(--pay-debito-bg, rgba(30,64,175,.12));--color-debit-bd: var(--pay-debito-bd, rgba(30,64,175,.35));--color-mp: var(--pay-qr-mp, #FBBF24);--color-mp-bg: var(--pay-qr-mp-bg, rgba(251,191,36,.12));--color-mp-bd: var(--pay-qr-mp-bd, rgba(251,191,36,.35));--color-xfer: var(--pay-transferencia, #6B21A8);--color-xfer-bg: var(--pay-transferencia-bg, rgba(107,33,168,.12));--color-xfer-bd: var(--pay-transferencia-bd, rgba(107,33,168,.35));--xs: 8px;--sm: 12px;--md: 16px;--lg: 24px;--xl: 28px;--xxl: 36px;--pill: 9999px;--top: 52px;--bot: 64px;--fd: "Inter", sans-serif;--fb: "Inter", sans-serif;--verde-light: #4ADE80;--naranja-dk: #C44E16;--shadow-xs: 0 1px 2px rgba(0,0,0,.4);--shadow-sm: 0 2px 6px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.35);--shadow-md: 0 6px 18px rgba(0,0,0,.6), 0 2px 6px rgba(0,0,0,.4);--shadow-lg: 0 16px 40px rgba(0,0,0,.7), 0 6px 12px rgba(0,0,0,.5);--shadow-xl: 0 30px 70px rgba(0,0,0,.8), 0 12px 20px rgba(0,0,0,.55);--shadow-cta-orange: 0 6px 18px rgba(243,98,32,.45), 0 2px 4px rgba(243,98,32,.25);--shadow-cta-orange-hover: 0 10px 28px rgba(243,98,32,.55), 0 4px 8px rgba(243,98,32,.3);--shadow-cta: 0 0 10px rgba(243,98,32,.3), 0 3px 6px rgba(243,98,32,.25);--shadow-cta-hover: 0 0 22px rgba(243,98,32,.5), 0 6px 14px rgba(243,98,32,.35);--inset-top: inset 0 1px 0 rgba(255,255,255,.06);color-scheme:dark}[data-theme=light]{--p: var(--azul-pequin, #03254B);--p-dk: #021A35;--p-lt: #C8D8EB;--p-glow: rgba(3, 37, 75, .35);--p-ink: #03254B;--ok-ink: #085C35;--warn-ink: #92400E;--bad-ink: #DC2626;--bg: #F5EFE3;--s1: #FFFFFF;--s2: #FBF8F2;--s3: #E0D7C5;--s4: #D4CCBA;--on: #03254B;--on2: #4A5468;--on3: #8A8F9C;--outv: #D6CCB8;--out: #D4CCBA;--orange-soft: #FCEEDF;--green-soft: #E4F1E8;--verde-light: #4ADE80;--naranja-dk: #C44E16;--shadow-xs: 0 1px 3px rgba(3,37,75,.15);--shadow-sm: 0 2px 7px rgba(3,37,75,.18), 0 1px 2px rgba(3,37,75,.1);--shadow-md: 0 5px 16px rgba(3,37,75,.22), 0 2px 5px rgba(3,37,75,.12);--shadow-lg: 0 14px 36px rgba(3,37,75,.26), 0 5px 10px rgba(3,37,75,.14);--shadow-xl: 0 28px 64px rgba(3,37,75,.3), 0 10px 18px rgba(3,37,75,.16);--shadow-cta-orange: 0 6px 18px rgba(243,98,32,.45), 0 2px 4px rgba(243,98,32,.25);--shadow-cta-orange-hover: 0 10px 28px rgba(243,98,32,.55), 0 4px 8px rgba(243,98,32,.3);--shadow-cta: 0 0 10px rgba(243,98,32,.3), 0 3px 6px rgba(243,98,32,.25);--shadow-cta-hover: 0 0 22px rgba(243,98,32,.5), 0 6px 14px rgba(243,98,32,.35);--inset-top: inset 0 1px 0 rgba(255,255,255,.9);color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body,#root{font-family:var(--fb);background:var(--bg);color:var(--on);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:default;-webkit-user-select:none;user-select:none}button,input,select,textarea{font-family:var(--fb)}button,a,[role=button]{cursor:pointer}input,select,textarea,[contenteditable=true]{cursor:text;-webkit-user-select:text;user-select:text}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--outv);border-radius:var(--pill)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{opacity:0;pointer-events:none}.toast-container{position:fixed;bottom:calc(var(--bot) + 12px);left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;width:max-content;max-width:92vw}.toast{background:var(--s3);color:var(--on);padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid var(--outv);box-shadow:var(--shadow-lg);animation:toastIn .22s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.toast.ok{border-color:#4caf5080;color:#81c784}.toast.warn{border-color:#ff980080;color:#ffb74d}.toast.bad{border-color:#ef535080;color:#ef9a9a}.toast.info{border-color:#42a5f580;color:#90caf9}@keyframes toastIn{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-content{padding-top:calc(var(--top) + 8px);padding-bottom:calc(var(--bot) + 16px);min-height:100vh}.card{background:var(--s2);border:1px solid var(--outv);border-radius:14px;padding:var(--lg)}.bento{display:grid;gap:10px;padding:12px}.bento-2{grid-template-columns:1fr 1fr}.bento-3{grid-template-columns:1fr 1fr 1fr}.bento-auto{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.btn-big{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--s3);border:1px solid var(--outv);border-radius:12px;padding:16px 12px;color:var(--on);font-size:13px;font-weight:700;min-height:80px;text-align:center;line-height:1.2;transition:background .15s,transform .1s,border-color .15s;cursor:pointer}.btn-big:active{transform:scale(.96);background:var(--s4)}.btn-big .icon{font-size:22px}.btn-big.primary{background:var(--p);color:#fff;border-color:transparent}.btn-big.primary:active{background:var(--p-dk)}.btn-pill{background:var(--p);border:none;border-radius:14px;color:#fff;padding:12px 24px;font-size:14px;font-weight:700;box-shadow:0 4px 16px var(--p-glow);transition:transform .15s,box-shadow .15s,opacity .15s}.btn-pill:active{transform:scale(.97)}.btn-pill:disabled{opacity:.5;cursor:not-allowed}.btn-pill.sec{background:var(--s3);color:var(--on2);box-shadow:none;border:1px solid var(--outv)}.btn-pill.danger{background:var(--bad);box-shadow:0 4px 16px #ef535059}.field-group{margin-bottom:14px}.field-label{display:block;font-size:10px;font-weight:700;color:var(--on3);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:6px}.field-input{width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--outv);border-radius:10px;color:var(--on1);padding:11px 14px;font-size:15px;font-family:inherit;outline:none;box-shadow:var(--shadow-sm);transition:box-shadow .15s,border-color .15s}.field-input:focus{border-color:var(--p);box-shadow:var(--shadow-md)}.field-input::placeholder{color:var(--on3)}:root[data-theme=dark] .field-input{background:var(--s1);color:var(--on1)}.modal-overlay{position:fixed;left:0;right:0;top:0;bottom:var(--kb-h, 0px);background:#000000b3;z-index:800;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;padding:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;transition:bottom .2s cubic-bezier(.16,1,.3,1)}.modal-overlay.centered{align-items:center;padding:16px}.modal-sheet{background:var(--s2);border-radius:14px 14px 0 0;border:1px solid var(--out);box-shadow:0 24px 48px #00000073,0 8px 16px #00000040,var(--inset-top);width:100%;max-width:640px;max-height:92%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:20px 16px max(40px,calc(24px + env(safe-area-inset-bottom,0px)));animation:sheetUp .28s cubic-bezier(.34,1.2,.64,1);position:relative;cursor:default}@media (max-height: 600px){.modal-sheet{max-height:98%}}.modal-sheet.centered{border-radius:14px;animation:fadeInScale .22s ease}.modal-footer{position:sticky;bottom:0;background:var(--s2);border-top:1px solid var(--outv);box-shadow:0 -4px 12px #0000001a;padding:12px 16px max(16px,env(safe-area-inset-bottom,8px));margin:8px -16px 0;z-index:2}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-close-btn{position:absolute;top:16px;right:16px;width:36px;height:36px;border-radius:50%;background:var(--s3);border:1px solid var(--outv);color:var(--on2);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:background .15s;line-height:1}.modal-close-btn:hover{background:var(--s4);color:var(--on)}.modal-handle{width:40px;height:4px;background:var(--outv);border-radius:var(--pill);margin:0 auto 20px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.info{background:#42a5f526;color:var(--info)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--sm)}.divider{height:1px;background:var(--outv);margin:16px 0}.price-big{font-family:var(--fd);font-size:36px;font-weight:900;letter-spacing:-2px;color:var(--on)}.price-currency{font-size:18px;font-weight:700;color:var(--on3);margin-right:2px}.offline-banner{position:fixed;top:var(--top);left:0;right:0;background:var(--warn);color:#000;text-align:center;font-size:12px;font-weight:700;padding:6px;z-index:500;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease}.fade-in-stagger{opacity:0;animation:fadeIn .28s ease forwards;animation-delay:calc(var(--i, 0) * 70ms)}.gestion-container{max-width:1200px;margin:0 auto;width:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pulse{animation:pulse 2s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes livePulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.2);box-shadow:0 0 8px var(--verde-light)}}@keyframes item_flash{0%{background-color:#085c3524}to{background-color:transparent}}@keyframes pqn-float-up{0%{transform:translateY(0) translate(var(--px-dx, 0px));opacity:.85}50%{transform:translateY(-55px) translate(var(--px-dx, 0px));opacity:.5}to{transform:translateY(-100px) translate(var(--px-dx, 0px));opacity:0}}.pqn-particle{position:fixed;bottom:calc(var(--bot) + 6px);pointer-events:none;font-size:13px;font-weight:900;letter-spacing:-.3px;-webkit-user-select:none;user-select:none;z-index:400;animation:pqn-float-up 1s ease-out forwards;text-shadow:0 1px 4px rgba(0,0,0,.4)}.section-header{font-size:11px;font-weight:700;color:var(--on3);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding:0 2px}.pay-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 10px;border-radius:12px;border:2px solid;font-weight:800;font-size:13px;cursor:pointer;transition:transform .12s,opacity .12s;min-height:76px;text-align:center;line-height:1.2}.pay-btn:active{transform:scale(.95)}.pay-btn:disabled{opacity:.4;cursor:not-allowed}.pay-btn.cash{background:var(--color-cash-bg);border-color:var(--color-cash-bd);color:var(--color-cash)}.pay-btn.debit{background:var(--color-debit-bg);border-color:var(--color-debit-bd);color:var(--color-debit)}.pay-btn.mp{background:var(--color-mp-bg);border-color:var(--color-mp-bd);color:var(--color-mp)}.pay-btn.xfer{background:var(--color-xfer-bg);border-color:var(--color-xfer-bd);color:var(--color-xfer)}.cierre-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:8px;font-size:11px;font-weight:700}.cierre-badge.parcial{background:#ff980026;color:var(--warn);border:1px solid rgba(255,152,0,.35)}.cierre-badge.total{background:#ef535026;color:var(--bad);border:1px solid rgba(239,83,80,.35)}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}@keyframes pq-spin{to{transform:rotate(360deg)}}@keyframes pq-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pq-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pq-modal-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes pq-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pqnFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pqnPopIn{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}[data-reduced-motion=true] *,[data-reduced-motion=true] *:before,[data-reduced-motion=true] *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
