@import "https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700;800&display=swap";:root{--brand:#2ea373;--brand-dark:#1f7a52;--brand-tint:#eef8f2;--brand-tint-2:#f4faf6;--ink:#22303c;--danger:#d9534f;--amber:#e0a52e;--amber-dark:#a67c1e;--amber-bg:#fff8ec;--r-input:10px;--r-card:14px;--r-opcion:11px;--r-modal:20px;--shadow:0 14px 40px -30px #14283780;--shadow-modal:0 24px 60px -30px #1428378c;--transition:.18s ease;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root,[data-theme=claro]{--su:#fff;--s2:#f4f6f7;--tx:#22303c;--t2:#5f6f7a;--mu:#8a97a1;--bd:#e6ebee;--bg:#eef2f4}[data-theme=oscuro]{--su:#1b242d;--s2:#232f3a;--tx:#e8eef2;--t2:#aeb9c1;--mu:#818e98;--bd:#2c3742;--bg:#12191f;--brand-dark:#4cc191;--brand-tint:#16302493}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--tx);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);font:400 15px/1.5 Public Sans,sans-serif}h1{letter-spacing:-.5px;font:800 32px/1.2 Public Sans}h2{letter-spacing:-.3px;font:800 24px/1.25 Public Sans}h3{font:700 19px/1.3 Public Sans}.label{text-transform:uppercase;letter-spacing:.05em;color:var(--t2);margin-bottom:6px;font:600 11px Public Sans;display:block}.card{background:var(--su);border:1px solid var(--bd);border-radius:var(--r-card);box-shadow:var(--shadow)}.input{border:1.5px solid var(--bd);border-radius:var(--r-input);background:var(--su);width:100%;color:var(--tx);transition:border-color var(--transition);outline:none;padding:11px 13px;font:500 14px Public Sans}.input:focus{border-color:var(--brand)}.input::placeholder{color:var(--mu)}.btn{border-radius:var(--r-input);cursor:pointer;transition:filter var(--transition), background var(--transition);border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 18px;font:700 14px Public Sans;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:not(:disabled):hover{filter:brightness(.94)}.btn-ghost{color:var(--t2);border-color:var(--bd);background:0 0}.btn-ghost:not(:disabled):hover{background:var(--s2)}.btn-danger{color:var(--danger);border-color:var(--danger);background:0 0}.chip{border:1.5px solid var(--bd);border-radius:var(--r-opcion);background:var(--su);color:var(--t2);cursor:pointer;transition:all var(--transition);padding:11px 16px;font:600 13.5px Public Sans}.chip.active{background:var(--brand-tint);border-color:var(--brand);color:var(--brand-dark)}@keyframes stepIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-in{animation:.36s both stepIn}.ticket{color:#000;background:#fff;font-family:Public Sans,system-ui,sans-serif;font-size:2.9mm;line-height:1.35}.ticket .tk-mu,.ticket .tk-gris{font-size:2.6mm}.ticket .tk-cu{font-size:2.4mm}.ticket .tk-sep{text-align:center;margin:3mm 0}.ticket .tk-hr{border:none;border-top:1px solid #000;margin:4mm 0}.ticket img{margin:0 auto;display:block}.ticket .tk-reimp{text-align:center;letter-spacing:1px;border:1px solid #000;margin-bottom:3mm;padding:1.2mm;font-size:2.7mm;font-weight:800}.ticket .tk-tabla{border-collapse:collapse;width:100%}.ticket .tk-tabla th,.ticket .tk-tabla td{text-align:left;vertical-align:top;border:1px solid #000;padding:1.6mm 1.4mm;font-size:2.7mm}.ticket .tk-tabla th{font-weight:600}.ticket .tk-num{text-align:right;white-space:nowrap}.ticket .tk-tot{justify-content:space-between;padding:.6mm 0;font-size:2.8mm;display:flex}.ticket .tk-tot.grande{border-top:1px solid #000;margin-top:1.6mm;padding-top:1.6mm;font-size:3.6mm;font-weight:800}.papel-oculto{position:fixed;top:0;left:-10000px}@media print{@page{size:72mm auto;margin:0}body *{visibility:hidden}.ticket,.ticket *{visibility:visible}.papel-oculto{position:absolute!important;top:0!important;left:0!important}.ticket{margin:0;padding:0;width:72mm!important}.no-imprimir{display:none!important}html,body{background:#fff!important}}@keyframes esc-barrer{0%{opacity:0;top:0}12%{opacity:1}88%{opacity:1}to{opacity:0;top:100%}}.esc-linea{background:linear-gradient(90deg, transparent, var(--brand), transparent);height:2px;box-shadow:0 0 12px 2px color-mix(in srgb, var(--brand) 55%, transparent);border-radius:2px;animation:2.1s cubic-bezier(.55,0,.45,1) infinite esc-barrer;position:absolute;left:6px;right:6px}@keyframes esc-aparecer{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}.esc-entra{animation:.22s ease-out both esc-aparecer}@keyframes esc-sello{0%{opacity:0;transform:scale(.4)}55%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}.esc-ok{animation:.42s cubic-bezier(.2,.9,.3,1.3) both esc-sello}@media (prefers-reduced-motion:reduce){.esc-linea{opacity:.9;animation:none;top:50%}.esc-entra,.esc-ok{animation:none}}.scan-card{background:linear-gradient(100deg,#eef8f2,#f4faf6);border:1px solid #dcefe4;border-radius:14px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 18px;display:flex}.scan-card .titulo{color:#1f6f4d;font:600 14px Public Sans}.scan-card .sub{color:#5f8a75;font:400 12.5px Public Sans}[data-theme=oscuro] .scan-card{background:linear-gradient(100deg,#16302690,#1a2b2490);border-color:#2c4a3a}[data-theme=oscuro] .scan-card .titulo{color:#7fd6a8}[data-theme=oscuro] .scan-card .sub{color:#8aa89a}.scan-id{background:#22303c;border-radius:9px;flex:none;width:90px;height:58px;position:relative;overflow:hidden}.scan-id i{background:#ffffff4d;border-radius:3px;position:absolute}.scan-id .i1{background:#ffffff59;height:7px;inset:8px 8px auto}.scan-id .i2{background:#ffffff80;border-radius:5px;width:26px;height:26px;top:22px;left:8px}.scan-id .i3{height:6px;top:22px;left:40px;right:8px}.scan-id .i4{background:#ffffff38;height:6px;top:34px;left:40px;right:14px}@keyframes scan-id-linea{0%{transform:translateY(0)}to{transform:translateY(98px)}}.scan-id .linea{background:linear-gradient(#4be89a00,#4be89aaa,#4be89a00);height:40px;animation:1.1s linear infinite scan-id-linea;position:absolute;top:-40px;left:0;right:0}@media (prefers-reduced-motion:reduce){.scan-id .linea{opacity:.6;animation:none;top:20px}}.scan-card .btn-scan{border-radius:var(--r-input);color:#fff;cursor:pointer;white-space:nowrap;background:#22303c;border:none;flex:none;padding:11px 18px;font:600 13.5px Public Sans}[data-theme=oscuro] .scan-card .btn-scan{background:#2ea373}.scan-card .btn-scan:disabled{cursor:default;background:#8fc9ad}.doc-tipos{gap:10px;margin-bottom:20px;display:flex}.doc-tipos button{border-radius:var(--r-opcion);cursor:pointer;border:1.5px solid var(--bd);background:var(--su);color:var(--t2);flex:1;padding:11px 8px;font:600 13.5px Public Sans;transition:all .12s}.doc-tipos button.on{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-tint)}@media (width<=720px){.app-header{gap:10px!important;padding:8px 14px!important}.app-header .logo{height:26px!important}.app-header .usuario-datos{display:none!important}.app-header .estado{gap:1px!important}.app-header .estado .detalle{display:none!important}.app-header .estado>span{font-size:10.5px!important}.app-header nav{gap:3px!important}.app-header nav button{padding:7px 9px!important;font-size:12px!important}.wizard{flex-direction:column!important;gap:14px!important}.wizard-pasos{scrollbar-width:none;gap:6px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto;min-width:0!important}.wizard-pasos::-webkit-scrollbar{display:none}.wizard-pasos button{flex:none;gap:7px!important;width:auto!important;margin-bottom:0!important;padding:7px 11px!important;font-size:12.5px!important}.wizard-pasos button span{width:20px!important;height:20px!important;font-size:11px!important}.wizard-pasos .total-lateral{display:none!important}.wizard-contenido{width:100%;min-width:0!important}.wizard-contenido .dos-columnas{grid-template-columns:1fr!important}.doc-tipos{flex-wrap:wrap}.doc-tipos button{flex:30%;padding:10px 6px!important;font-size:12.5px!important}.scan-card{flex-wrap:wrap}.scan-card .btn-scan{width:100%}h2{font-size:20px!important}.factura-fila{grid-template-columns:1fr auto auto;grid-template-areas:"quien quien quien""cuando monto acciones";align-items:center;gap:4px 10px!important;padding:12px 2px!important;display:grid!important}.factura-fila>span:first-child{grid-area:quien}.factura-fila .cuando{grid-area:cuando;justify-self:start}.factura-fila .monto{grid-area:monto;min-width:0!important}.factura-fila .acciones{grid-area:acciones}.catalogo-fila{grid-template-columns:auto 1fr;grid-template-areas:"codigo nombre""precio anadir";align-items:center;gap:8px 10px!important;display:grid!important}.catalogo-fila>span:first-child{grid-area:codigo;justify-self:start}.catalogo-fila>span:nth-child(2){grid-area:nombre}.catalogo-fila .precio{grid-area:precio;justify-self:start}.catalogo-fila .anadir{grid-area:anadir;justify-self:end}.catalogo-fila:not(:has(.precio+*)){grid-template-columns:1fr}.carrito-linea{gap:12px 10px!important}.carrito-linea>span:first-child{flex:100%!important}}.nav-movil{display:none}@media (width<=720px){.app-header .nav-escritorio{display:none!important}.nav-movil{z-index:90;background:var(--su);border-top:1px solid var(--bd);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-movil button{cursor:pointer;min-height:56px;color:var(--mu);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 4px;font:600 11px Public Sans;display:flex}.nav-movil button.activa{color:var(--brand-dark)}.nav-movil button .icono{font-size:19px;line-height:1;position:relative}.nav-movil button.activa .icono{text-shadow:0 0}.nav-movil button.activa:before{content:"";background:var(--brand);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:22%;right:22%}.nav-movil button{position:relative}.nav-movil .punto{background:var(--brand);color:#fff;border-radius:9px;place-items:center;min-width:16px;height:16px;padding:0 4px;font:700 10px Public Sans;display:grid;position:absolute;top:-5px;left:13px}.contenido{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}}.app-header{z-index:80;position:sticky;top:0}.punto-vivo{background:var(--brand);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #1d9e7533}@media (prefers-reduced-motion:no-preference){.punto-vivo{animation:2s ease-in-out infinite latido}}@keyframes latido{50%{box-shadow:0 0 0 7px #1d9e7512}}
