html{--topo-off:var(--topo,3.5rem)}
html[data-topo="recolhido"]{--topo-off:0px}
.topo{transition:transform .3s var(--ease)}
html[data-topo="recolhido"] .topo:not(:focus-within):not(:has([aria-expanded="true"])){transform:translateY(-100%)}

.bloco-infografico{margin-block:0}
.fluxo{--fl-barra:2.75rem;--fl-chrome:2.75rem}

.fl-barra{position:sticky;top:var(--topo-off,0px);z-index:6;background:var(--papel);transition:top .3s var(--ease)}
.fl-trilha{display:grid;align-items:center;min-height:2.6rem;border-bottom:1px solid var(--filete)}
.fl-trilha ol{display:flex;flex-wrap:wrap;gap:.1rem .9rem;margin:0;padding:0;list-style:none;font:500 .8125rem/1.2 var(--f-micro)}
.fl-trilha li+li::before{content:"/";margin-right:.9rem;color:var(--cinza)}
.fl-trilha a{color:var(--tinta);text-decoration:none}
.fl-trilha a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:.3em}
.fl-trilha [aria-current="location"]{border-bottom:2px solid var(--camp,var(--tinta));padding-bottom:.1rem}
.fl-atual.entra{animation:fl-entra .6s var(--ease) both}
@keyframes fl-entra{from{opacity:0}to{opacity:1}}
.fl-trilha ol.sv-host,.fl-trilha .sv-camada{flex-wrap:wrap}
.fl-progresso{height:2px;margin-top:-2px;background:transparent}
.fl-progresso span{display:block;height:100%;background:var(--camp,var(--tinta));transform:scaleX(0);transform-origin:left}

.fl-corpo{display:grid;grid-template-columns:6.25rem minmax(0,1fr);gap:0 var(--gut,2rem);align-items:start}

.fl-indice{position:sticky;top:calc(var(--topo-off,0px) + var(--fl-barra) + 1rem);transition:top .3s var(--ease);max-height:calc(100svh - var(--topo-off,0px) - var(--fl-barra) - 2rem);overflow-y:auto;scrollbar-width:none;padding:1rem 0 .5rem}
.fl-indice::-webkit-scrollbar{display:none}
.fl-lista{margin:0;padding:0;list-style:none}
.fl-lista>li{display:grid;grid-template-rows:1fr;border-left:3px solid transparent;padding-left:.45rem;transition:grid-template-rows var(--fl-troca,480ms) var(--ease),opacity var(--fl-troca,480ms) var(--ease),border-color .6s var(--ease)}
.fl-lista>li[data-vazio]{grid-template-rows:0fr;opacity:0;pointer-events:none}
.fl-lista>li[data-atual]{border-left-color:var(--camp,var(--tinta))}
.fl-slot{min-height:0;overflow:hidden;padding-bottom:.55rem}
.fl-vaga{position:relative;display:block;text-decoration:none;opacity:.72;transition:opacity .6s var(--ease)}
.fl-lista>li[data-atual] .fl-vaga,.fl-vaga:is(:hover,:focus-visible){opacity:1}
.fl-lista a:focus-visible{outline:2px solid var(--camp,var(--tinta));outline-offset:-2px}
.fl-thumb{position:relative;display:block;aspect-ratio:8/5;overflow:hidden;background:var(--superficie)}
.fl-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgb(255 255 255/.55) 50%,transparent 70%);background-size:220% 100%;animation:fl-respira 1.4s linear infinite;opacity:1;transition:opacity .5s var(--ease);pointer-events:none}
.fl-thumb[data-pronta]::after,.fl-lista>li[data-vazio] .fl-thumb::after{opacity:0;animation:none}
.fl-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s var(--ease)}
.fl-thumb[data-pronta] img{opacity:1}
.fl-thumb img:not([src]){visibility:hidden}
.fl-num{position:absolute;left:0;bottom:0;padding:.2rem .4rem;font:600 .75rem/1 var(--f-micro);letter-spacing:.06em;color:#fff;background:rgb(1 5 8/.78)}
.fl-num:empty{display:none}
.fl-caps-caixa{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .6s var(--ease),opacity .5s var(--ease)}
.fl-lista>li[data-atual] .fl-caps-caixa{grid-template-rows:1fr;opacity:1;transition-delay:.08s}
.fl-caps{min-height:0;overflow:hidden;margin:0;padding:.4rem 0 .2rem;list-style:none}
.fl-caps li{position:relative;border-left:1px solid var(--filete)}
.fl-caps li::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--camp,var(--tinta));transform:scaleY(0);transition:transform .6s var(--ease)}
.fl-caps li:has(a[aria-current="location"])::before{transform:scaleY(1)}
.fl-caps a{display:block;padding:.3rem .5rem;font:400 .75rem/1.2 var(--f-micro);color:var(--cinza);text-decoration:none;transition:color .6s var(--ease)}
.fl-caps a:is(:hover,:focus-visible){color:var(--tinta);transition-duration:.25s}
.fl-caps a:focus-visible{outline:2px solid var(--camp,var(--tinta));outline-offset:-2px}
.fl-caps a[aria-current="location"]{color:var(--tinta)}
.fl-capsbar{display:none}

