/* View Campanha Nacional — hero e linha do tempo (ViewCampanha2026.jsx, LinhaDoTempoCampanha.jsx). */

.portal .hero{position:relative;background:var(--cor-preto-ebano);color:var(--cor-branco-paz);overflow:hidden}
.portal .hero__fundo{position:absolute;left:0;right:0;bottom:0;width:100%;height:auto;pointer-events:none}
/* Fotos escolhidas no painel: cobrem o hero; só a sorteada (html[data-hero]) aparece. */
.portal .hero__fundo--foto{top:0;height:100%;object-fit:cover;display:none}
html:not([data-hero]) .portal .hero__fundo--foto[data-i="0"],
html[data-hero="0"] .portal .hero__fundo--foto[data-i="0"],
html[data-hero="1"] .portal .hero__fundo--foto[data-i="1"],
html[data-hero="2"] .portal .hero__fundo--foto[data-i="2"],
html[data-hero="3"] .portal .hero__fundo--foto[data-i="3"]{display:block}
/* Foto escolhida para um círculo da linha do tempo: sem a ampliação das ilustrações. */
.portal .etapa__img--foto{transform:none;object-position:center}
.portal .hero__veu{position:absolute;inset:0;background:var(--veu-preto-60);pointer-events:none}
.portal .hero__interno{position:relative;max-width:var(--largura-conteudo);margin:0 auto;padding:calc(var(--esp-16) + 20px) var(--esp-5) calc(var(--esp-20) + 20px);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--esp-10);align-items:center}
.portal .hero__selo{display:inline-block;margin-bottom:var(--esp-4);background:var(--cor-azul-atlantico);color:var(--cor-branco-paz);padding:8px 16px;border-radius:var(--raio-1);font:var(--peso-black) var(--texto-base)/1 var(--fonte-titulo);text-transform:uppercase;letter-spacing:.04em}
.portal .hero__titulo{font:var(--peso-black) var(--texto-4xl)/1.02 var(--fonte-titulo);font-size:clamp(1.25rem,4vw,2rem);line-height:var(--entrelinha-titulo-multi);letter-spacing:var(--tracking-titulo)}
.portal .hero__abertura{margin-top:var(--esp-6);font:var(--tipo-texto-lg);font-size:17px;max-width:60ch;text-wrap:pretty;color:var(--cor-branco-paz)}
.portal .hero__botoes{margin-top:var(--esp-8)}
.portal .hero__logo{justify-self:center;align-self:center;width:100%;max-width:440px;height:auto;display:block;filter:drop-shadow(0 12px 32px rgba(0,0,0,.45))}

.portal .linha-tempo-secao{max-width:var(--largura-conteudo);margin:0 auto;padding:var(--esp-16) var(--esp-5)}
.portal .cabeca-secao{display:flex;flex-direction:column;gap:var(--esp-3);margin-bottom:var(--esp-12)}
.portal .linha-tempo-secao__botoes{margin-top:calc(var(--esp-12) + 30px)}

.portal .linha-tempo{display:flex;flex-direction:column;gap:calc(var(--esp-4) + 30px)}
.portal .etapa{display:grid;grid-template-columns:300px max-content 80px;justify-content:start;gap:var(--esp-6);align-items:stretch}
.portal .etapa--invertida{grid-template-columns:80px max-content 300px;justify-content:end}
.portal .etapa--invertida .etapa__faixa{order:1}
.portal .etapa--invertida .etapa__texto{order:2}
.portal .etapa--invertida .etapa__figura{order:3}

.portal .etapa__figura{height:100%;display:flex;flex-direction:column;gap:var(--esp-3);align-items:flex-end;justify-content:center}
.portal .etapa--invertida .etapa__figura{align-items:flex-start}
.portal .etapa__circulo{position:relative;aspect-ratio:1/1;width:100%;max-width:300px;border-radius:var(--raio-pilula);overflow:hidden;border:var(--borda-grossa) solid var(--traco-forte);display:flex;align-items:flex-end;flex:none}
.portal .etapa__circulo--fundo{background:var(--superficie-alt)}
/* As vetorizações têm a metade superior transparente: a ampliação ancorada na
   base traz a faixa ilustrada até encher o disco. */
.portal .etapa__img{width:100%;height:100%;object-fit:cover;object-position:center bottom;display:block;transform:scale(var(--zoom,1));transform-origin:bottom center}

