:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#1b3445;background:#f3f5f7}*{box-sizing:border-box}body{margin:0;overflow:hidden}html{height:100%}.bar{height:66px;background:#102a3c;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 28px;border-bottom:3px solid #15a8a3}.brand{font-size:20px;letter-spacing:.1em;font-weight:800}.section{font-size:16px;color:#86e5df}.right{display:flex;gap:24px;align-items:center;font-size:11px;letter-spacing:.09em}.right a{color:#fff;text-decoration:none}.layout{display:grid;grid-template-columns:365px minmax(0,1fr);height:calc(100vh - 66px);min-height:520px}.side{overflow:auto;background:#fff;border-right:1px solid #d9e2e8;padding:26px 25px 32px;box-shadow:4px 0 18px #1232}.eyebrow{font-size:10px;letter-spacing:.12em;color:#168b8c;font-weight:800}.intro h1{font-size:32px;margin:9px 0 6px;letter-spacing:-.04em}.intro p{font-size:13px;line-height:1.55;color:#596b75;margin:0 0 24px}.side section{border-top:1px solid #e2e9ec;padding:18px 0}.side h2{font-size:13px;margin:0 0 13px;color:#1b3445;display:flex;justify-content:space-between}.side h2 small{font-size:10px;color:#0c928f}.switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.switch button{min-width:0;border:1px solid #dae4e8;background:#fff;border-radius:8px;padding:9px 4px;font-size:11px;cursor:pointer}.switch .selected{background:#12384c;color:white;border-color:#12384c}.side label{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:12px}.side label input{accent-color:#078c8a}.side label span{flex:1}.side label small{display:block;margin-top:3px;font-size:10px;color:#7d8b97}.unavailable{opacity:.55}.circle{width:9px;height:9px;border-radius:50%;background:#0daba6}.rail{width:20px;border-top:3px dashed #4c6876}.electric{width:20px;border-top:3px solid #da6d55}.road{width:20px;border-top:3px solid #a0aeb5}.side select,.side input[type=search]{width:100%;padding:10px;border:1px solid #d8e2e8;border-radius:8px;background:white;font-size:12px;margin-bottom:9px;color:#1b3445}.counter,.small{font-size:11px;color:#637784;line-height:1.5}.corridors{padding:0 0 0 22px;font-size:12px;line-height:1.55}.corridors li{padding:5px 0}.sources p{font-size:11px;line-height:1.6;color:#667784}.sources a{color:#137c7a}.mapwrap{position:relative;min-width:0;background:#e5ebef}#map{height:100%;width:100%}.floater{position:absolute;left:22px;top:22px;z-index:450;background:rgba(255,255,255,.96);border:1px solid #dbe3e8;border-radius:12px;box-shadow:0 6px 22px #17304118;padding:15px 16px;display:flex;gap:30px;align-items:center}.floater strong{display:block;font-size:14px}.floater span{display:block;font-size:11px;color:#718391;margin-top:4px}.floater button{font-size:11px;background:white;border:1px solid #d5e0e5;border-radius:7px;padding:8px;cursor:pointer}.legend{position:absolute;z-index:450;bottom:28px;left:22px;display:flex;gap:16px;background:white;border:1px solid #d8e0e5;padding:11px 15px;border-radius:9px;font-size:11px;box-shadow:0 3px 18px #1232}.legend span{display:flex;align-items:center;gap:7px}.legend b{width:10px;height:10px;border-radius:50%;display:inline-block}.legend .litio{background:#0ba5a4}.legend .cobre{background:#d7873b}.legend .linekey{width:18px;height:0;border-radius:0;border-top:3px dashed #536d7d}.detail{position:absolute;z-index:700;top:94px;right:20px;width:310px;max-height:calc(100% - 120px);overflow:auto;background:#fff;border-radius:12px;box-shadow:0 12px 30px #122e4260;padding:22px}.detail[hidden]{display:none}.detail button{float:right;border:0;background:none;font-size:24px;cursor:pointer}.detail h3{font-size:20px;margin:14px 0}.detail p{font-size:12px;color:#536774;line-height:1.5}.detail a{font-size:12px;color:#0e7878}.mapstatus{position:absolute;z-index:500;right:14px;bottom:12px;font-size:10px;background:#ffffffea;border-radius:6px;padding:5px 9px;color:#49616e}@media(max-width:880px){body{overflow:auto}.bar{padding:0 14px}.right span{display:none}.layout{grid-template-columns:1fr;grid-template-rows:auto 70vh;height:auto}.side{max-height:350px;padding:18px;overflow:auto}.mapwrap{height:70vh}.floater{top:12px;left:10px;right:10px;padding:10px}.floater strong{font-size:12px}.floater span{font-size:10px}.legend{left:10px;bottom:20px;flex-wrap:wrap;gap:8px;padding:8px}.detail{top:76px;right:10px;max-width:calc(100vw - 20px)}}
#basemap-note{margin:10px 0 0;line-height:1.4}.mapstatus{max-width:min(440px,calc(100% - 24px));border:1px solid #e0e9eb}.bar .right a{padding:8px 11px;border:1px solid #7893a4;border-radius:7px;letter-spacing:0;font-size:12px}.bar .right a:hover{background:#23465a}

#map{background:#e8eef1}.leaflet-tile-pane{background:#e8eef1}.leaflet-container{font-family:Inter,system-ui,sans-serif}.leaflet-control-attribution{font-size:10px!important}#basemap-note{font-size:11px;color:#657985}

/* IGN geoservices controls V0.5 */
.ign-service{background:#f7fafb;border-radius:12px;padding:16px 12px!important;margin:8px -12px 12px}
.ign-service h2 small{color:#12817c}
.ign-service label{padding:7px 0;align-items:flex-start}
.ign-service label small{overflow-wrap:anywhere;line-height:1.4}
.ignline{display:inline-block;width:19px;height:9px;flex:0 0 19px;border-top:3px solid #728a9a;margin-top:5px}
.ignline.province{border-top-color:#186076}
.ignline.roadn{border-top-color:#bf5842}
.ignline.roadp{border-top-color:#cba555;border-top-style:dashed}
.ignline.train{border-top-color:#405c72;border-top-style:dashed}
.ignline.power{border-top-color:#c16b55}
.ignline.station{border-top-color:#bf653f}
.ignline.mines{border-top-color:#a88f54}
.api-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}
.api-actions select{grid-column:1/-1;margin:0!important}
.api-actions button{min-width:0;background:#fff;border:1px solid #bdcfd5;color:#183e4d;padding:8px 6px;border-radius:7px;font:inherit;font-size:10px;cursor:pointer}
.api-actions button:disabled{opacity:.5;cursor:wait}
#wfs-status,#ign-api-status{color:#4d7380;font-size:11px;line-height:1.5}