:root{--teal:#0f766e;--teal-oscuro:#115e59;--teal-claro:#ccfbf1;--gris-bg:#f1f5f9;--gris-borde:#e2e8f0;--texto:#0f172a;--texto-suave:#64748b;--rojo:#dc2626;--verde:#16a34a;--ambar:#d97706;--radio:12px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--gris-bg);color:var(--texto);-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{cursor:pointer;font-family:inherit}.pantalla{flex-direction:column;min-height:100%;display:flex}.barra{z-index:10;background:var(--teal);color:#fff;padding:10px 14px;padding-top:max(10px, env(safe-area-inset-top));align-items:center;gap:10px;display:flex;position:sticky;top:0}.barra h1{flex:1;margin:0;font-size:1rem;font-weight:600}.barra .sub{opacity:.85;font-size:.75rem;font-weight:400}.contenido{flex:1;padding:14px}.chips-estado{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pastilla{color:#fff;white-space:nowrap;background:#fff3;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:600}.pastilla.alerta{background:var(--ambar)}.pastilla.error{background:var(--rojo)}.pastilla.ok{background:#ffffff47}.grilla{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.producto{border:1px solid var(--gris-borde);border-radius:var(--radio);text-align:left;background:#fff;flex-direction:column;justify-content:center;gap:4px;min-height:76px;padding:10px 12px;display:flex;box-shadow:0 1px 2px #0000000a}.producto:active{transform:scale(.98)}.producto .nombre{font-size:.9rem;font-weight:600;line-height:1.15}.producto .precio{color:var(--texto-suave);font-size:.82rem}.producto .stock{color:var(--verde);font-weight:600}.producto .sin-stock{color:var(--rojo);font-weight:600}.producto:disabled{opacity:.55}.producto .cantidad{background:var(--teal);color:#fff;border-radius:999px;justify-content:center;align-self:flex-end;align-items:center;min-width:26px;height:22px;margin-top:2px;padding:0 8px;font-size:.8rem;font-weight:700;display:inline-flex}.carrito{border-radius:var(--radio);border:1px solid var(--gris-borde);background:#fff;margin-top:14px}.linea{border-bottom:1px solid var(--gris-borde);align-items:center;gap:8px;padding:10px 12px;display:flex}.linea:last-child{border-bottom:0}.linea .desc{flex:1;font-size:.88rem}.linea .desc small{color:var(--texto-suave);display:block}.paso{border:1px solid var(--gris-borde);width:40px;height:40px;color:var(--teal);background:#fff;border-radius:10px;font-size:1.2rem;font-weight:700}.linea .monto{text-align:right;min-width:66px;font-size:.9rem;font-weight:600}.totales{justify-content:space-between;padding:12px;font-weight:700;display:flex}.totales .litros{color:var(--texto-suave);font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--teal);min-height:44px;color:var(--teal);background:#fff;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600}.chip.activo{background:var(--teal);color:#fff}label{color:var(--texto-suave);margin:10px 0 4px;font-size:.82rem;display:block}input,select{border:1px solid var(--gris-borde);width:100%;color:var(--texto);background:#fff;border-radius:10px;padding:12px;font-size:1rem}.accion{border-radius:var(--radio);background:var(--teal);color:#fff;border:0;width:100%;min-height:56px;font-size:1.05rem;font-weight:700}.accion:disabled{background:#94a3b8}.accion.secundaria{color:var(--teal);border:1.5px solid var(--teal);background:#fff}.accion.peligro{background:var(--rojo)}.barra-inferior{border-top:1px solid var(--gris-borde);padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));background:#fff;flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.tarjeta{border:1px solid var(--gris-borde);border-radius:var(--radio);background:#fff;padding:16px}.centro{width:100%;max-width:420px;margin:0 auto}.aviso{border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:.85rem}.aviso.warn{color:#92400e;background:#fef3c7}.aviso.err{color:#991b1b;background:#fee2e2}.aviso.ok{background:var(--teal-claro);color:var(--teal-oscuro)}.toast{background:var(--texto);color:#fff;z-index:50;text-align:center;border-radius:999px;max-width:90%;padding:10px 16px;font-size:.85rem;position:fixed;bottom:90px;left:50%;transform:translate(-50%)}.fila{gap:10px;display:flex}.fila>*{flex:1}.mt{margin-top:12px}.dif-neg{color:var(--rojo)}.dif-pos{color:var(--verde)}