:root{--marca:#0e6e63;--marca-hover:#0a544b;--marca-suave:#e6f3f1;--marca-borde:#b5d9d3;--fondo:#fff;--fondo-pagina:#e9efee;--fondo-seccion:#f3f5f5;--fondo-hover:#f5f7f7;--tinta:#111414;--tinta-suave:#5f6b6a;--tinta-tenue:#8b9796;--borde:#d3dbda;--divisor:#eaeeee;--error:#c42d1a;--error-suave:#fdecea;--aviso:#8a5300;--aviso-suave:#fdf1dc;--radio:10px;--radio-chico:6px;--sombra:0 1px 3px #00000014, 0 8px 24px #0000000f;--fuente:"Mona Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--fondo-pagina);color:var(--tinta);font-family:var(--fuente);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}body.sin-scroll{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline-offset:2px;outline:3px solid #0e6e6359}h1,h2,h3,p{margin:0}.tenue{color:var(--tinta-tenue)}.app,.pagina{min-height:100dvh}.pagina{background:var(--fondo);max-width:36rem;padding-bottom:env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}@media (width>=640px){.pagina{box-shadow:var(--sombra)}}.barra{z-index:10;min-height:56px;padding:env(safe-area-inset-top) 12px 0;background:var(--marca);color:#fff;align-items:center;gap:8px;display:flex;position:sticky;top:0}.barra__icono{color:#fff;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.barra__icono:hover{background:#ffffff1f}.barra__titulo{font-size:16px;font-weight:600}.barra__usuario{color:#fff;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:4px 8px 4px 4px;font-weight:600;display:flex}.barra__usuario:hover{background:#ffffff1f}.avatar{width:30px;height:30px;color:var(--marca);background:#fff;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.barra__derecha{align-items:center;gap:8px;margin-left:auto;display:flex}.barra__nube{color:#fff;background:#ffffff2e;border:0;border-radius:999px;align-items:center;gap:6px;height:34px;padding:0 10px 0 12px;font-size:13px;font-weight:600;display:inline-flex}.barra__nube:hover{background:#ffffff47}.barra__insignia{color:#3d2a00;text-align:center;background:#ffc857;border-radius:999px;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;line-height:20px}.barra__texto{color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.barra__sinsenal{background:#00000040;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.banda-sinsenal{color:#fff;background:#262b2b;align-items:flex-start;gap:10px;padding:10px 16px;font-size:13px;display:flex}.cabecera{flex-direction:column;gap:12px;padding:20px 16px 18px;display:flex}.cabecera--compacta{gap:12px;padding-bottom:12px}.cabecera h1{letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.15}.cabecera__fecha{color:var(--tinta-suave);margin-bottom:-8px;font-size:13px}.cabecera__fila{justify-content:space-between;align-items:center;gap:12px;display:flex}.cabecera__ayuda{color:var(--tinta-suave);margin-top:-6px;font-size:13px}.resumen{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.resumen__dato{border:1px solid var(--divisor);border-radius:var(--radio);background:var(--fondo-seccion);text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;display:flex}.resumen__dato small{color:var(--tinta-suave);font-size:11px;font-weight:600;line-height:1.2}.resumen__dato strong{font-size:20px;line-height:1.2}.resumen__dato span{color:var(--tinta-suave);font-size:12px}.resumen__dato--marca{background:var(--marca);border-color:var(--marca);color:#fff}.resumen__dato--marca small,.resumen__dato--marca span{color:#fffc}button.resumen__dato:hover{border-color:var(--borde)}button.resumen__dato.activo{border-color:var(--marca);background:var(--marca-suave);box-shadow:inset 0 0 0 1px var(--marca)}.filtros{border-bottom:1px solid var(--divisor);flex-direction:column;gap:10px;padding:4px 16px 14px;display:flex}.filtros__titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-suave);align-items:center;gap:6px;margin-bottom:-2px;font-size:12px;font-weight:600;display:flex}.carril{scrollbar-width:none;gap:8px;margin:0 -16px;padding:2px 16px;scroll-padding:16px;display:flex;overflow-x:auto}.carril::-webkit-scrollbar{display:none}@media (hover:hover) and (width>=640px){.carril{flex-wrap:wrap;overflow:visible}}.filtro{border:1px solid var(--borde);background:var(--fondo);height:38px;color:var(--tinta);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 14px;font-size:13px;font-weight:500;display:inline-flex}.filtro:hover{border-color:var(--tinta-tenue)}.filtro[aria-checked=true]{background:var(--marca);border-color:var(--marca);color:#fff}.filtro__dia{text-transform:uppercase;background:var(--fondo-seccion);color:var(--tinta-suave);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:700}.filtro[aria-checked=true] .filtro__dia{color:#fff;background:#fff3}.filtro--chico{gap:6px;height:32px;padding:0 12px}.filtro__n{color:var(--tinta-tenue);font-size:11px;font-weight:700}.filtro[aria-checked=true] .filtro__n{color:#fffc}.punto{border-radius:50%;width:8px;height:8px}.filtro[aria-checked=true] .punto{box-shadow:0 0 0 2px #fff}.buscador{border:1px solid var(--borde);border-radius:var(--radio);background:var(--fondo);height:46px;color:var(--tinta-suave);align-items:center;gap:8px;padding:0 12px;display:flex}.buscador:focus-within{border-color:var(--marca);box-shadow:0 0 0 3px #0e6e6326}.buscador input{min-width:0;font:inherit;color:var(--tinta);background:0 0;border:0;outline:0;flex:1;font-size:16px}.buscador input::-webkit-search-cancel-button{display:none}.buscador input::placeholder{color:var(--tinta-tenue)}.buscador button{background:var(--fondo-seccion);width:28px;height:28px;color:var(--tinta-suave);border:0;border-radius:50%;place-items:center;display:grid}.chip{white-space:nowrap;border-radius:999px;flex:none;align-items:center;height:24px;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.chip--borrador{color:#4a5453;background:#eceeee}.chip--enviado{background:var(--aviso-suave);color:var(--aviso)}.chip--confirmado{color:#1d4f91;background:#e4eefb}.chip--facturado{color:#1e7b34;background:#e3f3e7}.chip--anulado{background:var(--error-suave);color:var(--error)}.punto--borrador,.barra--borrador{background:#a3adac}.punto--enviado,.barra--enviado{background:#e0a23a}.punto--confirmado,.barra--confirmado{background:#3b7ad6}.punto--facturado,.barra--facturado{background:#2f9e4f}.punto--anulado,.barra--anulado{background:#d9534f}.listado-encabezado{color:var(--tinta-suave);justify-content:space-between;padding:12px 16px 4px;font-size:12px;font-weight:600;display:flex}.grupo__titulo{z-index:5;background:var(--fondo-seccion);border-top:1px solid var(--divisor);border-bottom:1px solid var(--divisor);justify-content:space-between;padding:10px 16px;font-size:13px;font-weight:700;display:flex;position:sticky;top:56px}.grupo__titulo span{color:var(--tinta-suave);font-weight:600}.lista{margin:0;padding:0;list-style:none}.lista>li+li{border-top:1px solid var(--divisor)}.fila-pedido{text-align:left;background:0 0;border:0;gap:12px;width:100%;padding:14px 16px 14px 0;display:flex}.fila-pedido:hover{background:var(--fondo-hover)}.fila-pedido__barra{border-radius:0 4px 4px 0;flex:none;width:4px}.fila-pedido__cuerpo{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.fila-pedido__linea1,.fila-pedido__linea2{justify-content:space-between;align-items:center;gap:12px;display:flex}.fila-pedido__linea1 strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.fila-pedido__total{font-variant-numeric:tabular-nums;font-weight:700}.fila-pedido__linea2>span:first-child,.fila-pedido__linea3{color:var(--tinta-suave);font-size:13px}.fila-pedido__linea3{align-items:center;gap:4px;display:flex}.fila-pedido--anulado .fila-pedido__linea1{color:var(--tinta-tenue)}.fila-pedido--anulado .fila-pedido__total{text-decoration:line-through}.fila-cliente{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.fila-cliente:hover{background:var(--fondo-hover)}.fila-cliente__avatar{background:var(--marca-suave);width:40px;height:40px;color:var(--marca);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.fila-cliente__cuerpo{flex-direction:column;flex:1;min-width:0;display:flex}.fila-cliente__cuerpo>span{color:var(--tinta-suave);font-size:13px}.fila-cliente__cuerpo .fila-cliente__ultimo{color:var(--tinta-tenue);font-size:12px}.saldo{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:14px;font-weight:700;display:flex}.saldo small{color:#1e7b34;font-size:11px;font-weight:600}.saldo--debe,.saldo--debe small{color:var(--error)}.cliente-tarjeta{border-radius:var(--radio);background:var(--fondo-seccion);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.cliente-tarjeta strong{font-size:16px}.cliente-tarjeta span{color:var(--tinta-suave);font-size:13px}.cliente-tarjeta__ruta{align-items:center;gap:4px;display:flex}.aviso-saldo,.aviso-info{border-radius:var(--radio);align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.aviso-saldo{background:var(--aviso-suave);color:var(--aviso)}.aviso-info{background:var(--marca-suave);color:var(--marca-hover)}.datos{grid-template-columns:repeat(3,1fr);gap:8px;margin:0;display:grid}.datos div{min-width:0}.datos dt{color:var(--tinta-tenue);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.datos dd{margin:0;font-size:14px;font-weight:600}.seccion-titulo{background:var(--fondo-seccion);border-top:1px solid var(--divisor);border-bottom:1px solid var(--divisor);justify-content:space-between;align-items:baseline;padding:14px 16px;display:flex}.seccion-titulo h2{font-size:16px}.seccion-titulo span{color:var(--tinta-suave);font-size:13px}.linea{align-items:center;gap:12px;padding:12px 16px;display:flex}.linea__info{flex-direction:column;flex:1;min-width:0;display:flex}.linea__info strong{font-weight:600}.linea__info span{color:var(--tinta-suave);font-size:13px}.linea__derecha{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.linea__total{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.linea__cantidad{border-radius:var(--radio-chico);background:var(--marca-suave);min-width:36px;height:36px;color:var(--marca);flex:none;place-items:center;padding:0 6px;font-weight:700;display:grid}.contador{border:1px solid var(--borde);background:var(--fondo);border-radius:999px;align-items:center;display:flex;overflow:hidden}.contador button{width:36px;height:34px;color:var(--marca);background:0 0;border:0;place-items:center;display:grid}.contador button:hover{background:var(--marca-suave)}.contador input{border:0;border-left:1px solid var(--divisor);border-right:1px solid var(--divisor);text-align:center;width:40px;height:34px;font:inherit;color:var(--tinta);outline:0;font-size:15px;font-weight:700}.contador input:focus{background:var(--marca-suave)}.nota{border-top:1px solid var(--divisor);flex-direction:column;gap:6px;padding:16px;display:flex}.nota label,.nota>span{color:var(--tinta-suave);font-size:13px;font-weight:600}.nota textarea{border:1px solid var(--borde);border-radius:var(--radio);width:100%;font:inherit;resize:vertical;color:var(--tinta);padding:10px 12px;font-size:16px}.nota textarea:focus{border-color:var(--marca);outline:0;box-shadow:0 0 0 3px #0e6e6326}.nota--lectura p{border-radius:var(--radio);background:var(--aviso-suave);color:#5c3a00;padding:10px 12px}.totales{border-top:1px solid var(--divisor);justify-content:space-between;align-items:baseline;padding:16px;display:flex}.totales span{color:var(--tinta-suave);font-weight:600}.totales strong{font-variant-numeric:tabular-nums;font-size:24px}.tachado{color:var(--tinta-tenue);text-decoration:line-through}.seguimiento{padding:4px 16px 18px}.seguimiento__titulo{text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-suave);margin-bottom:10px;font-size:13px;font-weight:700}.seguimiento ol{margin:0;padding:0;list-style:none}.paso{gap:12px;padding-bottom:14px;display:flex;position:relative}.paso:last-child{padding-bottom:0}.paso:before{content:"";background:var(--divisor);width:2px;position:absolute;top:24px;bottom:0;left:11px}.paso:last-child:before{display:none}.paso--hecho:before{background:#8fcf9f}.paso__marca{border:2px solid var(--borde);background:var(--fondo);color:#fff;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;display:grid}.paso--hecho .paso__marca{background:#2f9e4f;border-color:#2f9e4f}.paso--actual .paso__marca{color:#b37400;border-color:#e0a23a}.paso--anulado .paso__marca{background:var(--error);border-color:var(--error)}.paso__texto{flex-direction:column;padding-top:1px;display:flex}.paso__texto strong{font-size:14px;font-weight:600}.paso--pendiente .paso__texto strong{color:var(--tinta-tenue);font-weight:500}.paso__texto span{color:var(--tinta-suave);font-size:12px}.seguimiento__nota{color:var(--tinta-suave);align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.boton{border-radius:var(--radio);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 16px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.boton--ancho{width:100%}.boton--principal{background:var(--marca);color:#fff}.boton--principal:hover:not(:disabled){background:var(--marca-hover)}.boton--principal:disabled{background:#a9c9c4}.boton--borde{background:var(--fondo);border-color:var(--marca);color:var(--marca)}.boton--borde:hover{background:var(--marca-suave)}.boton--peligro{background:var(--error);color:#fff}.boton--peligro-borde{border-color:var(--error);color:var(--error)}.boton--peligro-borde:hover{background:var(--error-suave)}.enlace-peligro{color:var(--error);background:0 0;border:0;align-self:center;align-items:center;gap:6px;margin:8px 0 16px;padding:8px 12px;font-size:14px;font-weight:600;display:inline-flex}.icono-suelto{width:36px;height:36px;color:var(--tinta-suave);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.icono-suelto:hover{background:var(--fondo-seccion)}.pie{z-index:8;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--divisor);background:#fffffff5;gap:10px;margin-top:auto;display:grid;position:sticky;bottom:0}.pie--doble{grid-template-columns:1fr 1.3fr}.vacio{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:48px 32px;display:flex}.vacio__icono{background:var(--fondo-seccion);width:60px;height:60px;color:var(--tinta-tenue);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.vacio h3{font-size:17px}.vacio p{color:var(--tinta-suave);max-width:22rem;font-size:14px}.hoja-fondo{z-index:50;color:var(--tinta);background:#0a141473;justify-content:center;align-items:flex-end;font-weight:400;animation:.18s ease-out aparecer;display:flex;position:fixed;inset:0}.hoja{background:var(--fondo);width:100%;max-width:36rem;max-height:88dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;flex-direction:column;animation:.24s cubic-bezier(.2,.8,.2,1) subir;display:flex}.hoja--alta{height:88dvh}.hoja__asa{background:var(--borde);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.hoja__encabezado{justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 16px 8px;display:flex}.hoja__encabezado h2{font-size:18px}.hoja__encabezado p{color:var(--tinta-suave);margin-top:2px;font-size:13px}.hoja__buscador{padding:4px 16px 10px}.hoja__buscador .buscador{border:2px solid var(--marca)}.hoja .lista{border-top:1px solid var(--divisor);flex:1;overflow-y:auto}.hoja__pie{border-top:1px solid var(--divisor);padding:12px 16px}.hoja__acciones{grid-template-columns:1fr 1fr;gap:10px;padding:12px 16px 16px;display:grid}.menu-lista{flex-direction:column;padding:4px 8px 16px;display:flex}.menu-lista button{border-radius:var(--radio);text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:14px 12px;font-weight:500;display:flex}.menu-lista button:hover{background:var(--fondo-seccion)}.menu-lista .peligro{color:var(--error)}.producto{align-items:center;gap:8px;padding-right:16px;display:flex}.producto--en{background:var(--marca-suave)}.producto__principal{text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-width:0;padding:12px 8px 12px 16px;display:flex}.producto__info{flex-direction:column;flex:1;min-width:0;display:flex}.producto__info strong{font-weight:600}.producto__info>span{color:var(--tinta-suave);font-size:13px}.producto__info .producto__existencia{color:var(--tinta-tenue);font-size:12px}.producto__existencia.bajo{color:var(--aviso)}.producto__precio{font-variant-numeric:tabular-nums;font-weight:700}.producto--agotado .producto__info strong,.producto--agotado .producto__precio{color:var(--tinta-tenue)}.producto--agotado .producto__existencia{color:var(--error)}.producto-vacio{text-align:center;color:var(--tinta-suave);padding:32px 16px}.sinc{flex-direction:column;gap:16px;padding:8px 16px 16px;display:flex}.sinc__flujo{border-radius:var(--radio);background:var(--fondo-seccion);align-items:center;gap:12px;padding:16px;display:flex}.sinc__nodo{color:var(--tinta-suave);flex-direction:column;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sinc__icono{color:#fff;background:#3d4a49;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.sinc__icono--app{background:var(--marca)}.sinc__linea{background:repeating-linear-gradient(90deg, var(--borde) 0 8px, transparent 8px 14px);border-radius:2px;flex:1;height:3px;margin-bottom:18px}.sinc__linea--activa{background:repeating-linear-gradient(90deg, var(--marca) 0 8px, transparent 8px 14px);background-size:28px 3px;animation:.6s linear infinite correr}.sinc__lista{flex-direction:column;gap:10px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.sinc__lista li{align-items:flex-start;gap:10px;display:flex}.sinc__lista svg{flex:none;margin-top:1px}.ok{color:#2f9e4f}.pendiente{color:#b37400}.sinc__nota{color:var(--tinta-suave);border-left:3px solid var(--marca-borde);background:var(--fondo-seccion);border-radius:0 var(--radio-chico) var(--radio-chico) 0;padding:10px 12px;font-size:13px}.gira{animation:.9s linear infinite girar}.aviso{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));z-index:60;border-radius:var(--radio);color:#fff;background:#232828;align-items:center;gap:16px;width:max-content;max-width:calc(100% - 32px);padding:12px 16px;font-size:14px;animation:.2s ease-out subir-aviso;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.aviso button{color:#7fe0cf;background:0 0;border:0;flex:none;padding:4px;font-weight:700}.ingreso{min-height:100dvh;padding:calc(48px + env(safe-area-inset-top)) 16px 32px;background:radial-gradient(120% 60% at 50% 0%, #138577 0%, var(--marca) 45%, #0a4f47 100%) top / 100% 360px no-repeat, var(--fondo-pagina);flex-direction:column;align-items:center;display:flex}.ingreso__marca{color:#fff;text-align:center;flex-direction:column;align-items:center;gap:6px;margin-bottom:28px;display:flex}.ingreso__marca img{border-radius:16px;margin-bottom:8px;box-shadow:0 0 0 3px #ffffff40,0 10px 30px #00000040}.ingreso__marca h1{letter-spacing:-.02em;font-size:30px}.ingreso__marca p{color:#ffffffd9}.ingreso__tarjeta{background:var(--fondo);width:100%;max-width:24rem;box-shadow:var(--sombra);border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex}.ingreso__empresa{border-radius:var(--radio);background:var(--marca-suave);align-items:center;gap:12px;padding:10px 12px;display:flex}.ingreso__empresa-icono{background:var(--marca);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.ingreso__empresa div{flex-direction:column;line-height:1.25;display:flex}.ingreso__empresa small{color:var(--marca);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.campo{flex-direction:column;gap:6px;display:flex}.campo>span{color:var(--tinta-suave);font-size:13px;font-weight:600}.campo input{border:1px solid var(--borde);border-radius:var(--radio);width:100%;height:48px;font:inherit;color:var(--tinta);background:var(--fondo);padding:0 12px;font-size:16px}.campo input:focus{border-color:var(--marca);outline:0;box-shadow:0 0 0 3px #0e6e6326}.campo__con-boton{position:relative}.campo__con-boton input{padding-right:48px}.campo__con-boton button{width:40px;height:40px;color:var(--tinta-suave);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:4px;right:4px}.ingreso__error{color:var(--error);align-items:center;gap:6px;font-size:14px;display:flex}.ingreso__pista{text-align:center;color:var(--tinta-suave);border-top:1px dashed var(--divisor);padding-top:4px;font-size:13px}@keyframes aparecer{0%{opacity:0}}@keyframes subir{0%{transform:translateY(100%)}}@keyframes subir-aviso{0%{opacity:0;transform:translate(-50%,12px)}}@keyframes girar{to{transform:rotate(360deg)}}@keyframes correr{to{background-position:28px 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=360px){.resumen{grid-template-columns:1fr 1fr}.resumen__dato--marca{grid-column:1/-1}}