.fl-pecas{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--esp-m,2.5rem)}
.fl-pecas>.sv-camada{display:grid;gap:var(--esp-m,2.5rem);align-content:start}
.fl-trilha .sv-camada{display:flex;flex-wrap:wrap;gap:.1rem .9rem}
.fl-fim:empty{display:none}
.fl-peca{width:min(100%,var(--col,1200px));margin-inline:auto;outline:none;scroll-margin-top:calc(var(--fl-chrome) + .5rem)}
.fl-cab{padding:var(--esp-p,1rem) 0 1rem}
.fl-n{margin:0 0 .5rem;font:600 .8125rem/1 var(--f-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--cinza)}
.fl-cab h3{margin:0 0 .6rem;font:600 clamp(1.5rem,2.8vw,2.4rem)/1.05 var(--f-nome);text-transform:uppercase}
.fl-resumo{margin:0;max-width:44rem;font:400 1rem/1.45 var(--f-texto);color:var(--cinza)}
.fl-faixas{display:block}
.fl-faixa{position:relative;margin:0;background:color-mix(in srgb,var(--camp,#888) 12%,var(--superficie))}
.fl-faixa img{display:block;width:100%;height:auto;max-width:none;opacity:0;transition:opacity .3s var(--ease)}
.fl-faixa[data-pronta] img{opacity:1}
.fl-peca[data-perto] .fl-faixa:not([data-pronta])::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--camp,#fff) 16%,transparent) 50%,transparent 70%);background-size:220% 100%;animation:fl-respira 1.4s linear infinite}
@keyframes fl-respira{from{background-position:120% 0}to{background-position:-120% 0}}

.fl-fim{padding:var(--esp-m,2rem) 0 0;margin-left:calc(6.25rem + var(--gut,2rem))}
.fl-prox{display:grid;gap:.3rem;width:min(100%,28rem);padding:1rem 1.1rem;border:1px solid var(--tinta);color:var(--tinta);text-decoration:none}
.fl-prox span{font:500 .75rem/1 var(--f-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--cinza)}
.fl-prox b{font:600 1.25rem/1.1 var(--f-nome);text-transform:uppercase}
.fl-prox:is(:hover,:focus-visible){background:var(--tinta);color:var(--papel)}
.fl-prox:is(:hover,:focus-visible) span{color:inherit}
.fl-prox:focus-visible{outline:2px solid var(--camp,var(--tinta));outline-offset:3px}

.fl-dica{position:fixed;left:50%;bottom:1.25rem;transform:translateX(-50%);z-index:30;margin:0;padding:.6rem 1rem;background:var(--tinta);color:var(--papel);font:500 .8125rem/1 var(--f-micro);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;transition:opacity .5s var(--ease)}
.fl-dica.some{opacity:0}

@media (max-width:767px){
  .fl-corpo{grid-template-columns:minmax(0,1fr)}
  .fl-trilha li:nth-child(-n+3){display:none} 
  .fl-trilha li:nth-child(4)::before{display:none}
  .fl-indice{top:calc(var(--topo-off,0px) + var(--fl-barra));max-height:none;z-index:5;padding:0;background:var(--papel);border-bottom:1px solid var(--filete);overflow:visible}
  .fl-lista{display:flex;gap:.35rem;overflow-x:auto;padding:.4rem 0;scrollbar-width:none}
  .fl-lista::-webkit-scrollbar{display:none}
  .fl-lista>li{flex:none;width:4.25rem;display:block;border-left:0;padding-left:0;border-bottom:3px solid transparent}
  .fl-lista>li[data-vazio]{width:0;overflow:hidden}
  .fl-slot{padding-bottom:0}
  .fl-lista>li[data-atual]{border-bottom-color:var(--camp,var(--tinta))}
  .fl-lista .fl-caps-caixa{display:none!important}
  .fl-capsbar:not([hidden]){display:flex;gap:.25rem;overflow-x:auto;padding:.35rem 0;border-top:1px solid var(--filete);scrollbar-width:none}
  .fl-capsbar a{flex:none;padding:.4rem .7rem;border:1px solid var(--filete);color:var(--tinta);text-decoration:none;font:500 .75rem/1 var(--f-micro);letter-spacing:.03em;text-transform:uppercase;transition:border-color .6s var(--ease),box-shadow .6s var(--ease)}
  .fl-capsbar a[aria-current="location"]{border-color:var(--camp,var(--tinta));box-shadow:inset 0 -3px 0 var(--camp,var(--tinta))}
  .fl-rolo{overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain}
  .fl-faixas{width:var(--leitura-cel,1100px)}
  .fl-fim{margin-left:0}
}
@media (prefers-reduced-motion:reduce){
  .topo,.fl-barra,.fl-indice,.fl-vaga,.fl-thumb img,.fl-thumb::after,.fl-lista>li,.fl-faixa img,.fl-caps-caixa,.fl-caps li::before,.fl-caps a,.fl-capsbar a{transition:none}
  .fl-atual.entra{animation:none}
  .fl-peca[data-perto] .fl-faixa:not([data-pronta])::after,.fl-thumb::after{animation:none}
}
.fl-inicio .fl-lista>li,.fl-inicio .fl-vaga,.fl-inicio .fl-caps-caixa,.fl-inicio .fl-caps li::before,.fl-inicio .fl-caps a{transition:none}