:root{--bg: #14171c;--surface: #1d2127;--surface-2: #262b33;--border: #333a44;--text: #eef1f5;--text-dim: #9aa4b2;--urgente: #f5a623;--camino: #4a9eff;--cubierta: #3ecf8e;--peligro: #ff5d5d;--radius: 10px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;height:100dvh}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border);z-index:1100}.header-left{min-width:0}.header h1{font-size:16px;font-weight:800;letter-spacing:-.01em;line-height:1.2;color:var(--urgente)}.header-desc{font-size:12px;color:var(--text-dim);line-height:1.4;margin-top:3px}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;flex-shrink:0}.credito{font-size:11px;color:var(--text-dim);text-decoration:none;transition:color .15s}.credito strong{color:var(--camino);font-weight:700}.credito:hover{color:var(--text)}.credito:hover strong{color:#6db8ff}.btn{border:none;border-radius:var(--radius);padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text);border:1px solid var(--border);transition:filter .15s,transform .05s;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(1.15)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--camino);outline-offset:2px}.btn-primary{background:var(--urgente);color:#1a1205;border-color:var(--urgente)}.btn-block{width:100%;text-align:center}.btn-sm{padding:6px 10px;font-size:13px}.resumen-strip{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:13px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;flex-shrink:0}.resumen-titulo{color:var(--text-dim);font-weight:600;flex-shrink:0}.resumen-badge{background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600;flex-shrink:0}.resumen-sep{color:var(--text-dim);margin:0 2px;flex-shrink:0}.resumen-stats{color:var(--text-dim);flex-shrink:0}.resumen-link{color:var(--camino);font-size:12px;flex-shrink:0}.vista-toggle{display:none;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.vista-btn{flex:1;padding:10px;border:none;background:none;color:var(--text-dim);font-size:14px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.vista-btn.active{color:var(--text);border-bottom-color:var(--urgente)}.contenido{display:flex;flex:1;min-height:0}.panel-lista{width:380px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg);border-right:1px solid var(--border);overflow:hidden}.panel-lista-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0}.panel-lista-header h2{font-size:15px;font-weight:700}.badge-count{background:var(--urgente);color:#1a1205;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;min-width:24px;text-align:center}.cards-grid{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer;transition:border-color .15s,transform .1s;border-left:4px solid var(--urgente)}.card:hover{border-color:var(--urgente);transform:translateY(-1px)}.card-cubierta{border-left-color:var(--cubierta);opacity:.7}.card-cubierta:hover{border-color:var(--cubierta)}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.card-nombre{font-weight:700;font-size:14px;line-height:1.3}.card-count{background:var(--urgente);color:#1a1205;font-size:12px;font-weight:700;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.card-count-ok{background:var(--cubierta)}.card-dir{font-size:12px;color:var(--text-dim);margin-bottom:8px;line-height:1.4}.card-cats{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.card-cat-badge{font-size:16px;width:30px;height:30px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;display:grid;place-items:center}.card-cat-badge.en-camino{border-color:var(--camino);background:#4a9eff1a}.card-en-camino{font-size:12px;color:var(--camino);font-weight:600;margin-bottom:8px}.card-cubierta-label{font-size:12px;color:var(--cubierta);font-weight:600;margin:6px 0}.card-actions{display:flex;gap:6px;margin-top:10px}.card-btn{flex:1;padding:7px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;text-align:center;text-decoration:none;transition:filter .15s}.card-btn:hover{filter:brightness(1.2)}.card-btn-ubicacion{background:var(--urgente);color:#1a1205;border-color:var(--urgente)}.card-btn-maps{background:#4a9eff1a;border-color:#4a9eff4d;color:var(--camino)}.compartir-wrap{position:relative;margin-top:6px}.card-btn-compartir{width:100%;padding:8px 10px;border-radius:8px;border:1px solid rgba(62,207,142,.3);background:#3ecf8e1a;color:var(--cubierta);font-size:13px;font-weight:600;cursor:pointer;text-align:center;transition:filter .15s}.card-btn-compartir:hover{filter:brightness(1.2)}.btn-compartir-detalle{flex:1;text-align:center;background:#3ecf8e1a;border-color:#3ecf8e4d;color:var(--cubierta)}.btn-compartir-detalle:hover{filter:brightness(1.2)}.detalle-acciones-top{display:flex;gap:8px;margin-bottom:16px}.detalle-acciones-top .btn{flex:1;text-align:center;text-decoration:none}.compartir-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:6px;z-index:100;box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;gap:2px;animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.compartir-opcion{display:block;padding:10px 12px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;font-family:inherit;transition:background .1s}.compartir-opcion:hover{background:var(--surface-2)}.btn-buscar-cerca{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(100% - 24px);margin:10px 12px 4px;padding:10px 14px;border-radius:var(--radius);border:1px dashed var(--camino);background:#4a9eff14;color:var(--camino);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s;flex-shrink:0}.btn-buscar-cerca:hover{background:#4a9eff26}.card-dist{font-size:11px;font-weight:600;color:var(--camino);background:#4a9eff1f;padding:2px 7px;border-radius:999px;margin-left:8px;white-space:nowrap}.btn-resuelto{margin-bottom:12px;background:#3ecf8e1f!important;border-color:var(--cubierta)!important;color:var(--cubierta)!important}.btn-resuelto:hover{filter:brightness(1.2)}.resuelto-msg{padding:10px 12px;background:#3ecf8e1f;border:1px solid var(--cubierta);border-radius:8px;color:var(--cubierta);font-size:13px;font-weight:600;margin-bottom:12px;text-align:center}.map-wrap{flex:1;position:relative;min-height:0}.leaflet-container{width:100%;height:100%;background:#0e1014}.marker-pin{display:grid;place-items:center;width:34px;height:34px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);border:2px solid rgba(0,0,0,.35);box-shadow:0 2px 8px #0006;font-weight:700;font-size:14px}.marker-pin span{transform:rotate(45deg);color:#1a1205}.marker-pin.pendiente{background:var(--urgente)}.marker-pin.cubierta{background:var(--cubierta)}.placing-hint{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--urgente);color:#1a1205;padding:10px 16px;border-radius:999px;font-weight:700;font-size:14px;z-index:1000;box-shadow:0 4px 16px #0006}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1200;display:flex;justify-content:flex-end}.panel{width:min(440px,100%);background:var(--surface);height:100%;overflow-y:auto;padding:20px;border-left:1px solid var(--border);animation:slide-in .2s ease}@keyframes slide-in{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.panel-head h2{font-size:19px;line-height:1.25}.close{background:none;border:none;color:var(--text-dim);font-size:26px;cursor:pointer;line-height:1}label{display:block;font-size:13px;font-weight:600;color:var(--text-dim);margin:14px 0 6px}input,select,textarea{width:100%;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:11px 12px;font-size:15px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:2px solid var(--camino);outline-offset:0;border-color:var(--camino)}textarea{resize:vertical;min-height:60px}.hint{font-size:12px;color:var(--text-dim);margin-top:6px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:13px;font-weight:600;cursor:pointer}.chip.on{background:var(--urgente);color:#1a1205;border-color:var(--urgente)}.need{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--border);border-left:4px solid var(--urgente);border-radius:8px;margin-bottom:8px}.need.en_camino{border-left-color:var(--camino)}.need.cubierta{border-left-color:var(--cubierta);opacity:.7}.need .cat{font-weight:700}.need .det{font-size:13px;color:var(--text-dim)}.need select{width:auto;padding:6px 8px;font-size:13px}.error-box{background:#ff5d5d1f;border:1px solid var(--peligro);color:#ffc9c9;padding:10px 12px;border-radius:8px;font-size:13px;margin-top:12px}.empty{text-align:center;color:var(--text-dim);padding:40px 20px;font-size:14px;line-height:1.6}.contact-actions{display:flex;gap:8px}.contact-actions .btn{flex:1;text-align:center;text-decoration:none}.btn-wa{background:#25d366!important;color:#fff!important;border-color:#25d366!important}.btn-maps-nav{margin-bottom:16px;background:#4a9eff1a;border-color:#4a9eff4d;color:var(--camino);text-decoration:none}.btn-maps-nav:hover{background:#4a9eff33}.help-tip{margin-top:16px;padding:10px 12px;background:#4a9eff14;border:1px solid rgba(74,158,255,.2);border-radius:8px;font-size:13px;color:var(--text-dim);line-height:1.5}@media (max-width: 768px){.header{flex-wrap:wrap;gap:8px}.header h1{font-size:14px}.header-desc{font-size:11px}.panel{width:100%}.resumen-strip{padding:6px 12px;gap:6px}.vista-toggle{display:flex}.panel-lista{width:100%;border-right:none;display:none}.panel-lista.visible{display:flex;flex-direction:column;flex:1}.map-wrap{display:none}.map-wrap.visible{display:block;flex:1}}