:root {
  --navy-950:#071b34; --navy-900:#0b2948; --navy-800:#12395d; --blue:#1769aa;
  --cyan:#1db6c9; --cyan-soft:#dff7fa; --gold:#f4b740; --ink:#142538;
  --muted:#64758a; --line:#dce5ee; --surface:#fff; --bg:#eef3f7;
  --shadow:0 12px 34px rgba(8,35,61,.12);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:16px}
button,input,select{font:inherit}
button{cursor:pointer}
.skip-link{position:fixed;left:1rem;top:-4rem;z-index:9999;background:#fff;color:var(--navy-950);padding:.8rem 1rem;border-radius:.5rem}.skip-link:focus{top:1rem}
.app-shell{height:100%;display:grid;grid-template-rows:auto 1fr}
.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:var(--navy-950);color:#fff;border-bottom:3px solid var(--cyan);z-index:1001}
.brand-block{display:flex;align-items:center;gap:.8rem}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:linear-gradient(145deg,var(--blue),var(--cyan));font-weight:800;font-size:.9rem;letter-spacing:.06em}
.eyebrow{margin:0 0 .18rem;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;color:var(--cyan)}
h1{font-size:clamp(1.05rem,2vw,1.42rem);margin:0;line-height:1.15}.updated{font-size:.82rem;color:#cbd9e7}.updated span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#50d890;margin-right:.35rem;box-shadow:0 0 0 4px rgba(80,216,144,.12)}
.workspace{min-height:0;display:grid;grid-template-columns:300px minmax(430px,1fr) 360px;gap:1px;background:#cfdbe6;position:relative}
.control-panel,.detail-panel{background:var(--surface);overflow-y:auto;z-index:800}.control-panel{padding:1.15rem}.detail-panel{position:relative}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.section-heading h2,.detail-panel h2{font-size:1.08rem;margin:0}.section-heading.compact{align-items:center;margin-bottom:.75rem}.province-count{font-size:.74rem;color:var(--muted);white-space:nowrap;background:#edf3f8;padding:.4rem .55rem;border-radius:999px}
.total-card{margin-top:1rem;padding:1.05rem;border-radius:14px;color:#fff;background:linear-gradient(135deg,var(--navy-900),#145c87);box-shadow:var(--shadow);position:relative;overflow:hidden}.total-card:after{content:"";position:absolute;width:110px;height:110px;border:22px solid rgba(255,255,255,.08);border-radius:50%;right:-40px;top:-48px}.total-card span,.total-card small{display:block;color:#d8eaf5}.total-card strong{display:block;font-size:2.15rem;line-height:1.15;margin:.2rem 0;font-variant-numeric:tabular-nums}
.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:.7rem}.metric-card{display:flex;align-items:center;gap:.55rem;border:1px solid var(--line);border-radius:12px;padding:.72rem;background:#fff}.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;font-size:.75rem;font-weight:900}.adult-card .metric-icon{background:#e5f1fb;color:var(--blue)}.child-card .metric-icon{background:var(--cyan-soft);color:#087f8e}.metric-card strong,.metric-card span{display:block}.metric-card strong{font-size:1.15rem}.metric-card div span{font-size:.74rem;color:var(--muted)}
.filters,.ranking{border-top:1px solid var(--line);margin-top:1rem;padding-top:1rem}.filters label{display:block;font-size:.75rem;font-weight:750;color:#42576e;margin:.75rem 0 .38rem}.search-wrap{position:relative}.search-wrap span{position:absolute;left:.72rem;top:.55rem;color:var(--muted);font-size:1.2rem}.search-wrap input,.filters select{width:100%;border:1px solid #cddae5;border-radius:9px;background:#fff;padding:.68rem .75rem;font-size:.86rem;color:var(--ink)}.search-wrap input{padding-left:2.15rem}.search-wrap input:focus,.filters select:focus{outline:3px solid rgba(29,182,201,.22);border-color:var(--cyan)}.text-button{border:0;background:transparent;color:var(--blue);font-size:.76rem;padding:.2rem}.visible-row{display:flex;justify-content:space-between;padding:.75rem .1rem 0;color:var(--muted);font-size:.8rem}.visible-row strong{color:var(--ink)}
.ranking ol{padding:0;margin:0;list-style:none}.ranking li{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:.5rem;padding:.53rem 0;border-bottom:1px solid #eef2f6;font-size:.78rem}.rank-no{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eff4f8;color:var(--blue);font-weight:800}.ranking li button{border:0;background:none;color:var(--ink);text-align:left;padding:0;font-weight:650}.ranking li strong{font-variant-numeric:tabular-nums}
.map-stage{position:relative;min-width:0;min-height:0;background:#d9e8ec}.map-stage:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255,255,255,.02),rgba(255,255,255,.02))}.map-stage #map{height:100%;min-height:500px;z-index:1}.leaflet-control-zoom a{color:var(--navy-900)!important}.leaflet-control-attribution{font-size:10px}.province-marker{background:transparent;border:0}.circle-marker{display:grid;place-items:center;border-radius:50%;background:rgba(12,82,125,.88);border:3px solid #fff;color:#fff;box-shadow:0 6px 18px rgba(7,27,52,.35);font-weight:850;font-variant-numeric:tabular-nums;transition:transform .18s,background .18s}.circle-marker:hover,.circle-marker.active{transform:scale(1.1);background:rgba(5,155,175,.95)}.marker-label{position:absolute;left:50%;top:calc(100% + 4px);transform:translateX(-50%);font-size:10px;line-height:1.05;font-weight:800;color:var(--navy-950);text-shadow:0 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff;white-space:nowrap;text-align:center;pointer-events:none}.map-caption{position:absolute;bottom:1.1rem;left:50%;transform:translateX(-50%);z-index:500;background:rgba(255,255,255,.94);box-shadow:0 6px 18px rgba(7,27,52,.14);border-radius:999px;padding:.55rem .85rem;font-size:.72rem;white-space:nowrap}.legend-circle{display:inline-block;width:13px;height:13px;border-radius:50%;background:var(--blue);border:2px solid #fff;box-shadow:0 0 0 1px var(--blue);vertical-align:-2px;margin-right:.4rem}.mobile-summary{display:none}
.empty-detail{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;color:var(--muted)}.empty-detail h2{color:var(--ink);margin:.75rem 0 .2rem}.empty-detail p{max-width:240px;line-height:1.5;font-size:.88rem}.pin-illustration{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--cyan-soft);color:#078597;font-size:2.1rem}
.detail-header{background:linear-gradient(145deg,var(--navy-950),var(--navy-800));color:#fff;padding:1.25rem 1.2rem 1.05rem;position:relative}.detail-header h2{font-size:1.45rem;margin-bottom:1rem}.close-detail{position:absolute;right:.8rem;top:.7rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:32px;height:32px;background:rgba(255,255,255,.08);color:#fff;font-size:1.3rem}.detail-total{display:flex;align-items:baseline;gap:.45rem}.detail-total strong{font-size:2rem}.detail-total span{color:#c9dbe9;font-size:.85rem}.detail-body{padding:1.1rem}.detail-body section+section{border-top:1px solid var(--line);margin-top:1.1rem;padding-top:1rem}.detail-body h3{font-size:.88rem;margin:0 0 .75rem}.composition-bar{display:flex;height:9px;border-radius:999px;overflow:hidden;background:#edf2f6}.composition-bar span:first-child{background:var(--blue)}.composition-bar span:last-child{background:var(--cyan)}.composition-labels{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.7rem}.composition-labels div{display:grid;grid-template-columns:auto 1fr;gap:.12rem .38rem;font-size:.76rem}.composition-labels strong{grid-column:2;font-size:.95rem}.dot{width:8px;height:8px;border-radius:50%;margin-top:.22rem}.dot.adult{background:var(--blue)}.dot.child{background:var(--cyan)}.average-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:1rem}.average-grid article{border:1px solid var(--line);border-radius:11px;padding:.7rem;background:#f8fbfd}.average-grid span,.average-grid small{display:block;color:var(--muted)}.average-grid span{font-size:.69rem;font-weight:700}.average-grid strong{display:block;font-size:1.25rem;margin:.2rem 0;color:var(--navy-900)}.average-grid small{font-size:.62rem;line-height:1.3}
.municipality-list{display:grid;gap:.58rem}.municipality-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.municipality-row span{font-size:.73rem;color:#40566d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.municipality-row strong{font-size:.75rem}.mini-bar{grid-column:1/-1;height:4px;border-radius:999px;background:#edf2f6;overflow:hidden}.mini-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.method-note{font-size:.69rem;line-height:1.4;color:var(--muted);margin:-.35rem 0 .75rem}.grade-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.grade-item{border:1px solid var(--line);border-radius:9px;padding:.55rem}.grade-item span{display:block;font-size:.67rem;color:var(--muted)}.grade-item strong{display:block;font-size:.95rem;margin-top:.15rem}
@media(max-width:1100px){.workspace{grid-template-columns:280px 1fr}.detail-panel{position:fixed;right:0;top:76px;bottom:0;width:min(380px,92vw);height:calc(100dvh - 76px);z-index:1500;box-shadow:-12px 0 30px rgba(7,27,52,.22);transform:translate3d(105%,0,0);visibility:hidden;transition:transform .25s,visibility 0s linear .25s}.detail-panel.open{transform:translate3d(0,0,0);visibility:visible;transition:transform .25s}}
@media(max-width:760px){.topbar{padding:.65rem .8rem}.updated{display:none}.workspace{display:block;position:relative}.control-panel{position:absolute;left:.7rem;right:.7rem;top:.7rem;max-height:calc(100% - 5rem);z-index:900;border-radius:14px;box-shadow:var(--shadow);display:none}.control-panel.open{display:block}.map-stage{height:calc(100vh - 72px)}.map-stage #map{min-height:0}.mobile-summary{display:block;position:absolute;top:.75rem;left:50%;transform:translateX(-50%);z-index:700;border:0;background:var(--navy-950);color:#fff;border-radius:999px;padding:.62rem 1rem;box-shadow:var(--shadow)}.map-caption{bottom:.8rem;max-width:90%;white-space:normal;text-align:center}.detail-panel{top:72px;height:calc(100dvh - 72px)}.metric-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Selector de fuente central: universo / cohorte */
.view-switcher{display:flex;align-items:center;gap:.55rem;padding:.65rem 1.25rem;background:#fff;border-bottom:1px solid var(--line,#dfe5ea)}
.view-button{border:1px solid #cbd5df;background:#fff;border-radius:999px;padding:.55rem .9rem;font-weight:700;cursor:pointer;color:#344054}
.view-button.active,.view-button[aria-pressed="true"]{background:#123f67;color:#fff;border-color:#123f67}
.view-button:focus-visible{outline:3px solid #9bc4e2;outline-offset:2px}
.view-context{margin-left:auto;font-size:.86rem;color:#667085;font-weight:700}
.api-status{display:none;padding:.55rem 1.25rem;background:#fff4e5;color:#7a4b00;border-bottom:1px solid #f3d6a2;font-size:.9rem}
.api-status.show{display:block}.api-status.error{background:#fff0f0;color:#8a1c1c;border-color:#efc0c0}
.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.status-grid .status-item{padding:.7rem;border:1px solid #e3e8ee;border-radius:10px;background:#f8fafc}.status-item span{display:block;font-size:.78rem;color:#667085}.status-item strong{font-size:1.1rem}
@media(max-width:760px){.view-switcher{overflow-x:auto;padding:.6rem .8rem}.view-context{display:none}}
.analysis-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.analysis-heading h3{margin:0}.analysis-heading span{font-size:.66rem;color:var(--muted)}
.analysis-tabs{display:flex;gap:.35rem;overflow-x:auto;padding:.2rem 0 .7rem;scrollbar-width:thin}.analysis-tab{flex:0 0 auto;border:1px solid var(--line);background:#fff;color:#40566d;border-radius:999px;padding:.42rem .62rem;font-size:.68rem;font-weight:750}.analysis-tab.active{background:var(--navy-900);border-color:var(--navy-900);color:#fff}.analysis-tab:focus-visible{outline:3px solid #9bc4e2;outline-offset:2px}
.analysis-content{min-height:180px}.analysis-empty{font-size:.76rem;color:var(--muted);padding:1rem 0}.analysis-list{display:grid;gap:.5rem}.analysis-row{display:grid;grid-template-columns:minmax(90px,1fr) auto;gap:.45rem;align-items:center}.analysis-row span{font-size:.7rem;color:#40566d;overflow-wrap:anywhere}.analysis-row strong{font-size:.72rem}.analysis-bar{grid-column:1/-1;height:5px;background:#edf2f6;border-radius:999px;overflow:hidden}.analysis-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:999px}.analysis-note{font-size:.67rem;color:var(--muted);line-height:1.4;margin:.15rem 0 .7rem}.analysis-total{font-weight:800;color:var(--navy-900)}