/* Portada editorial: una única composición para el tablero nacional. */
body{background:radial-gradient(circle at 85% 7%,#fffaf0 0,transparent 27%),var(--cream)}
.dashboard-head{position:relative;margin-bottom:22px;padding:2px 1px 0}.dashboard-head h1{max-width:760px;color:#0d2f39;font-size:clamp(33px,3.5vw,55px);line-height:.98}.dashboard-head .eyebrow{color:#426c78;font-weight:800}.data-state{box-shadow:0 8px 24px rgba(119,93,35,.10)}
.report-stage:not(.showing-page){position:relative;grid-template-columns:194px minmax(430px,.9fr) minmax(420px,1.12fr);min-height:690px;border:1px solid rgba(9,54,67,.10);border-radius:24px 24px 46px 46px;box-shadow:0 26px 55px rgba(20,43,47,.14)}
.report-stage:not(.showing-page)::before{content:"VISOR NACIONAL · FENÓMENO DE EL NIÑO";position:absolute;z-index:3;top:17px;left:220px;color:#b68b1b;font:700 9px "DM Mono",monospace;letter-spacing:.15em}
.report-nav{position:relative;padding:30px 20px;background:linear-gradient(160deg,#083e50 0%,#063242 57%,#042b3a 100%)}
.report-nav::after{content:"";position:absolute;right:0;bottom:0;width:90px;height:90px;border-radius:90px 0 0;border:1px solid rgba(255,255,255,.17);border-right:0;border-bottom:0}.report-nav h2{margin:57px 0 58px;font-size:25px}.report-nav nav{gap:13px}.report-nav a{padding:7px 4px;transition:transform .2s ease,background .2s ease}.report-nav a:hover{transform:translateX(3px);color:#fff}.report-nav a.active{box-shadow:0 9px 20px rgba(0,0,0,.17)}
.report-content{position:relative;padding:76px 29px 24px;background:linear-gradient(145deg,#fff 0%,#fffdfa 62%,#f5f1e8 100%)}
.report-content::before{content:"";position:absolute;top:45px;left:29px;width:70px;height:3px;background:linear-gradient(90deg,#e7a70c,#fae4aa)}.intro-copy{max-width:480px;margin:0}.intro-copy p{padding-left:17px;border-left:3px solid #e8ad12;text-align:left;font-size:16px;line-height:1.48}.intro-copy strong{color:#0c5781}
.indicator-area{margin-top:29px}.section-label{position:relative;margin-bottom:14px;color:#153c8d;font-size:24px}.section-label::after{content:"Datos institucionales";position:absolute;right:0;bottom:5px;color:#809095;font:600 8px "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.power-kpis{gap:11px}.power-kpi{position:relative;min-height:112px;overflow:hidden;padding:16px 11px;border:1px solid #e2e5e2;border-radius:10px;background:rgba(255,255,255,.83);box-shadow:0 10px 22px rgba(18,42,52,.10)}.power-kpi::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#0c5870}.power-kpi:nth-child(1)::before,.power-kpi:nth-child(5)::before{background:#e5a613}.power-kpi:nth-child(3)::before{background:#37996a}.power-kpi strong{color:#102e7c;font-size:clamp(30px,3vw,44px)}.power-kpi p{color:#59666a;font-size:11px}.power-kpi.wide{min-height:95px;width:58%}
.technical-note{position:relative;margin-top:20px;padding:17px 10px 0;border-top:1px solid #e5e0d5}.technical-note h2{color:#204954}.technical-note p{max-width:430px;color:#607074}
.report-art{isolation:isolate}.report-art::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(90deg,rgba(7,35,42,.36),transparent 55%),linear-gradient(0deg,rgba(5,25,31,.3),transparent 40%)}.report-art::before{z-index:2;right:22px;bottom:23px;border-radius:999px;box-shadow:0 8px 20px rgba(0,0,0,.2)}
@media(max-width:1050px){.report-stage:not(.showing-page){grid-template-columns:180px 1fr}.report-stage:not(.showing-page)::before{left:206px}.report-art{display:none}.report-content{min-height:690px}}@media(max-width:700px){.report-stage:not(.showing-page)::before{display:none}.report-content{padding:29px 19px}.report-content::before{top:15px;left:19px}.intro-copy{margin-top:18px}.section-label::after{display:none}.power-kpi.wide{width:70%}}