:root{--posx-bg: #f6f8fb;--posx-card: #ffffff;--posx-border: #e6eaf1;--posx-ink: #0f172a;--posx-muted: #6b7280;--posx-accent: #0ea5e9;--posx-good: #16a34a;--posx-danger: #ef4444;--posx-radius-lg: 16px;--posx-radius-md: 12px;--posx-shadow-1: 0 6px 20px rgba(15, 23, 42, .06);--posx-shadow-in: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(0,0,0,.03)}.posx-wrap{max-width:1120px;margin:0 auto;padding:24px;color:var(--posx-ink)}.posx-header h2{margin:0 0 14px;font-size:1.4rem;letter-spacing:.2px}.posx-panel{display:grid;grid-template-columns:1fr;gap:18px}.posx-buscador{position:relative;display:flex;gap:10px}.posx-buscador:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none}.posx-buscador-input{flex:1;height:36px;padding:0 14px 0 44px;border:2px solid var(--posx-border);border-radius:999px;background:var(--posx-card);outline:none;font-size:1.05rem;box-shadow:var(--posx-shadow-in)}.posx-buscador-input::placeholder{color:#94a3b8}.posx-buscador-input:focus{border-color:var(--posx-accent);box-shadow:0 0 #0ea5e92e}.posx-btn{border:1px solid var(--posx-border);background:#f8fafc;padding:10px 14px;border-radius:var(--posx-radius-md);cursor:pointer;transition:transform .04s ease,box-shadow .2s ease,background .2s ease;box-shadow:var(--posx-shadow-in);font-weight:600}.posx-btn:hover{background:#eef2f7}.posx-btn:active{transform:scale(.98)}.posx-btn--secundario{background:#f1f5f9}.posx-btn--agregar{background:linear-gradient(180deg,#e6f6ff,#d9efff);border-color:#b6d3ff}.posx-btn--agregar:hover{background:linear-gradient(180deg,#dff2ff,#cfe8ff)}.posx-btn--danger{background:linear-gradient(180deg,#ffe9e9,#ffdedd);border-color:#ffc8c6}.posx-btn--danger:hover{background:linear-gradient(180deg,#ffdede,#ffd0cf)}.posx-resultados .posx-lista{list-style:none;margin:0;padding:0;display:grid;gap:10px}.posx-item{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--posx-border);border-radius:var(--posx-radius-lg);padding:12px 14px;background:var(--posx-card);box-shadow:var(--posx-shadow-1)}.posx-item:hover{border-color:#d7e1f1;transform:translateY(-1px)}.posx-item-info{display:flex;gap:12px;align-items:baseline}.posx-item-nombre{font-weight:700}.posx-item-precio{font-variant-numeric:tabular-nums;color:#0e7490;font-weight:700}.posx-carrito{margin-top:6px}.posx-carrito-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.posx-tabla{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;background:var(--posx-card);border:1px solid var(--posx-border);border-radius:18px;box-shadow:var(--posx-shadow-1)}.posx-tabla thead th{background:linear-gradient(180deg,#fff,#fff);font-size:.78rem;letter-spacing:.06em;color:#0f766d;font-weight:800;text-align:left;padding:12px;border-bottom:1px solid #ffffff;position:sticky;top:0;z-index:1}.posx-tabla th,.posx-tabla td{padding:6px}.posx-tabla tbody tr{border-bottom:1px solid #ffffff;transition:background .15s ease}.posx-tabla tbody tr:nth-child(odd){background:#fff}.posx-tabla tbody tr:hover{background:#f2f7ff}.posx-num{text-align:right;font-variant-numeric:tabular-nums;font-family:Arial}.posx-inp-num{width:140px;height:42px;padding:0 10px;text-align:right;border:1px solid var(--posx-border);border-radius:10px;background:#fbfdff;box-shadow:var(--posx-shadow-in);font-size:1rem}.posx-inp-num:focus{border-color:#b6d3ff;box-shadow:0 0 0 3px #b6d3ff59}.posx-inp-num::-webkit-outer-spin-button,.posx-inp-num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.posx-inp-num[type=number]{-moz-appearance:textfield}.posx-qty{display:inline-flex;gap:10px;align-items:center}.posx-qty-btn{width:36px;height:36px;border-radius:999px;border:1px solid #dbe1ea;background:#f8fbff;line-height:0;box-shadow:var(--posx-shadow-in);font-size:1.1rem}.posx-qty-btn:hover{background:#eef5ff}.posx-qty-btn:active{transform:scale(.96)}.posx-qty>span{min-width:22px;display:inline-block;text-align:center;font-weight:800}.posx-tabla tfoot td{background:linear-gradient(180deg,#fffffff5,#fff);border-top:1px solid #e8edf5;position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 20px -14px #0f172a40}.posx-total-label{text-align:right;font-weight:800;letter-spacing:.02em}.posx-total-monto{font-weight:900;font-size:1.6rem;letter-spacing:.3px;color:#0b6b9c}.posx-hint{color:var(--posx-muted);padding:8px 0}@media (max-width: 860px){.posx-inp-num{width:110px;height:38px}.posx-btn{padding:9px 12px}.posx-tabla thead th{font-size:.72rem}}.posx-item,.posx-btn,.posx-inp-num,.posx-buscador-input{outline-offset:2px}.posx-btn:focus-visible,.posx-inp-num:focus-visible,.posx-buscador-input:focus-visible{outline:1px solid rgba(14,165,233,.35)}.posx-clientbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;background:#f8fafc;border:1px solid #e6eaf1;border-radius:12px}.posx-clientbar-info{display:flex;gap:10px;align-items:center;color:#0f172a}.posx-clientbar-name{font-weight:700}.posx-clientbar-sep{opacity:.35}.posx-clientbar-nit{color:#334155}.posx-modal-overlay{position:fixed;inset:0;background:#02061773;display:flex;align-items:center;justify-content:center;z-index:50}.posx-modal{width:min(520px,92vw);background:#fff;border-radius:16px;box-shadow:0 30px 60px -20px #0f172a80;border:1px solid #e6eaf1}.posx-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eef2f7}.posx-modal-body{padding:16px;display:grid;gap:12px}.posx-modal-label{font-size:.9rem;color:#334155}.posx-modal-input{height:46px;border:1px solid #d7dde7;border-radius:12px;padding:0 12px;font-size:1rem;outline:none;background:#fbfdff}.posx-modal-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.posx-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.posx-modal-msg{padding:8px 10px;border-radius:10px}.posx-modal-msg--error{background:#ffe8e8;border:1px solid #ffc7c7;color:#7f1d1d}.posx-modal-resultado{margin-top:6px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.posx-split{display:grid;grid-template-columns:1fr 1.6fr 1fr;gap:18px;align-items:start}.posx-col-left,.posx-col-right{display:grid;gap:14px}.posx-summary-card{background:var(--posx-card);border:1px solid var(--posx-border);border-radius:var(--posx-radius-lg);box-shadow:var(--posx-shadow-1);padding:14px;display:grid;gap:10px;position:sticky;top:12px}.posx-summary-row{display:flex;align-items:center;justify-content:space-between;font-variant-numeric:tabular-nums}.posx-summary-div{height:1px;background:#e7eef7;margin:2px 0}.posx-summary-total{font-size:1.1rem}.posx-btn--pagar{background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border-color:#16a34a;font-size:1.05rem;padding:12px 16px;border-radius:12px}.posx-btn--pagar:hover{background:linear-gradient(180deg,#26d469,#17b14f)}@media (max-width: 980px){.posx-split{grid-template-columns:1fr}}.posx-wrap{--posx-ink: #0f172a;--posx-muted: #64748b;--posx-bg: #ffffff;--posx-card: #ffffff;--posx-border: #e6eaf1;--posx-danger: #ef4444;--posx-radius-lg: 16px;--posx-radius-md: 12px;--posx-shadow-1: 0 6px 20px rgba(15, 23, 42, .06);--posx-shadow-in: inset 0 1px 0 rgba(255,255,255,.6), inset 0 -1px 0 rgba(0,0,0,.03)}.posx-theme-indigo{--posx-accent: #6366f1;--posx-accent-2: #4f46e5;--posx-accent-tint: #eef2ff;--posx-good: #22c55e;--posx-cta: #16a34a}.posx-theme-emerald{--posx-accent: #10b981;--posx-accent-2: #059669;--posx-accent-tint: #ecfdf5;--posx-good: #10b981;--posx-cta: #10b981}.posx-theme-teal{--posx-accent: #6366f1;--posx-accent-2: #4f46e5;--posx-accent-tint: #eef2ff;--posx-good: #22c55e;--posx-cta: #16a34a}.posx-buscador-input:focus{border-color:var(--posx-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--posx-accent) 22%,transparent)}.posx-item-precio{color:var(--posx-accent-2)}.posx-item:hover{border-color:color-mix(in srgb,var(--posx-accent) 22%,#d7e1f1)}.posx-btn--agregar{background:linear-gradient(180deg,color-mix(in srgb,var(--posx-accent) 12%,#fff),color-mix(in srgb,var(--posx-accent) 22%,#fff));border-color:color-mix(in srgb,var(--posx-accent) 35%,#b6d3ff);color:#0b1320}.posx-btn--agregar:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--posx-accent) 18%,#fff),color-mix(in srgb,var(--posx-accent) 28%,#fff))}.posx-tabla thead th{background:linear-gradient(180deg,var(--posx-accent-tint),#ffffff);color:#0f766d;border-bottom:1px solid color-mix(in srgb,var(--posx-accent) 18%,#eef2f7)}.posx-total-monto{color:var(--posx-accent-2)}.posx-summary-div{background:color-mix(in srgb,var(--posx-accent) 12%,#e7eef7)}.posx-btn--pagar{background:linear-gradient(180deg,color-mix(in srgb,var(--posx-cta) 92%,#fff),var(--posx-cta));border-color:color-mix(in srgb,var(--posx-cta) 80%,#0c0);color:#fff}.posx-btn--pagar:hover{filter:brightness(1.06)}.posx-btn--danger{background:linear-gradient(180deg,#fff4f4,#ffe8e8);border-color:#ffd5d5;color:#7f1d1d}.posx-btn--danger:hover{background:linear-gradient(180deg,#ffecec,#ffe0e0)}.posx-clientbar{background:var(--posx-accent-tint);border-color:color-mix(in srgb,var(--posx-accent) 16%,#e6eaf1)}.posx-wrap.posx-theme-teal{--posx-accent: #0d9488;--posx-accent-2: #0f766e;--posx-accent-tint: #f0fdfa;--posx-good: #0d9488;--posx-cta: #0ea5a0}.posx-theme-teal .posx-buscador-input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948838}.posx-theme-teal .posx-item-precio{color:#0f766e}.posx-theme-teal .posx-item:hover{border-color:#c6ece8}.posx-theme-teal .posx-btn--agregar{background:linear-gradient(180deg,#e8fbf9,#d4f6f2);border-color:#92e2d9;color:#0b1320}.posx-theme-teal .posx-btn--agregar:hover{background:linear-gradient(180deg,#e0faf6,#c8f2ec)}.posx-theme-teal .posx-tabla thead th{background:linear-gradient(180deg,#fff,#fff);color:#0f766d;border-bottom:1px solid #d9eeec}.posx-theme-teal .posx-total-monto{color:#0f766e}.posx-theme-teal .posx-clientbar{background:#fff;border-color:#fff}.posx-theme-teal .posx-summary-div{background:#d7eeec}.posx-btn--xl{font-size:1.05rem;padding:16px;border-radius:14px}.posx-theme-teal .posx-btn--pagar{background:linear-gradient(180deg,#12b8ad,#0ea5a0);border-color:#0b8f87;color:#fff}.posx-theme-teal .posx-btn--pagar:hover{filter:brightness(1.06)}.posx-theme-teal .posx-btn--outline{background:#fff;color:#0f766e;border-color:#bcdedb}.posx-theme-teal .posx-btn--outline:hover{background:#f0fdfa}.posx-theme-teal .posx-btn--outline-quiet{background:#fff;color:#334155;border-color:#d7dde7}.posx-theme-teal .posx-btn--outline-quiet:hover{background:#f8fafc}.posx-actions{display:grid;gap:14px;position:sticky;top:12px}.posx-tabla .posx-num{font-variant-numeric:tabular-nums}.posx-btn[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}