.portal .etapa__texto{display:flex;flex-direction:column;gap:var(--esp-4);justify-content:center;align-items:flex-start;text-align:left}
.portal .etapa--invertida .etapa__texto{align-items:flex-end;text-align:right}
.portal .etapa__cabeca{display:flex;align-items:center;gap:var(--esp-3)}
.portal .etapa--invertida .etapa__cabeca{flex-direction:row-reverse}
.portal .etapa__numero{display:inline-flex;align-items:center;justify-content:center;flex:none;width:64px;height:64px;border-radius:var(--raio-pilula);background:var(--cor-amarelo-sol);color:var(--cor-preto-ebano);font:var(--peso-black) var(--texto-xl)/1 var(--fonte-titulo)}
.portal .etapa__datas{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.portal .etapa--invertida .etapa__datas{align-items:flex-end}
.portal .etapa__titulo{font:var(--tipo-titulo-1);font-size:var(--texto-2xl);line-height:var(--entrelinha-titulo-multi);letter-spacing:var(--tracking-titulo);text-transform:uppercase;text-wrap:pretty}
.portal .etapa__paragrafo{font:var(--tipo-texto);max-width:46ch;text-wrap:pretty}
.portal .etapa__locais{display:flex;flex-wrap:wrap;gap:var(--esp-2);max-width:46ch}
.portal .etapa--invertida .etapa__locais{justify-content:flex-end}
.portal .etapa__dado{display:inline-flex;align-items:baseline;gap:var(--esp-3);background:var(--cor-preto-ebano);color:var(--cor-branco-paz);padding:var(--esp-3) var(--esp-4);border-radius:var(--raio-1)}
.portal .etapa__dado-valor{font:var(--peso-black) var(--texto-3xl)/1 var(--fonte-titulo);letter-spacing:var(--tracking-titulo)}
.portal .etapa__dado-rotulo{color:var(--cor-amarelo-sol)}
.portal .etapa__faixa{display:flex;align-items:flex-end;justify-content:flex-start;height:100%;color:var(--cor-preto-ebano)}
.portal .etapa--invertida .etapa__faixa{justify-content:flex-end}
.portal .etapa__seta{display:block;flex:none}
.portal .etapa--invertida .etapa__seta{transform:scaleX(-1)}

@media (max-width:899.98px){
  .portal .hero__interno{grid-template-columns:minmax(0,1fr)}
  .portal .hero__logo{order:-1}
  .portal .linha-tempo{gap:calc(var(--esp-12) + 30px)}
  .portal .etapa,.portal .etapa--invertida{grid-template-columns:1fr;justify-content:stretch;gap:var(--esp-5)}
  .portal .etapa--invertida .etapa__figura{order:0}
  .portal .etapa--invertida .etapa__texto{order:1}
  .portal .etapa__figura,.portal .etapa--invertida .etapa__figura{height:auto;align-items:flex-start}
  .portal .etapa__texto,.portal .etapa--invertida .etapa__texto{align-items:flex-start;text-align:left}
  .portal .etapa--invertida .etapa__cabeca{flex-direction:row}
  .portal .etapa--invertida .etapa__datas{align-items:flex-start}
  .portal .etapa--invertida .etapa__locais{justify-content:flex-start}
  .portal .etapa__faixa{display:none}
}

/* Responsividade (27/10/2026): no tablet, círculo ao lado do texto; no celular,
   círculo menor; seções com respiro proporcional. */
@media (max-width:899.98px) and (min-width:600px){
  .portal .etapa,.portal .etapa--invertida{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:var(--esp-8)}
  .portal .etapa__circulo{max-width:200px}
}
@media (max-width:599.98px){
  .portal .etapa__circulo{max-width:240px}
  .portal .hero__interno{padding:var(--esp-10) var(--esp-5) var(--esp-12)}
  .portal .hero__logo{max-width:280px}
  .portal .linha-tempo-secao{padding:var(--esp-12) var(--esp-5)}
  .portal .hero__botoes .botao{flex:1 1 100%}
  .portal .linha-tempo-secao__botoes .botao{flex:1 1 100%}
}

/* Imagem da etapa clicável (27/10/2026): leva a outra parte do portal. */
.portal .etapa__link{display:block;width:100%;max-width:300px;border-radius:var(--raio-pilula);color:inherit}
.portal .etapa__link .etapa__circulo{transition:transform var(--dur-base) var(--ease-padrao),box-shadow var(--dur-base) var(--ease-padrao)}
.portal .etapa__link:hover .etapa__circulo{transform:scale(1.03);box-shadow:var(--sombra-bloco)}
.portal .etapa__link:focus-visible{box-shadow:none}
.portal .etapa__link:focus-visible .etapa__circulo{box-shadow:var(--foco-anel)}
@media (max-width:899.98px) and (min-width:600px){.portal .etapa__link{max-width:200px}}
@media (max-width:599.98px){.portal .etapa__link{max-width:240px}}