:root{--navy: #003153;--navy-800: #002844;--navy-100: #E6ECF2;--cian: #00A8E8;--verde: #0E7A57;--ambar: #9C6A08;--rojo: #B32635;--tinta: #1B2733;--tinta-2: #43505E;--tinta-3: #78889A;--tinta-4: #9DABB8;--fondo: #EBF0F5;--papel: #FFFFFF;--superficie: #F6F9FB;--linea: #E1E7ED;--linea-2: #D6DEE6;--ambar-bg: #FCF7EA;--ambar-linea: #EFE3C8;--rojo-bg: #FDF2F3;--rojo-linea: #F0C4C9;--verde-bg: #E8F6F0;--texto: "Inter", -apple-system, "Segoe UI", Roboto, sans-serif;--dato: "JetBrains Mono", ui-monospace, Consolas, monospace;--marca: "Righteous", cursive;--r: 8px;--r2: 12px}*{box-sizing:border-box}html,body,#raiz{height:100dvh;min-height:100dvh}body{margin:0;background:var(--fondo);color:var(--tinta);font-family:var(--texto);font-size:14px;-webkit-font-smoothing:antialiased}.m{font-family:var(--dato);font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--cian);outline-offset:2px}.campo{height:38px;border:1px solid var(--linea-2);border-radius:7px;background:var(--papel);display:flex;align-items:center;gap:8px;padding:0 11px;font-size:13.5px;width:100%}input.campo,select.campo{-webkit-appearance:none;-moz-appearance:none;appearance:none}input.campo::placeholder{color:var(--tinta-4)}.rot{font-size:11px;font-weight:600;color:var(--tinta-3)}.btn{height:40px;padding:0 15px;border:1px solid var(--linea-2);border-radius:var(--r);background:var(--papel);color:var(--tinta-2);font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover:not(:disabled){background:var(--superficie)}.btn-principal{background:var(--navy);border-color:var(--navy);color:#fff}.btn-principal:hover:not(:disabled){background:var(--navy-800)}.btn-peligro{background:var(--rojo-bg);border-color:var(--rojo-linea);color:var(--rojo)}.tarjeta{background:var(--papel);border:1px solid var(--linea);border-radius:var(--r2);overflow:hidden}.imp{font-family:var(--dato);font-size:10.5px;font-weight:700}.imp-00{color:var(--verde)}.imp-01{color:var(--tinta-2)}.imp-02{color:var(--ambar)}.imp-03{color:var(--rojo)}.aviso{padding:10px 13px;border-radius:var(--r);font-size:13px;border:1px solid var(--rojo-linea);background:var(--rojo-bg);color:var(--rojo)}.venta{height:100dvh;display:flex;gap:14px;padding:14px}.ficha{background:var(--papel);border:1px solid var(--linea);border-radius:10px;padding:13px;display:flex;flex-direction:column;position:relative;text-align:left;min-width:0}.ficha:hover{border-color:var(--navy)}.ficha.puesta{border-color:var(--navy);background:#f7fafd}.ficha.agotada{opacity:.55}.ficha .nombre{font-size:15px;font-weight:600;line-height:1.3}.ficha .precio{font-size:24px;font-weight:700;color:var(--navy);line-height:1}.ficha .stock{font-size:11.5px;color:var(--tinta-4);margin-top:6px}.cant{display:flex;align-items:center;border:1px solid var(--linea-2);border-radius:8px;overflow:hidden;background:var(--papel);flex:none}.cant button{width:28px;height:34px;border:0;background:transparent;color:var(--tinta-2);font-size:16px;display:grid;place-items:center}.cant button:hover{background:var(--superficie)}.cant input{width:46px;height:34px;border:0;border-left:1px solid var(--linea);border-right:1px solid var(--linea);text-align:center;font-family:var(--dato);font-size:14px;font-weight:700;background:transparent}.fila-linea{display:grid;grid-template-columns:minmax(0,1fr) 52px 92px 100px 32px;align-items:center;gap:12px;padding:11px 18px;border-bottom:1px solid #F2F5F8}.fila-linea.activa{background:#f5f9fd;box-shadow:inset 3px 0 0 var(--navy)}.tot{display:flex;justify-content:space-between;align-items:baseline;font-size:13.5px;color:var(--tinta-2)}.cargando{display:grid;place-items:center;height:100dvh;color:var(--tinta-3)}.barra{height:56px;flex:none;background:var(--navy);color:#fff;display:flex;align-items:center;gap:4px;padding:0 16px;min-width:0}.barra-marca{font-family:var(--marca);font-size:19px;letter-spacing:.02em;padding-right:14px;flex:none;white-space:nowrap}.barra-nav{display:flex;gap:4px;min-width:0}.barra-nav button{padding:7px 11px;border-radius:6px;border:0;font-size:12.5px;white-space:nowrap;flex:none;background:transparent;color:#c0d0dd}.barra-nav button.puesta{background:#ffffff24;color:#fff;font-weight:600}.barra-usuario{font-size:13px;padding:0 12px;white-space:nowrap}.barra-menu{display:none}.barra-salir{height:32px;background:transparent;border-color:#ffffff4d;color:#fff}.barra-vender{height:34px;background:var(--cian);border-color:var(--cian)}@media (max-width: 1100px){.barra-nav{overflow-x:auto;scrollbar-width:none}.barra-nav::-webkit-scrollbar{display:none}}@media (max-width: 860px){.barra{padding:0 10px}.barra-nav,.barra-usuario{display:none}.barra-menu{display:inline-grid;place-items:center;width:38px;height:38px;border:0;border-radius:8px;background:#ffffff1f;color:#fff;flex:none}}.cajon{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80}.cajon-velo{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b162073}.cajon-panel{position:absolute;left:0;top:0;bottom:0;width:min(78vw,290px);background:var(--papel);display:flex;flex-direction:column;padding:14px 12px;gap:3px;box-shadow:2px 0 20px #0000002e}.cajon-panel button{text-align:left;padding:13px 14px;border:0;border-radius:9px;background:transparent;color:var(--tinta-2);font-size:15px;font-weight:500}.cajon-panel button.puesta{background:var(--navy-100);color:var(--navy);font-weight:700}.cabecera{min-height:64px;flex:none;background:var(--papel);border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:14px;padding:0 22px}.cabecera-titulo{font-family:var(--marca);font-size:20px;color:var(--navy)}.cabecera .crece{flex:1}@media (max-width: 860px){.cabecera{flex-wrap:wrap;padding:12px 14px;gap:10px}.cabecera .crece{flex:0 0 100%;height:0}.cabecera>*:not(.cabecera-titulo):not(.crece){flex:1 1 auto}}.contenido{flex:1;overflow-y:auto;overflow-x:hidden}.contenido-caja{max-width:1240px;margin:0 auto;padding:22px}@media (max-width: 860px){.contenido-caja{padding:16px 14px}}@media (max-width: 640px){.contenido-caja{padding:12px 10px}}.tabla-marco{overflow-x:auto;-webkit-overflow-scrolling:touch}.tabla-rejilla{display:grid;grid-template-columns:var(--cols);gap:14px;align-items:center}@media (max-width: 860px){.tabla-rejilla{min-width:var(--min, 660px)}}.tarjetas{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}@media (max-width: 400px){.tarjetas{grid-template-columns:1fr 1fr}}.fila-form{display:grid;grid-template-columns:var(--cols);gap:var(--gap, 14px)}@media (max-width: 640px){.fila-form{grid-template-columns:1fr}}.buscador{width:var(--ancho, 340px);max-width:100%}@media (max-width: 640px){.buscador{width:100%}}.modal-velo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b162073;display:grid;place-items:center;z-index:60;padding:20px}.modal-panel{width:var(--ancho, 560px);max-width:100%;max-height:90dvh;display:flex;flex-direction:column}@media (max-width: 640px){.modal-velo{padding:0;align-items:flex-end}.modal-panel{width:100%;max-height:94dvh;border-radius:14px 14px 0 0}}.venta-catalogo{flex:1;min-width:0;display:flex;flex-direction:column}.venta-ticket{width:624px;flex:none;display:flex;flex-direction:column}@media (max-width: 1200px){.venta-ticket{width:520px}}@media (max-width: 1000px){.venta-ticket{width:430px}}@media (max-width: 900px){.venta{flex-direction:column;padding:10px;gap:10px;height:100dvh}.venta-catalogo{flex:1 1 auto;min-height:0}.venta-ticket{width:100%;flex:0 0 auto;max-height:52dvh}}@media (max-width: 640px){.venta{padding:7px;gap:7px}.venta-ticket{max-height:44dvh}.ficha{padding:10px}.ficha .precio{font-size:20px}.ficha .nombre{font-size:14px}}@media (max-width: 640px){.fila-linea{grid-template-columns:minmax(0,1fr) 46px 84px 30px;gap:8px;padding:10px 12px}.fila-linea .col-precio{display:none}}@media (max-width: 860px) and (pointer: coarse){.btn{height:44px}.campo{height:44px;font-size:16px}input.campo,select.campo{font-size:16px}}.rejilla-fichas{flex:1;padding:13px;display:grid;overflow:hidden;gap:12px;grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-template-rows:repeat(var(--filas),minmax(0,1fr))}.caja-barra{height:62px;flex:none;border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:10px;padding:0 13px}@media (max-width: 760px){.rejilla-fichas{grid-template-columns:repeat(auto-fill,minmax(148px,1fr));grid-template-rows:none;grid-auto-rows:minmax(178px,auto);overflow-y:auto;padding:10px;gap:9px}.ficha-foto{min-height:70px}.caja-barra{height:auto;flex-wrap:wrap;padding:10px;gap:8px}.caja-barra>.campo{flex:1 1 100%;order:3}}.caja-pie{height:44px;flex:none;border-top:1px solid var(--linea);display:flex;align-items:center;gap:12px;padding:0 13px}@media (max-width: 760px){.caja-pie{height:40px;gap:8px;padding:0 10px}.caja-pie-quien,.caja-pie .estado-texto{display:none}}.ficha-foto{flex:1;min-height:0;margin:8px 0;display:flex}.ficha-foto>*{width:100%;height:100%}@media (max-width: 760px){.ficha-foto{margin:6px 0}}.cot-fila{--cols: minmax(0,1fr) 78px 96px 92px 28px}@media (max-width: 860px){.cot-fila{min-width:560px}}.fila-encontrado{width:100%;display:flex;align-items:center;gap:10px;padding:9px 13px;border:0;border-bottom:1px solid #F2F5F8;background:transparent;font-size:13.5px}.fila-encontrado:last-child{border-bottom:0}.fila-encontrado:hover{background:var(--superficie)}.nc-fila{--cols: minmax(0,1fr) 84px 92px 96px}@media (max-width: 860px){.nc-fila{min-width:500px}}.imp-fila{--cols: 52px 150px 110px minmax(0,1fr)}@media (max-width: 860px){.imp-fila{min-width:520px}}.pestanas{display:flex;gap:2px;padding:3px;background:var(--superficie);border-radius:8px;min-width:0;max-width:100%}.pestanas button{white-space:nowrap;flex:none}@media (max-width: 900px){.pestanas{overflow-x:auto;scrollbar-width:none}.pestanas::-webkit-scrollbar{display:none}}