/* Home do SCB-Con27 — só o que é exclusivo desta página. Tokens, hero de capa, escuro/aura, faixa, cifras,
   fecho, posts, quadro e ciclo moram em scba.css (ver COMPONENTES.md). */
:root{--indigo:#3A3FB8}
body{line-height:1.6;letter-spacing:-.005em}
p{max-width:60ch}
.btn{letter-spacing:.005em}
.sec{padding-block:clamp(5rem,9vw,8.5rem)}

/* tese: palavras acendem com a rolagem */
.tese .wrap{max-width:1040px}
.tese p[data-tese]{font:800 clamp(1.5rem,2.9vw,2.55rem)/1.2 var(--f-disp);letter-spacing:-.03em;max-width:none;margin:0;color:var(--tinta)}
.tese .w{opacity:.13;transition:opacity .5s var(--ease)}
.tese .w.on{opacity:1}
.tese .w.sol{background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent}
.tese .sub{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:.8rem;max-width:62ch}
.tese .sub p:last-child{margin:0;font-weight:600;color:var(--navy)}

/* nexus ↔ congress: título em 2 colunas, ciclo de 12 meses em largura total */
.nc{background:linear-gradient(180deg,#fff,#F4F6FD)}
.nc .btns{margin-top:2rem}

/* valor: pílulas verticais + foto grande */
.valor{background:#fff}
.eixos{display:grid;gap:clamp(1.6rem,4vw,3.5rem)}
@media(min-width:960px){.eixos{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:start}}
.eixos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}
.eixos li button{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:.65rem;padding:.62rem 1.05rem;border-radius:99px;border:1px solid var(--linha);cursor:pointer;font:600 .9rem/1.2 var(--f-disp);letter-spacing:-.01em;color:var(--tinta-2);background:#fff;transition:.35s var(--ease)}
.eixos li button::before{content:"";width:7px;height:7px;border-radius:50%;background:#C9CCE0;transition:.35s}
.eixos li button:hover{border-color:var(--navy);color:var(--navy)}
.eixos li button[aria-pressed=true]{background:linear-gradient(120deg,#1B2470,#2B4FD6);color:#fff;border-color:transparent;box-shadow:0 12px 26px -14px rgba(47,123,255,.9);translate:6px 0}
.eixos li button[aria-pressed=true]::before{background:#FFC65C;box-shadow:0 0 10px #FFC65C}
.eixos li button:focus-visible{outline:3px solid var(--sol);outline-offset:2px}
.eixo-desc{margin-top:1.4rem;padding:1.1rem 1.2rem;border-radius:14px;font-size:.95rem;color:var(--tinta-2);background:linear-gradient(90deg,rgba(236,136,7,.09),rgba(236,136,7,.02))}
.eixo-painel .foto{--ar:16/10;border-radius:18px;overflow:hidden;box-shadow:0 40px 70px -40px rgba(7,11,38,.55)}
.eixo-painel .foto img{transition:opacity .45s,scale 1.2s var(--ease);filter:saturate(1.1)}
.valor [data-quadro]{margin-top:clamp(3.5rem,6vw,5rem)}

/* ecossistemas */
.eco .topo{margin-bottom:clamp(2rem,4vw,3rem)}
.paineis{display:flex;flex-direction:column;gap:8px}
@media(min-width:900px){.paineis{flex-direction:row;height:min(560px,68vh)}}
.painel{all:unset;box-sizing:border-box;position:relative;overflow:hidden;border-radius:16px;cursor:pointer;flex:1 1 0;min-height:84px;color:#fff;isolation:isolate;transition:flex .8s var(--ease),min-height .8s var(--ease)}
.painel:focus-visible{outline:3px solid #FFC65C;outline-offset:3px}
.painel .bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:saturate(1.15) contrast(1.03);scale:1.06;transition:scale 1.6s var(--ease),filter .8s}
.painel:not([aria-expanded=true]) .bg{filter:saturate(.85) brightness(.85)}
.painel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(7,11,38,.92) 0%,rgba(7,11,38,.55) 28%,transparent 55%)}
.painel[aria-expanded=true]{flex:4.2 1 0;min-height:400px}
.painel[aria-expanded=true] .bg{scale:1}
.painel .tag{position:absolute;top:1rem;right:1rem;font:400 .66rem var(--f-num);letter-spacing:.12em;text-transform:uppercase;padding:.35rem .6rem;border-radius:99px;background:rgba(7,11,38,.55);backdrop-filter:blur(6px);color:#FFC65C;border:0;opacity:1}
.painel .corpo{position:absolute;left:1.25rem;right:1.25rem;bottom:1.2rem}
.painel .corpo b{display:block;font:700 clamp(1.05rem,1.5vw,1.35rem)/1.15 var(--f-disp);letter-spacing:-.02em;max-width:22ch}
.painel .mais{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--ease),opacity .5s}
.painel .mais>span{overflow:hidden;display:block}
.painel[aria-expanded=true] .mais{grid-template-rows:1fr;opacity:1;transition-delay:.2s}
.painel .mais .d{display:block;font-size:.9rem;color:#DCE1F8;max-width:46ch;margin:.55rem 0 .8rem}
.painel .temas{display:flex;flex-wrap:wrap;gap:.35rem}
.painel .temas span{font:400 .7rem var(--f-num);padding:.35rem .65rem;border-radius:99px;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
@media(min-width:900px){
  .painel:not([aria-expanded=true]) .tag{display:none}
  .painel:not([aria-expanded=true]) .corpo{left:50%;right:auto;translate:-50% 0}
  .painel:not([aria-expanded=true]) .corpo b{writing-mode:vertical-rl;rotate:180deg;white-space:nowrap;max-width:none;font-size:1rem}
}
.eco .btns{margin-top:2.2rem}

/* escala */
.escala{background:radial-gradient(60% 70% at 100% 0%,rgba(47,123,255,.08),transparent 70%),#fff}

/* trajetória */
.traj{background:linear-gradient(180deg,#F4F6FD,#fff)}
.linha-pub{width:100%;height:auto;overflow:visible}
.linha-pub text{font:400 10.5px var(--f-num);fill:var(--tinta-2)}
.linha-pub .v{fill:var(--tinta)}
.linha-pub path.l{fill:none;stroke:url(#gl);stroke-width:2.4;stroke-linecap:round}
.linha-pub path.p{fill:none;stroke:#F5A524;stroke-width:2.4;stroke-dasharray:3 7;stroke-linecap:round}
.linha-pub .area{fill:url(#ga)}
.linha-pub circle{fill:#fff;stroke:#1B2470;stroke-width:2}
.linha-pub circle.pj{stroke:#EC8807;fill:#EC8807}
.linha-pub circle.vt{stroke:var(--eletrico);stroke-dasharray:2 2.5}
.linha-pub .vt-t{fill:var(--eletrico)}
.linha-pub .base{stroke:var(--linha)}
.linha-pub .pand{fill:rgba(47,123,255,.07)}
.linha-pub .pand-t{fill:var(--eletrico);letter-spacing:.12em}
.linha-pub .corte{stroke:var(--eletrico);stroke-width:1.4}
.linha-pub .ret{fill:#B66A00}
.js .linha-pub path.l{stroke-dasharray:var(--len,2000);stroke-dashoffset:var(--len,2000);transition:stroke-dashoffset 2.2s var(--ease)}
.js .rv.on .linha-pub path.l{stroke-dashoffset:0}
.leg{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin-top:1.2rem;font:400 .72rem var(--f-num);color:var(--tinta-2)}
.leg span::before{content:"";display:inline-block;width:16px;height:2px;background:#1B2470;vertical-align:middle;margin-right:.5rem}
.leg span.vt::before{height:8px;width:8px;border-radius:50%;border:1.5px dashed var(--eletrico);background:none}
.leg span.pj::before{background:repeating-linear-gradient(90deg,#F5A524 0 3px,transparent 3px 7px)}
.traj .btns{margin-top:2rem}

/* internacional */
.intl{background:#fff}
.intl .g{display:grid;gap:clamp(2.5rem,5vw,4.5rem);align-items:center}
@media(min-width:960px){.intl .g{grid-template-columns:1fr 1fr}}
.intl .grande{display:flex;align-items:center;gap:1rem;margin:1.8rem 0 .8rem;flex-wrap:wrap}
.intl .grande b{font:800 clamp(2.6rem,5vw,4rem)/1 var(--f-disp);letter-spacing:-.05em;background:var(--ouro);-webkit-background-clip:text;background-clip:text;color:transparent}
.intl .grande span{color:var(--tinta-2);line-height:1.3;font-size:.92rem}
.intl .grande small{display:block;font:400 .66rem var(--f-num);letter-spacing:.1em;color:#9a5b00;margin-top:.2rem}
.intl .foto{--ar:4/5;border-radius:20px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(7,11,38,.5)}
.intl .foto img{filter:saturate(1.15)}
.intl .apoio{color:var(--tinta-2);font-size:.92rem}

/* compromissos */
.comp{background:linear-gradient(180deg,#fff,#F4F6FD)}
.comp .g{display:grid;gap:clamp(2rem,5vw,4rem)}
@media(min-width:960px){.comp .g{grid-template-columns:1fr 1.2fr;align-items:start}}
.comp .acc summary{font:700 clamp(1rem,1.3vw,1.15rem)/1.2 var(--f-disp);letter-spacing:-.02em;padding-block:1.1rem}

/* últimas do SCBA */
.ultimas{background:#fff}

.eixo-painel .foto::after,.intl .foto::after{background:linear-gradient(180deg,transparent 78%,rgba(7,11,38,.22))}