:root{--fondo:#f6f7f5;--tarjeta:#fff;--texto:#1b1f1d;--suave:#626b66;--linea:#e1e5e2;--acento:#1f7a5a;--acento-texto:#fff;--claude:#7c4dff;--claude-fondo:#efe9ff;--peligro:#c0392b;--sombra:0 -2px 12px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fondo:#121513;--tarjeta:#1c211e;--texto:#eef2ef;--suave:#9aa59f;--linea:#2b322e;--acento:#35b37f;--acento-texto:#04170f;--claude-fondo:#2a2147;--peligro:#ff7a6b;--sombra:0 -2px 12px #00000080}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--fondo);color:var(--texto);margin:0}body{overscroll-behavior-y:none;font:18px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select{font:inherit;color:inherit}button{cursor:pointer}ul{margin:0;padding:0;list-style:none}.splash{height:100dvh;color:var(--suave);place-items:center;display:grid}.app{max-width:640px;padding-bottom:calc(96px + env(safe-area-inset-bottom));margin:0 auto}.cabecera{z-index:5;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--fondo);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.cabecera h1{white-space:nowrap;margin:0;font-size:24px}.estado{align-items:center;gap:10px;display:flex}.chip{white-space:nowrap;background:var(--linea);color:var(--suave);border-radius:999px;padding:4px 10px;font-size:14px}.chip.sin-red{color:#5c4200;background:#ffe9b8}@media (prefers-color-scheme:dark){.chip.sin-red{color:#ffe4a1;background:#4a3a10}}.banda{color:#5c4200;text-align:left;background:#ffe9b8;border:0;border-radius:12px;justify-content:space-between;width:calc(100% - 32px);margin:0 16px 8px;padding:10px 14px;display:flex}.filtros{scrollbar-width:none;gap:6px;padding:4px 12px 12px;display:flex;overflow-x:auto}.filtros button{white-space:nowrap;border:1px solid var(--linea);background:var(--tarjeta);border-radius:999px;flex:1 0 auto;min-height:44px;padding:10px;font-size:15px}.filtros button.activo{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:600}.vacio{text-align:center;color:var(--suave);padding:32px 16px}.super{background:var(--tarjeta);border:1px solid var(--linea);border-radius:16px;margin:0 12px 14px;overflow:hidden}.super-titulo{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;min-height:56px;padding:14px 16px;font-size:20px;font-weight:700;display:flex}.super-titulo .cuenta{background:var(--linea);color:var(--suave);border-radius:999px;padding:0 10px;font-size:15px;font-weight:600}.super-titulo .flecha{color:var(--suave);margin-left:auto}.categoria{letter-spacing:.04em;text-transform:uppercase;color:var(--suave);margin:0;padding:6px 16px 4px;font-size:13px}.fila{border-top:1px solid var(--linea);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;align-items:center;gap:14px;min-height:60px;padding:8px 16px;display:flex}.fila:active{background:var(--linea)}.fila.claude{background:var(--claude-fondo);border-left:4px solid var(--claude);padding-left:12px}.casilla{border:2.5px solid var(--suave);border-radius:8px;flex:none;width:28px;height:28px}.texto{flex-wrap:wrap;flex:1;align-items:baseline;gap:2px 10px;min-width:0;display:flex}.nombre{overflow-wrap:anywhere;font-size:20px}.cantidad{color:var(--suave);font-size:16px}.etiqueta{color:var(--claude);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}@media (prefers-color-scheme:dark){.etiqueta{color:#b79cff}}.puntos{flex:none;display:flex}.puntos .punto+.punto{margin-left:-6px}.punto{color:#fff;border:2px solid var(--tarjeta);border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 3px;font-size:12px;font-weight:700;display:inline-grid}.punto.grande{border-color:var(--fondo);border-radius:16px;min-width:32px;height:32px;font-size:15px}.recientes{margin:8px 12px 0}.enlace{color:var(--suave);background:0 0;border:0;padding:12px 4px;font-size:16px}.recientes .fila.tachada{color:var(--suave);background:var(--tarjeta);justify-content:space-between}.recientes ul{border:1px solid var(--linea);border-radius:16px;overflow:hidden}.recientes .fila.tachada .nombre{text-decoration:line-through}.recientes .tachada-envoltorio{border-top:1px solid var(--linea);list-style:none;position:relative;overflow:hidden}.recientes .tachada-envoltorio:first-child{border-top:0}.recientes .tachada-envoltorio .fila{z-index:1;border-top:0;position:relative}.borrar-deslizable{color:#fff;background:#c0392b;border:0;width:96px;font-size:16px;font-weight:700;position:absolute;top:0;bottom:0;right:0}.vaciar{color:var(--suave);justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 0;font-size:14px;display:flex}.restaurar{border:1px solid var(--linea);background:0 0;border-radius:999px;min-height:44px;padding:8px 14px}.barra{z-index:6;max-width:640px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--tarjeta);box-shadow:var(--sombra);gap:10px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.barra input{border:1px solid var(--linea);background:var(--fondo);border-radius:14px;flex:1;min-width:0;padding:14px 16px}.barra button{background:var(--acento);color:var(--acento-texto);border:0;border-radius:14px;flex:none;min-height:52px;padding:0 20px;font-weight:700}.barra button:disabled{opacity:.45}.aviso{left:12px;right:12px;bottom:calc(86px + env(safe-area-inset-bottom));z-index:7;color:#fff;background:#222;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;max-width:616px;margin:0 auto;padding:12px 16px;display:flex;position:fixed;box-shadow:0 6px 20px #0000004d}.aviso button{color:#8fe3bd;background:0 0;border:0;min-height:44px;padding:10px;font-weight:700}.fondo{z-index:10;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.hoja{width:100%;max-width:640px;max-height:90dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--tarjeta);border-radius:20px 20px 0 0;overflow-y:auto}.hoja h2,.tarjeta h2{margin:0 0 8px;font-size:22px}.etq{letter-spacing:.04em;text-transform:uppercase;color:var(--suave);margin:14px 0 6px;font-size:13px}.hoja input,.hoja select,.tarjeta input{border:1px solid var(--linea);background:var(--fondo);border-radius:12px;width:100%;padding:14px}.segmentos{flex-wrap:wrap;gap:8px;display:flex}.segmentos button{border:1px solid var(--linea);background:var(--fondo);border-radius:12px;flex:1;min-width:90px;min-height:52px;padding:14px 8px}.segmentos button.activo{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:700}.acciones{gap:10px;margin-top:20px;display:flex}.acciones button,.primario{border:1px solid var(--linea);background:var(--fondo);border-radius:12px;flex:1;min-height:52px;padding:14px;font-weight:700}.primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);width:100%;margin-top:14px}.primario:disabled{opacity:.45}.acciones .primario{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);width:auto;margin-top:0}.peligro{color:var(--peligro)}.entrada{place-items:center;min-height:100dvh;padding:16px;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:20px;width:100%;max-width:420px;padding:24px 20px}.tarjeta p,.hoja p:not(.etq){color:var(--suave)}.codigo{text-align:center;letter-spacing:.35em;margin-top:14px;font-size:24px;font-weight:700}.error{color:var(--peligro)!important}.mini{object-fit:cover;background:var(--linea);border-radius:8px;flex:none;width:44px;height:44px}.foto-ficha{object-fit:contain;background:var(--fondo);border-radius:12px;width:100%;max-height:260px;margin-bottom:8px;display:block}.boton-archivo{border:1px solid var(--linea);background:var(--fondo);text-align:center;border-radius:12px;flex:1;place-items:center;min-width:90px;min-height:52px;padding:14px 8px;display:grid;position:relative;overflow:hidden}.boton-archivo.ocupado{opacity:.6}.boton-archivo input{opacity:0;cursor:pointer;width:100%;height:100%;padding:0;position:absolute;inset:0}.zona-casilla{background:0 0;border:0;flex:none;place-items:center;width:52px;height:52px;margin:-10px -8px -10px -12px;padding:0;display:grid}.mini{cursor:zoom-in}.visor{z-index:20;background:#000000e6;place-items:center;display:grid;position:fixed;inset:0}.visor img{object-fit:contain;max-width:100%;max-height:100%}.cerrar-visor{top:calc(12px + env(safe-area-inset-top));color:#fff;background:#fff3;border:0;border-radius:24px;width:48px;height:48px;font-size:22px;position:absolute;right:12px}.tienda{background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;margin:0 12px 8px;padding:8px 10px}.tienda.vacia{background:0 0;border:0;padding:0 4px}.tienda.vacia .enlace{padding:6px 4px;font-size:15px}.tienda.propuesta{border-color:var(--acento)}.tienda-fila{align-items:center;gap:8px;display:flex}.tienda-nombre{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;flex:1;min-width:0;min-height:44px;padding:8px 4px;font-weight:700}.tienda-pregunta{flex:1;min-width:0;padding:0 4px}.tienda-accion{border:1px solid var(--linea);background:var(--fondo);border-radius:999px;flex:none;min-height:44px;padding:8px 14px}.tienda-accion.si{background:var(--acento);border-color:var(--acento);color:var(--acento-texto);font-weight:700}.tienda-accion:disabled{opacity:.45}.segmentos.entradas{margin-top:8px}.segmentos.entradas button{min-height:44px;padding:8px}.lista-tiendas li+li{margin-top:6px}.tienda-opcion{align-items:center;gap:8px;margin-top:6px;display:flex}.tienda-opcion input{flex:1;min-width:0}.tienda-elegir{text-align:left;border:1px solid var(--linea);background:var(--fondo);border-radius:12px;flex:1;min-width:0;min-height:52px;padding:12px 14px}.nota{color:var(--suave);font-size:14px}.nueva,.nueva input{margin-top:8px}.zonas{border:1px solid var(--linea);border-radius:14px;margin:8px 0;overflow:hidden}.zona{background:var(--tarjeta);border-top:1px solid var(--linea);position:relative}.zona:first-child{border-top:0}.zona.arrastrando{z-index:2;box-shadow:0 6px 18px #00000040}.zona-fila{align-items:center;display:flex}.asa{width:52px;min-height:56px;color:var(--suave);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex:none;place-items:center;font-size:24px;display:grid}.zona-nombre{text-align:left;background:0 0;border:0;flex:1;min-width:0;min-height:56px;padding:12px 12px 12px 0}.zona-nombre .orden{min-width:1.6em;color:var(--suave);font-variant-numeric:tabular-nums;display:inline-block}.zona-detalle{padding:0 12px 12px 52px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chips button{border:1px solid var(--linea);background:var(--fondo);border-radius:999px;min-height:40px;padding:8px 12px;font-size:15px}.chips button.activo{background:var(--acento);border-color:var(--acento);color:var(--acento-texto)}.tienda-accion.con-propuesta{border-color:var(--acento);color:var(--acento);font-weight:700}.propuesta-ruta{border:1px solid var(--acento);border-radius:14px;margin:8px 0 14px;padding:12px 14px}.propuesta-ruta p{margin:0 0 8px}.propuesta-ruta ol{color:var(--suave);margin:0;padding-left:1.6em}.propuesta-ruta li.cambia{color:var(--texto);font-weight:700}.propuesta-ruta .acciones{margin-top:12px}.cantidad-paso{align-items:stretch;gap:8px;display:flex}.cantidad-paso input{text-align:center;flex:1;min-width:0}.cantidad-paso button{border:1px solid var(--linea);background:var(--fondo);border-radius:12px;flex:none;width:56px;min-height:52px;font-size:26px;font-weight:700;line-height:1}.cantidad-paso button:disabled{opacity:.35}
