
.bmi-national-analytics{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;max-width:1460px;margin:0 auto;padding:24px;color:#143a4d;box-sizing:border-box}.bmi-national-analytics *{box-sizing:border-box}
.bmi-analytics-admin-wrap .bmi-national-analytics{padding-left:0;padding-right:0}
.bmi-analytics-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center;background:linear-gradient(135deg,#eefbfd,#f7fbff);border:1px solid #d7e9ed;border-radius:28px;padding:38px}.bmi-analytics-hero>div>span,.panel-head span{font-size:10px;letter-spacing:.14em;font-weight:900;color:#087d97}.bmi-analytics-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.02;letter-spacing:-.035em;margin:9px 0 14px}.bmi-analytics-hero p{font-size:17px;line-height:1.63;color:#607681}
.bmi-analytics-score{justify-self:end;width:250px;height:250px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:conic-gradient(#36b8c7 var(--pct,60%),#e5f1f4 0);position:relative}.bmi-analytics-score:before{content:"";position:absolute;width:195px;height:195px;border-radius:50%;background:#fff}.bmi-analytics-score>*{position:relative;z-index:2}.bmi-analytics-score small{font-size:9px;letter-spacing:.12em;color:#69808a;font-weight:900}.bmi-analytics-score strong{font-size:48px;color:#087790;line-height:1;margin:7px 0}.bmi-analytics-score span{max-width:150px;font-size:11px;color:#637984}
.bmi-analytics-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin:16px 0}.bmi-analytics-kpis article,.bmi-analytics-panel,.bmi-map-panel,.bmi-coverage-panel,.bmi-gaps-panel{background:#fff;border:1px solid #dce8ed;border-radius:19px;box-shadow:0 8px 28px rgba(18,57,77,.04)}.bmi-analytics-kpis article{padding:17px}.bmi-analytics-kpis strong{font-size:29px;color:#0a7891}.bmi-analytics-kpis span,.bmi-analytics-kpis small{display:block}.bmi-analytics-kpis span{font-weight:900;margin-top:5px}.bmi-analytics-kpis small{font-size:10px;color:#758992;margin-top:3px}
.bmi-analytics-main-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:15px}.bmi-map-panel,.bmi-coverage-panel,.bmi-analytics-panel,.bmi-gaps-panel{padding:20px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.panel-head h2{font-size:23px;margin:4px 0 0}.legend{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:9px;color:#6a7f89}.legend i{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:5px}.legend .l0{background:#d7e3e7}.legend .l1{background:#a8dce3}.legend .l2{background:#4bb9ca}.legend .l3{background:#08768e}
.bmi-mexico-map{position:relative;height:490px;margin-top:8px;overflow:hidden;border-radius:15px;background:radial-gradient(circle at 50% 50%,#f9fdfe,#eef7f9)}.bmi-mexico-map .map-bg{position:absolute;inset:7% 4% 7% 4%;width:92%;height:86%}.bmi-mexico-map .map-bg path{fill:#e8f3f6;stroke:#c7dde3;stroke-width:3}
.bmi-state-node{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(14,77,94,.18);transition:transform .18s ease,box-shadow .18s ease;background:#d7e3e7;color:#5f737c;z-index:3}.bmi-state-node span{font-size:7px;font-weight:900}.bmi-state-node.level-1{background:#a8dce3;color:#245c69}.bmi-state-node.level-2{background:#4bb9ca;color:#fff}.bmi-state-node.level-3{background:#08768e;color:#fff}.bmi-state-node:hover,.bmi-state-node.is-active{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 8px 24px rgba(14,77,94,.28);z-index:5}.bmi-map-detail{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px;padding:12px 14px;background:#f6fafb;border-radius:12px}.bmi-map-detail strong{color:#174052}.bmi-map-detail span{color:#607782;font-size:12px}.bmi-map-note{font-size:9px;color:#809099;margin-bottom:0}
.bmi-state-ranking{display:grid;gap:8px;margin-top:13px}.bmi-state-ranking article{display:grid;grid-template-columns:1fr 90px 34px;gap:8px;align-items:center;padding:9px;background:#f8fbfc;border-radius:11px}.bmi-state-ranking strong,.bmi-state-ranking small{display:block}.bmi-state-ranking strong{font-size:12px}.bmi-state-ranking small{font-size:9px;color:#71858e;margin-top:3px}.bmi-state-ranking .bar{height:7px;background:#e5eff2;border-radius:999px;overflow:hidden}.bmi-state-ranking .bar i{display:block;height:100%;background:linear-gradient(90deg,#48bac9,#08778f);border-radius:999px}.bmi-state-ranking b{font-size:11px;color:#0a7891}.empty{text-align:center;padding:20px;color:#72858e}
.bmi-analytics-secondary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:15px}.bmi-horizontal-bars{display:grid;gap:9px;margin-top:13px}.bmi-horizontal-bars article{display:grid;grid-template-columns:minmax(95px,1.2fr) 1fr 28px;gap:7px;align-items:center}.bmi-horizontal-bars strong{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bmi-horizontal-bars div{height:7px;background:#e8f0f3;border-radius:999px;overflow:hidden}.bmi-horizontal-bars i{display:block;height:100%;background:linear-gradient(90deg,#63c5d2,#0a7891);border-radius:999px}.bmi-horizontal-bars b{font-size:10px;color:#0a7891}
.bmi-analytics-third-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.bmi-status-donuts{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:18px}.bmi-status-donuts article{text-align:center}.donut{--pct:0;width:76px;height:76px;border-radius:50%;margin:0 auto 8px;background:conic-gradient(#18a5b8 calc(var(--pct)*1%),#e8f1f3 0);display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;width:56px;height:56px;border-radius:50%;background:#fff}.donut span{position:relative;z-index:2;font-size:12px;font-weight:900;color:#0a7891}.bmi-status-donuts strong,.bmi-status-donuts small{display:block}.bmi-status-donuts strong{font-size:10px}.bmi-status-donuts small{font-size:9px;color:#748891;margin-top:3px}
.bmi-timeline-bars{display:flex;align-items:end;gap:7px;height:180px;margin-top:16px}.bmi-timeline-bars article{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:4px}.bmi-timeline-bars article>div{height:125px;width:100%;display:flex;align-items:end;justify-content:center;background:linear-gradient(to top,#f4fafb,#fff);border-radius:7px}.bmi-timeline-bars i{display:block;width:70%;min-height:5px;background:linear-gradient(#51c0ce,#0a7891);border-radius:6px 6px 2px 2px}.bmi-timeline-bars span{font-size:7px;color:#6f838d;writing-mode:vertical-rl;transform:rotate(180deg);max-height:36px}.bmi-timeline-bars b{font-size:9px;color:#0a7891}
.bmi-gaps-panel{margin-top:15px}.bmi-gaps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.bmi-gaps-grid article{padding:15px;background:#fffaf0;border:1px solid #eedeb7;border-radius:14px}.bmi-gaps-grid strong{display:block;font-size:30px;color:#9b6a14}.bmi-gaps-grid span{display:block;font-size:11px;font-weight:900;margin-top:3px}.bmi-gaps-grid p{font-size:10px;color:#776b51;line-height:1.45;margin-bottom:0}
.bmi-analytics-footer{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px;padding:16px;border-radius:15px;background:#102f43;color:#fff}.bmi-analytics-footer strong,.bmi-analytics-footer span,.bmi-analytics-footer code{display:block}.bmi-analytics-footer strong{font-size:11px;color:#5bd2e1}.bmi-analytics-footer code{margin-top:5px;font-size:10px;color:#d8f4f8;overflow-wrap:anywhere}.bmi-analytics-footer span{margin-top:5px;font-size:10px;color:#c7e2e9}
@media(max-width:1200px){.bmi-analytics-kpis{grid-template-columns:repeat(3,1fr)}.bmi-analytics-secondary-grid{grid-template-columns:repeat(2,1fr)}.bmi-status-donuts{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.bmi-analytics-hero,.bmi-analytics-main-grid,.bmi-analytics-third-grid{grid-template-columns:1fr}.bmi-analytics-score{justify-self:center}.bmi-mexico-map{height:420px}.bmi-gaps-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.bmi-national-analytics{padding:12px}.bmi-analytics-hero{padding:24px 20px}.bmi-analytics-kpis,.bmi-analytics-secondary-grid,.bmi-gaps-grid,.bmi-analytics-footer{grid-template-columns:1fr}.bmi-status-donuts{grid-template-columns:repeat(2,1fr)}.bmi-mexico-map{height:330px}.bmi-state-node{width:24px;height:24px}.bmi-state-node span{font-size:6px}}
@media(prefers-reduced-motion:reduce){.bmi-national-analytics *{transition:none!important}}
