.service-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.service-pills span{font-size:11px;border:1px solid var(--line);padding:7px 12px;border-radius:30px;color:var(--muted)}.service-pills .online{color:#abdac7;border-color:#366951}.route-section{padding:20px 0 40px;scroll-margin-top:24px}.route-section .section-heading{margin-bottom:24px}.route-result{min-height:420px}.route-result .metrics{margin-top:20px}.route-result .metrics strong{font-size:30px}#route-drawing{width:100%;height:250px;margin-top:15px;background:radial-gradient(ellipse,#244c793d,transparent 75%)}#route-drawing polyline{fill:none;stroke:#89bdff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}#route-drawing circle{fill:#a88cff;stroke:#d5e6ff;stroke-width:2}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.summary-grid .service-detail{font-size:12px;overflow-wrap:anywhere}.version-action{margin:0 8px 8px 0}.status-failed,.status-interrupted{color:#ffb9b9}.status-ready,.status-complete{color:#abdac7}#upload-message{overflow-wrap:anywhere}.art-label b{color:#89bdff}td .badge{white-space:nowrap}.admin-heading .intro{max-width:780px}.log-box:empty:before{content:'Sin operaciones todavía.';color:var(--muted)}@media(max-width:560px){.actions{gap:16px;flex-wrap:wrap}.hero h1{font-size:41px}.brand small{letter-spacing:2px}.art-label{font-size:10px;padding:10px}.route-result{min-height:340px}.route-result .metrics strong{font-size:25px}nav{font-size:12px}}

/* Connected street illustration and clearly identified route endpoints. */
.hero{grid-template-columns:1.08fr 1fr;gap:48px}.hero>div{min-width:0}.routing-art{margin:0;min-width:0;padding:22px;border:1px solid #2a4260;border-radius:24px;background:linear-gradient(145deg,#152a43b3,#0d1c30);box-shadow:0 24px 64px #020b1926}.routing-art-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.routing-art-heading .number{font-size:9px;letter-spacing:1.3px}.illustration-label{font-size:10px;color:#93a9c5}.routing-map{width:100%;height:auto;display:block}.illustration-car{fill:none;stroke:#72aaff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.illustration-foot{fill:none;stroke:#7ce2c7;stroke-width:2.5;stroke-dasharray:3 7;stroke-linecap:round;stroke-linejoin:round}.map-endpoint text{font:600 13px Inter, sans-serif;fill:#fff;text-anchor:middle}.map-point-label text{font:12px Inter,sans-serif;fill:#c9d9ee}.routing-art figcaption{margin-top:20px}.route-legend{display:flex;justify-content:center;gap:30px}.route-legend span{display:inline-flex;align-items:center;gap:9px;color:#d2e0f2;font-size:12px}.route-legend i{width:27px;height:0;border-top:3px solid #72aaff}.route-legend .legend-foot{border-top:3px dotted #7ce2c7}.routing-art figcaption p{margin:13px 0 0;text-align:center;font-size:12px;color:#93a9c5}.route-result{display:flex;flex-direction:column;justify-content:center}.route-result>div{width:100%}#route-drawing{height:auto;min-height:220px;border:1px solid #29415d;border-radius:12px;background:#0c1b30}#route-drawing .route-halo{stroke:#72aaff;stroke-width:12;opacity:.12}#route-drawing .route-line{stroke:#72aaff;stroke-width:4}#route-drawing[data-profile="foot"] .route-line{stroke:#7ce2c7;stroke-dasharray:3 6}#route-drawing circle.route-origin{fill:#16334f;stroke:#99c5ff}#route-drawing circle.route-destination{fill:#557ce0;stroke:#c7dcff}#route-drawing text{fill:white;font:600 11px Inter,sans-serif;text-anchor:middle}.route-endpoints{display:flex;gap:24px;font-size:12px;color:#b9cce4}.route-endpoints b{display:inline-grid;place-items:center;width:21px;height:21px;border:1px solid #577aa1;border-radius:50%;margin-right:5px;font-size:10px}.route-endpoints span:last-child b{background:#4669bc}.route-result .hint{margin:12px 0 20px}@media(max-width:1000px){.hero{gap:28px}.routing-art{padding:18px}.routing-art-heading{flex-wrap:wrap;gap:4px}}@media(max-width:850px){.hero{grid-template-columns:1fr}.routing-art{max-width:540px;width:100%;margin:24px auto 0}}@media(max-width:560px){.routing-art{padding:16px;border-radius:18px}.routing-art-heading{margin-bottom:16px}.routing-art figcaption{margin-top:16px}.hero{gap:8px}#route-drawing{min-height:180px}}

.osrm-drop-section{margin:20px 0 28px}.osrm-drop-section h3{font-size:14px;color:#c9defa}.osrm-drop{border:1px dashed #547eaf;background:#102039;border-radius:12px;padding:25px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer;transition:background .15s,border-color .15s}.osrm-drop strong{font-size:14px}.osrm-drop>span:last-child{font-size:12px;color:var(--muted)}.osrm-drop:hover,.osrm-drop.dragging{background:#1b3a5e;border-color:#8ebfff}.osrm-drop:focus-visible{outline:2px solid #89bdff;outline-offset:4px}.drop-icon{font-size:28px;color:#89bdff}.drop-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.drop-controls button{font-size:12px}.drop-file-list{list-style:none;padding:0;max-height:220px;overflow:auto}.drop-file-list li{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;font-size:11px}.drop-file-list li span{overflow-wrap:anywhere;min-width:0;flex:1}.drop-file-list small{white-space:nowrap;color:var(--muted)}.drop-file-list button{font-size:10px;padding:4px 8px}.osrm-drop-section .hint{overflow-wrap:anywhere}.osrm-drop-section .error{font-size:12px;overflow-wrap:anywhere}