/* Nina Costa 4.1 — Página editorial. La escena OBS mantiene la composición anterior. */
body:not(.broadcast){background:#090d13;color:#eef1f6;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
body:not(.broadcast) .controls{max-width:1480px;margin:auto;padding:20px 3%;border-bottom:1px solid #ffffff12;flex-wrap:wrap;gap:12px}
body:not(.broadcast) .controls>a:first-child{font-weight:750;font-size:14px;margin-right:auto}
body:not(.broadcast) .controls label{color:#b6c0cd}
body:not(.broadcast) #stage{width:min(94%,1400px);margin:26px auto 0;aspect-ratio:unset;min-height:650px;height:min(760px,70vw);border:1px solid #ffffff20;border-radius:24px;box-shadow:0 18px 75px #0008}
body:not(.broadcast) #stage header{top:0;padding:26px 32px}
body:not(.broadcast) #stage .brand{font-size:clamp(17px,1.55vw,23px)}
body:not(.broadcast) #stage .brand span{font-size:10px;margin-top:5px;letter-spacing:.17em}
body:not(.broadcast) #stage .feed-tag{font-size:11px;padding:9px 12px;gap:8px}
body:not(.broadcast) #stage #clock{font-size:12px}
body:not(.broadcast) #stage .portrait{inset:0 59% 0 0;opacity:.93}
body:not(.broadcast) #stage .portrait-caption{bottom:70px;left:30px;right:24px}
body:not(.broadcast) #stage .portrait-caption>span{font-size:10px}
body:not(.broadcast) #stage .portrait-caption p{font-size:clamp(20px,2.1vw,32px);max-width:330px}
body:not(.broadcast) #stage .dashboard{top:125px;left:43%;right:5%;bottom:70px;overflow:auto;scrollbar-width:thin}
body:not(.broadcast) #stage .eyebrow{font-size:11px;margin-bottom:13px;letter-spacing:.18em}
body:not(.broadcast) #stage h1{font-size:clamp(29px,3vw,49px);line-height:1.08}
body:not(.broadcast) #stage .reading{margin-top:20px;gap:10px;align-items:center}
body:not(.broadcast) #stage .reading>strong{font-size:clamp(66px,7vw,112px);line-height:1}
body:not(.broadcast) #stage .reading>span{font-size:18px}
body:not(.broadcast) #stage .reading-note{font-size:12px;line-height:1.65}
body:not(.broadcast) #stage h2#label{font-size:clamp(24px,2.5vw,38px);margin:5px 0 24px}
body:not(.broadcast) #stage .meter{height:9px;margin-top:20px}
body:not(.broadcast) #stage #marker{width:5px;height:22px;top:-6px}
body:not(.broadcast) #stage .scale{font-size:10px;margin-top:12px}
body:not(.broadcast) #stage .insight{font-size:clamp(14px,1.1vw,17px);line-height:1.7;margin:22px 0 20px;min-height:0;max-width:100%}
body:not(.broadcast) #stage .history{padding:20px 0;gap:6px}
body:not(.broadcast) #stage .history span,body:not(.broadcast) #stage .chart-head{font-size:10px;line-height:1.5}
body:not(.broadcast) #stage .history strong{font-size:25px}
body:not(.broadcast) #stage .chart-head{margin:18px 0 10px}
body:not(.broadcast) #stage #chart{height:95px}
body:not(.broadcast) #stage footer{padding:16px 28px;font-size:10px;gap:12px;flex-wrap:wrap}
.interpretation{max-width:1400px;width:94%;margin:64px auto 20px}
.section-intro{display:flex;gap:24px;align-items:end;justify-content:space-between;margin-bottom:26px}
.kicker,.tile-step{font-size:11px;letter-spacing:.15em;color:#e2c68c;font-weight:700}
.section-intro h2{font-size:clamp(28px,3.4vw,48px);letter-spacing:-.04em;line-height:1.13;margin:12px 0}
.section-intro p{max-width:700px;color:#aeb9c8;line-height:1.8;margin:0}
.link-pill{display:inline-flex;white-space:nowrap;text-decoration:none;border:1px solid #4f5e70;border-radius:99px;padding:13px 19px;font-size:13px;font-weight:700}
.analysis-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.analysis-tiles article{border:1px solid #ffffff1c;background:linear-gradient(155deg,#17212d,#101720);border-radius:19px;padding:28px;min-height:240px}
.analysis-tiles h3{font-size:21px;letter-spacing:-.025em;margin:17px 0 10px}
.analysis-tiles p{color:#a9b5c4;line-height:1.65;font-size:14px}
.analysis-tiles a{color:#ecd49c;font-size:13px;font-weight:700;text-underline-offset:5px}
.methodology{border-top:1px solid #ffffff22;margin:28px 0;padding:25px 0;display:flex;gap:32px;align-items:start}
.methodology strong{min-width:220px}.methodology p{color:#a9b5c4;max-width:860px;line-height:1.8;margin:0;font-size:14px}
body:not(.broadcast) .help{max-width:1400px;width:94%;background:#111923;border:1px solid #ffffff19;border-radius:19px;padding:24px 30px;margin:28px auto}
body:not(.broadcast) .seo-article{position:static;max-width:1400px;width:94%;margin:20px auto 50px;padding:20px 0;background:transparent;border:0;display:block}
body:not(.broadcast) .seo-article h2{font-size:22px;letter-spacing:0}
body:not(.broadcast) .seo-nav{display:flex;flex-wrap:wrap;gap:10px}
body:not(.broadcast) .seo-nav a{padding:9px 12px;border:1px solid #ffffff30;border-radius:99px;text-decoration:none;font-size:12px}
.broadcast .interpretation,.broadcast .seo-article{display:none!important}
@media(max-width:950px){body:not(.broadcast) #stage{height:auto;min-height:0;aspect-ratio:auto;display:flex;flex-direction:column;padding-top:65px}body:not(.broadcast) #stage header{padding:22px}body:not(.broadcast) #stage .portrait{position:relative;inset:auto;height:310px;min-height:310px;width:100%;overflow:hidden}body:not(.broadcast) #stage .wash{background:linear-gradient(0deg,#0b1016,transparent 60%)}body:not(.broadcast) #stage .portrait-caption{bottom:18px}body:not(.broadcast) #stage .portrait-caption p{font-size:21px}body:not(.broadcast) #stage .dashboard{position:relative;inset:auto;padding:30px 5% 40px;overflow:visible}body:not(.broadcast) #stage footer{position:relative}body:not(.broadcast) #stage .history strong{font-size:21px}.analysis-tiles{grid-template-columns:1fr}.section-intro,.methodology{display:block}.link-pill{margin-top:20px}.methodology p{margin-top:12px}}
@media(max-width:480px){body:not(.broadcast) .controls{padding:15px 4%;gap:8px}body:not(.broadcast) .controls label{width:100%}body:not(.broadcast) .controls button,body:not(.broadcast) .controls .button{font-size:12px;padding:9px}body:not(.broadcast) #stage{width:96%;margin-top:12px;border-radius:15px}body:not(.broadcast) #stage .reading-note{font-size:10px}body:not(.broadcast) #stage .history{grid-template-columns:repeat(2,1fr);gap:20px}body:not(.broadcast) #stage .history div:nth-child(3){border:0;padding:0}body:not(.broadcast) #stage .scale{font-size:8px}body:not(.broadcast) #stage h1{font-size:32px}}
