.map-city-select{display:grid;gap:5px;margin-bottom:10px;color:#354c54;font-size:11px;font-weight:800}
.map-city-select select{width:100%;padding:9px 10px;border:1px solid #d8dfe3;border-radius:6px;background:#fff;color:#42565c;font:inherit}
.territory-tabs{margin-top:8px}
.territory-tabs button{flex:1}
.map-illustration{display:grid;place-items:center;background:linear-gradient(135deg,#fbfcff,#e9eff4)!important}
.map-illustration::before,.map-illustration > i{display:none}
/* Solo el SVG legado puede ocupar todo el panel. Leaflet calcula las dimensiones
   y la posición de su SVG interno; sobrescribirlas deforma los polígonos. */
.map-illustration > svg{width:100%;height:100%;padding:12px}
.map-illustration .department{fill:#e2e8eb;stroke:#fff;stroke-width:1.2;transition:fill .2s ease}
.map-illustration .department:hover{fill:#d2e5fb}
.capital-pins circle{fill:var(--map-accent,#3154bd);stroke:#fff;stroke-width:2;cursor:pointer;transition:r .2s ease,fill .2s ease}
.capital-pins .is-selected circle{r:9;fill:#e7a70c}
.map-loading{color:#718086;font-size:12px;font-weight:700}
.map-illustration[data-city]::after{content:"Ciudad: " attr(data-city);position:absolute;left:16px;bottom:15px;padding:8px 10px;border-radius:6px;background:var(--map-accent,#16379d);color:#fff;font-size:11px;font-weight:800;box-shadow:0 6px 14px rgba(16,36,89,.22)}
.map-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.map-metrics span,.map-metrics strong{padding:10px;border-radius:7px;background:#edf0f2;color:#657176;text-align:center;font-size:10px}
.map-metrics strong{grid-column:1/-1;background:var(--map-accent,#3154bd);color:#fff}
.map-metrics b{display:block;margin-top:3px;font-size:13px}