:root{--arena: #E7DECD;--arena-deep: #D9CBB3;--card: #F8F4EC;--ink: #1C1712;--ink-soft: #4A423A;--line: #C9BBA2;--sage: #6E7A5C;--sage-bg: #E4E9DD;--clay: #A9633F;--clay-bg: #F1DDCF}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{min-height:100%}body{background:var(--arena);color:var(--ink);font-family:Helvetica Neue,Arial,sans-serif;min-height:100%;overflow-x:hidden}.app{max-width:480px;margin:0 auto;min-height:100dvh;padding:max(env(safe-area-inset-top),14px) 22px max(env(safe-area-inset-bottom),28px);position:relative;display:flex;flex-direction:column}.fondo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.blob{position:absolute;border-radius:50%;filter:blur(50px);pointer-events:none}.blob.b1{width:220px;height:220px;background:var(--clay);opacity:.35;top:-40px;right:-60px}.blob.b2{width:200px;height:200px;background:var(--sage);opacity:.35;top:320px;left:-70px}.blob.b3{width:180px;height:180px;background:var(--ink);opacity:.18;bottom:-60px;right:-40px}.app>*:not(.fondo){position:relative;z-index:1}.brandrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.brand{display:flex;flex-direction:column;line-height:1}.brand .you{font-size:20px;font-weight:800;letter-spacing:1px;color:var(--ink)}.brand .sub{font-family:Georgia,Times New Roman,serif;font-style:italic;font-size:10px;letter-spacing:2px;color:var(--ink-soft);margin-top:2px;text-transform:uppercase}.avatar{width:34px;height:34px;border-radius:10px;object-fit:cover}.greeting{font-size:13px;color:var(--ink-soft);margin-bottom:2px}.headline{font-family:Georgia,serif;font-size:26px;color:var(--ink);margin-bottom:20px}.hero{background:#1c17124d;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);border:1px solid rgba(231,222,205,.18);border-radius:22px;padding:22px;color:var(--arena);position:relative;overflow:hidden;margin-bottom:20px}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border:1px solid rgba(231,222,205,.25);border-radius:50%}.hero .eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;opacity:.65;margin-bottom:10px}.hero .count{font-size:44px;font-weight:800;line-height:1}.hero .count span{font-size:15px;font-weight:500;opacity:.7;margin-left:6px}.hero .desc{font-size:12.5px;opacity:.75;margin-top:6px;margin-bottom:18px}.btn-primary{background:var(--arena);color:var(--ink);border:none;width:100%;padding:14px;border-radius:14px;font-size:14.5px;font-weight:700;letter-spacing:.3px;cursor:pointer}.btn-primary:disabled{opacity:.6}.btn-dark{background:var(--ink);color:var(--arena);border:none;width:100%;padding:14px;border-radius:14px;font-size:14.5px;font-weight:700;letter-spacing:.3px;cursor:pointer}.btn-dark:disabled{opacity:.6}.section-label{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink-soft);margin:20px 0 10px}.tag{background:#f8f4ec9e;border:1px solid rgba(255,255,255,.4);border-radius:14px;padding:13px 14px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tag .info{flex:1;min-width:0}.tag .info .name{font-size:14px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag .info .item{font-size:12px;color:var(--ink-soft);margin-top:2px}.pill{font-size:10.5px;font-weight:700;letter-spacing:.3px;padding:5px 10px;border-radius:20px;white-space:nowrap}.pill.pagado,.pill.entregado{background:var(--sage-bg);color:var(--sage)}.pill.pendiente,.pill.en_ruta{background:var(--clay-bg);color:var(--clay)}.quickrow{display:flex;gap:10px;margin-top:4px}.quickrow .quick{flex:1;text-align:center;padding:11px;border-radius:12px;background:#f8f4ec4d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4);font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.back{width:34px;height:34px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--ink)}.topbar h1{font-family:Georgia,serif;font-size:20px;color:var(--ink);font-weight:400}.summarybar{display:flex;justify-content:space-between;background:#f8f4ec4d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:14px 18px;margin-bottom:16px}.summarybar .stat{text-align:center}.summarybar .stat b{display:block;font-size:17px;color:var(--ink)}.summarybar .stat span{font-size:10px;letter-spacing:.5px;text-transform:uppercase;color:var(--ink-soft)}.mapbox{height:190px;border-radius:18px;background:#dcd1ba4d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:relative;overflow:hidden;margin-bottom:18px;border:1px solid rgba(255,255,255,.4)}.mapbox svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.pin{position:absolute;width:22px;height:22px;background:var(--ink);color:var(--arena);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 3px 6px #00000040}.pin span{transform:rotate(45deg)}.stop{display:flex;background:#f8f4ec4d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:4px 14px 14px 4px;margin-bottom:12px;position:relative;border:1px solid rgba(255,255,255,.4)}.stop.done{opacity:.55}.stop:before{content:"";position:absolute;left:-1px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--arena-deep);border-radius:50%;border:1px solid var(--line)}.stop-num{width:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-weight:700;font-size:16px;color:var(--ink);border-right:1px dashed var(--line)}.stop-body{flex:1;padding:12px 14px;min-width:0}.stop-body .name{font-size:14px;font-weight:700;color:var(--ink)}.stop-body .addr{font-size:11.5px;color:var(--ink-soft);margin:2px 0 10px}.stop.done .stop-body .name{text-decoration:line-through}.stop-actions{display:flex;gap:8px}.mini-btn{flex:1;text-align:center;padding:8px;border-radius:9px;font-size:11.5px;font-weight:700;cursor:pointer;border:none;text-decoration:none}.mini-btn.nav{background:var(--ink);color:var(--arena)}.mini-btn.ok{background:transparent;color:var(--sage);border:1px solid var(--sage)}.stop.done .mini-btn.ok{background:var(--sage);color:#fff;border-color:var(--sage)}.progresswrap{margin:2px 0 16px}.progresswrap .label{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft);margin-bottom:6px}.progressbar{height:6px;background:var(--line);border-radius:6px;overflow:hidden}.progressbar>div{height:100%;background:var(--sage);transition:width .3s ease}.glass-card{background:#f8f4ec4d;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.4);border-radius:16px;padding:18px;margin-bottom:14px}.field{display:block;margin-bottom:14px}.field span{display:block;font-size:11px;font-weight:700;letter-spacing:1.2px;color:var(--ink-soft);margin-bottom:6px;text-transform:uppercase}.field input{width:100%;border-radius:12px;padding:12px 14px;font-size:15px;background:var(--card);color:var(--ink);border:1px solid var(--line);outline:none;font-family:inherit}.field input:focus{border-color:var(--ink-soft)}.field input::placeholder{color:var(--line)}.hint{display:block;margin-top:6px;font-size:11px;color:var(--ink-soft);font-family:Georgia,serif;font-style:italic}.hint.warn{color:var(--clay)}.success{background:var(--sage-bg);border:1px solid var(--sage);color:var(--sage);border-radius:14px;padding:12px 14px;font-size:13px;margin-bottom:12px}.error{background:var(--clay-bg);border:1px solid var(--clay);color:var(--clay);border-radius:14px;padding:12px 14px;font-size:13px;margin-bottom:12px}.muted{color:var(--ink-soft);font-size:13px;line-height:1.5;font-family:Georgia,serif;font-style:italic}.center{text-align:center}.spacer{flex:1 1 auto}.row{display:flex;gap:10px}.comprobante{width:100%;max-height:320px;object-fit:contain;border-radius:12px;border:1px solid var(--line);background:var(--card)}.evidencia{background:#f8f4ec73;border:1px solid rgba(255,255,255,.5);border-radius:12px;padding:11px 13px;margin-bottom:10px}.evidencia-head{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--ink-soft);margin-bottom:9px}.evidencia-head>span:first-child{margin-right:auto}.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px 14px}.kv dt{font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-soft)}.kv dd{font-size:12.5px;color:var(--ink);margin-top:1px;font-family:SF Mono,Menlo,Consolas,monospace;word-break:break-all}.espera{border-style:dashed}.espera-fila{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid rgba(201,187,162,.5)}.espera-fila img,.espera-fila .sin-foto{width:46px;height:46px;flex:none;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:var(--card)}.espera-fila .sin-foto{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:14px}.espera-fila .hint{margin-top:1px}.alertas{list-style:none;margin:0 0 10px;padding:0}.alertas li{display:flex;gap:7px;align-items:baseline;font-size:12px;line-height:1.4;color:var(--ink-soft);margin-top:5px}.alertas li>span:first-child{font-size:9px;line-height:1.7}.alertas li.bloquea{color:var(--clay);font-weight:600}.pill.ok{background:var(--sage-bg);color:var(--sage)}.pill.mal{background:var(--clay-bg);color:var(--clay)}.pill.tibio{background:#c9bba259;color:var(--ink-soft)}.spinner{width:16px;height:16px;border-radius:50%;border:2.5px solid rgba(28,23,18,.2);border-top-color:var(--ink);display:inline-block;animation:spin .7s linear infinite;vertical-align:-3px}.hero .spinner,.btn-dark .spinner{border-color:#e7decd4d;border-top-color:var(--arena)}@keyframes spin{to{transform:rotate(360deg)}}.foot{text-align:center;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-family:Georgia,serif;font-style:italic;color:var(--ink-soft);padding:14px 0 4px}