@charset "utf-8";
/* ==========================================================================
   Bernardes Gestão Legal — folha de estilo única
   Etapa 3 · direção visual e protótipo
   Sumário
   01 Tokens · 02 Base · 03 Tipografia · 04 Layout · 05 Marca
   06 Ações · 07 Cabeçalho · 08 Rodapé · 09 Blocos · 10 Componentes
   11 Formulários · 12 Utilitários · 13 Responsivo
   … 26 Paleta alternativa (ferramenta de protótipo)
   ========================================================================== */

/* 01 · TOKENS ============================================================= */
/* Arquitetura de cores definida pelo Thiago (WhatsApp de 01/10/2026, registrado
   em _referencias/3-reunioes/). Cada tom tem uma função, e é a função que manda:

     #1B2F37  autoridade: texto, cabeçalho, rodapé e os blocos escuros
     #517483  identidade Bernardes: superfícies, blocos, diagramas e ícones
     #FF7061  destaque: CTA, números, marcações e pontos de decisão
     #D87A78  coral secundário, editorial
     #FFFFFF  fundo principal, com bastante respiro
     #EDF0F4  fundo das áreas secundárias
     #D6D6D8  linhas e divisores, nunca fundo de área grande

   Dois ajustes de contraste, sem mexer na lógica: o coral mede 2,7:1 sobre
   branco, então link de texto fica em tinta e só a seta e o fio são coral; e o
   botão usa #E8584A com texto branco em negrito de 19px (3,5:1, texto grande).
   Sobre os blocos escuros o coral passa (5,1:1) e aí é texto.
   As regras aprovadas estão em DESIGN.md, na raiz. */
:root{
  --coral:#ff7061;
  --coral-2:#d87a78;        /* editorial, mais suave */
  --coral-botao:#e8584a;    /* botão com texto branco: 3,5:1, texto grande em negrito */
  --coral-soft:color-mix(in srgb,var(--coral) 16%,transparent);
  --petroleo:#517483;       /* identidade: superfícies e componentes */
  --superficie:#517483;     /* preenchimento escuro dos diagramas */
  --marinho:#1b2f37;        /* autoridade: 13,9:1 sobre branco */
  --marinho-fundo:#1b2f37;  /* rodapé e faixas profundas: a mesma base, como na paleta */
  --marinho-claro:#27424c;

  --papel:#ffffff;
  --papel-2:#edf0f4;
  --branco:#ffffff;

  --tinta:#1b2f37;
  --tinta-2:#3e5862;        /*  7,6:1 sobre branco, 6,6:1 sobre #EDF0F4 */
  --tinta-3:#4b6974;        /*  5,9:1 sobre branco, 5,1:1 sobre #EDF0F4 */
  --sobre-marinho:#eef2f4;
  --sobre-marinho-3:#c2ced3;

  --fio:#d6d6d8;
  --fio-forte:#b7c0c6;
  --fio-claro:rgba(254,254,254,.18);

  --serifa:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --caixa:1180px;
  --margem:clamp(20px,5vw,56px);
  --respiro:clamp(64px,8vw,116px);
  --raio:2px;
  --transicao:180ms cubic-bezier(.2,.6,.3,1);
}

/* 02 · BASE =============================================================== */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  background:var(--papel);
  color:var(--tinta);
  font-family:var(--sans);
  font-size:1.0625rem;
  line-height:1.72;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
::selection{background:var(--coral-soft);color:var(--marinho)}

:where(a){color:inherit;text-decoration-color:var(--fio-forte);text-underline-offset:.22em}
:where(a):hover{text-decoration-color:var(--coral)}
:focus-visible{outline:2px solid var(--coral);outline-offset:3px;border-radius:1px}

/* 03 · TIPOGRAFIA ========================================================= */
h1,h2,h3,h4{margin:0;font-weight:400;font-family:var(--serifa);letter-spacing:-.018em;color:var(--marinho)}
h1{font-size:clamp(2.35rem,1.4rem + 3.5vw,3.9rem);line-height:1.06}
h2{font-size:clamp(1.85rem,1.25rem + 2.1vw,2.75rem);line-height:1.14}
h3{font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);line-height:1.26;letter-spacing:-.012em}
h4{font-family:var(--sans);font-size:1rem;font-weight:600;line-height:1.4;letter-spacing:0}
p{margin:0 0 1.15em}
p:last-child{margin-bottom:0}
strong{font-weight:600;color:var(--marinho)}
em{font-style:italic}

.olho{                       /* eyebrow / etiqueta de seção */
  display:flex;align-items:flex-start;gap:.75rem;
  margin:0 0 1.4rem;
  font-size:.72rem;font-weight:600;line-height:1.5;
  letter-spacing:.17em;text-transform:uppercase;color:var(--tinta-3);
}
.entrada{                    /* parágrafo de abertura */
  font-family:var(--serifa);font-weight:300;
  font-size:clamp(1.15rem,1.02rem + .5vw,1.4rem);
  line-height:1.56;letter-spacing:-.008em;color:var(--tinta-2);
}
.miuda{font-size:.82rem;line-height:1.55;color:var(--tinta-3)}
.fonte{margin-top:.9rem;font-size:.75rem;letter-spacing:.04em;color:var(--tinta-3)}

.prosa > * + *{margin-top:1.1em}
.prosa h3{margin-top:2.4em}
.prosa h3 + p{margin-top:.7em}
.prosa ul{margin:0;padding-left:1.1rem}
.prosa li{margin-bottom:.5em}
.prosa li::marker{color:var(--coral)}

/* 04 · LAYOUT ============================================================= */
.caixa{width:100%;max-width:var(--caixa);margin-inline:auto;padding-inline:var(--margem)}
.secao{padding-block:var(--respiro)}
.secao--curta{padding-block:clamp(44px,5.5vw,72px)}
.secao--papel2{background:var(--papel-2)}
.secao--marinho{background:var(--marinho);color:var(--sobre-marinho)}
.secao--fundo{background:var(--marinho-fundo);color:var(--sobre-marinho)}

.secao--marinho h1,.secao--marinho h2,.secao--marinho h3,.secao--marinho h4,
.secao--fundo h1,.secao--fundo h2,.secao--fundo h3,.secao--fundo h4{color:var(--branco)}
.secao--marinho .olho,.secao--fundo .olho{color:var(--sobre-marinho-3)}
.secao--marinho .entrada,.secao--fundo .entrada{color:var(--sobre-marinho)}
.secao--marinho .miuda,.secao--fundo .miuda,
.secao--marinho .fonte,.secao--fundo .fonte{color:var(--sobre-marinho-3)}

.linhas{display:grid;gap:clamp(2rem,4vw,3.2rem)}
.duas{display:grid;gap:clamp(2rem,4vw,3.4rem)}
.tres{display:grid;gap:clamp(1.6rem,3vw,2.4rem)}
.estreito{max-width:64ch}
.medio{max-width:78ch}

/* cabeçalho de seção com rótulo fixo à esquerda */
.par{display:grid;gap:clamp(1.6rem,3vw,2.6rem)}
.par__rotulo{align-self:start}
.par__rotulo .olho{margin-bottom:.9rem}

/* 05 · MARCA ============================================================== */
/* Marcador de rótulo: um fio curto. O motivo das três barras é o logotipo e
   fica reservado a ele — repetido antes de cada rótulo, virava textura. */
.olho__fio{
  width:24px;height:2px;margin-top:.52em;flex:0 0 auto;
  background:var(--coral);border-radius:1px;
}
.numero{
  font-family:var(--serifa);font-size:.82rem;font-weight:400;
  letter-spacing:.08em;color:var(--coral);
}

/* 06 · AÇÕES ============================================================== */
.botao{
  display:inline-flex;align-items:center;gap:.6rem;
  padding:.82rem 1.5rem;border:1px solid var(--marinho);border-radius:var(--raio);
  background:var(--marinho);color:var(--branco);
  font-family:var(--sans);font-size:.875rem;font-weight:500;line-height:1;
  letter-spacing:.02em;text-decoration:none;cursor:pointer;
  transition:background var(--transicao),border-color var(--transicao),color var(--transicao);
}
.botao:hover{background:var(--marinho-claro);border-color:var(--marinho-claro)}
.botao--vazado{background:transparent;color:var(--marinho)}
.botao--vazado:hover{background:var(--marinho);color:var(--branco)}
.botao--claro{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.botao--claro:hover{background:transparent;color:var(--branco)}
.botao--fantasma{background:transparent;border-color:var(--fio-claro);color:var(--branco)}
.botao--fantasma:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}

/* link com seta — usado no lugar de botões secundários */
.seta{
  display:inline-flex;align-items:baseline;gap:.5rem;
  font-size:.9rem;font-weight:500;letter-spacing:.01em;
  text-decoration:none;color:var(--marinho);
  border-bottom:1px solid var(--fio-forte);padding-bottom:.28rem;
  transition:border-color var(--transicao),color var(--transicao);
}
.seta .icone--seta{transition:transform var(--transicao)}
.seta:hover{border-color:var(--coral)}
.seta:hover .icone--seta{transform:translateX(3px)}
.secao--marinho .seta,.secao--fundo .seta,.abertura .seta{color:var(--branco);border-color:var(--fio-claro)}
.secao--marinho .seta:hover,.secao--fundo .seta:hover,.abertura .seta:hover{border-color:var(--coral)}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1.1rem 1.8rem;margin-top:2.2rem}

/* 07 · CABEÇALHO ========================================================== */
.pular{
  position:absolute;left:var(--margem);top:-100px;z-index:60;
  background:var(--marinho);color:var(--branco);padding:.8rem 1.2rem;
  font-size:.85rem;text-decoration:none;
}
.pular:focus{top:12px}

.topo{
  position:sticky;top:0;z-index:50;
  background:var(--papel);border-bottom:1px solid var(--fio);
}
.topo__caixa{
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
  min-height:88px;
}
.topo__marca{display:inline-flex;align-items:center;text-decoration:none}
.topo__marca img{width:auto;height:44px}
.topo__nav{display:flex;align-items:center;gap:clamp(1.3rem,2.6vw,2.4rem)}
.topo__nav a{
  position:relative;text-decoration:none;
  font-size:.9rem;font-weight:500;letter-spacing:.005em;color:var(--tinta-2);
  padding-block:.4rem;transition:color var(--transicao);
}
.topo__nav a:hover{color:var(--marinho)}
.topo__nav a::after{
  content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;
  background:var(--coral);transform:scaleX(0);transform-origin:left;
  transition:transform var(--transicao);
}
.topo__nav a:hover::after{transform:scaleX(1)}
.topo__nav a[aria-current="page"]{color:var(--marinho)}
.topo__nav a[aria-current="page"]::after{transform:scaleX(1)}
.topo__acao{display:flex;align-items:center;gap:1.2rem}

/* menu de tela pequena, sem script */
.menu__gatilho,.menu__rotulo{display:none}
.menu__gatilho{position:absolute;opacity:0;width:1px;height:1px}

/* 08 · RODAPÉ ============================================================= */
.rodape{background:var(--marinho-fundo);color:var(--sobre-marinho);padding-block:clamp(56px,7vw,84px) 0}
.rodape a{text-decoration:none;color:var(--sobre-marinho);transition:color var(--transicao)}
.rodape a:hover{color:var(--branco)}
.rodape__grade{display:grid;gap:clamp(2.4rem,4vw,3rem)}
.rodape__marca img{height:96px;width:auto;margin-bottom:1.4rem}
.rodape .miuda{color:var(--sobre-marinho-3)}
.rodape__titulo{
  font-family:var(--sans);font-size:.72rem;font-weight:600;
  letter-spacing:.17em;text-transform:uppercase;color:var(--sobre-marinho-3);
  margin:0 0 1.1rem;
}
.rodape__lista{list-style:none;margin:0;padding:0;font-size:.92rem;line-height:1.5}
.rodape__lista li + li{margin-top:.62rem}
.rodape__base{
  margin-top:clamp(2.6rem,5vw,4rem);border-top:1px solid var(--fio-claro);
  padding-block:1.6rem 2rem;
  display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:space-between;
  font-size:.8rem;color:var(--sobre-marinho-3);
}
.rodape__base p{margin:0}

/* 09 · BLOCOS ============================================================= */

/* abertura de página */
.abertura{padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,84px)}
/* Uma coluna: em duas, a medida do título ficava curta demais e a frase
   longa esticava para sete linhas, com a coluna vizinha vazia em cima. */
.abertura__grade{display:grid;gap:clamp(1.5rem,3vw,2.4rem)}
.abertura h1{
  font-size:clamp(2.05rem,1.35rem + 2.6vw,3.3rem);
  max-width:30ch;margin-bottom:0;
}
.abertura .entrada{max-width:58ch}
.migalhas{
  display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;
  font-size:.78rem;letter-spacing:.03em;color:var(--tinta-3);
}
.migalhas a{text-decoration:none;color:var(--tinta-3)}
.migalhas a:hover{color:var(--marinho)}
.migalhas span[aria-hidden]{color:var(--fio-forte)}

/* bifurcação — duas jornadas separadas por fio */
.bifurcacao{display:grid;border-top:1px solid var(--fio)}
.porta{
  display:block;padding:1.9rem 0 1.7rem;text-decoration:none;
  border-bottom:1px solid var(--fio);position:relative;
  transition:padding-left var(--transicao);
}
.porta::before{
  content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--coral);
  transition:width var(--transicao);
}
.porta:hover::before,.porta:focus-visible::before{width:44px}
.porta:hover{padding-left:12px}
.porta__titulo{
  display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
  font-family:var(--serifa);font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);
  line-height:1.2;color:var(--marinho);
}
.porta__titulo .icone--porta{width:18px;height:18px;color:var(--tinta-3);flex:0 0 auto}
.porta p{margin:.55rem 0 0;font-size:.95rem;color:var(--tinta-2);max-width:46ch}

/* faixa de credibilidade */
.faixa{display:grid;gap:0}
.faixa__item{padding:1.5rem 0}
.faixa__item p{margin:0;font-size:.92rem;line-height:1.5;color:var(--sobre-marinho)}
.faixa__item .numero{display:block;margin-bottom:.7rem}

/* passos numerados */
.passos{counter-reset:passo;display:grid;gap:0}
.passo{
  counter-increment:passo;position:relative;
  padding:1.8rem 0;border-top:1px solid var(--fio);
  display:grid;gap:.35rem 2rem;
}
.passo::before{
  content:counter(passo,decimal-leading-zero);
  font-family:var(--serifa);font-size:.82rem;letter-spacing:.08em;color:var(--coral);
}
.passo h3{font-size:1.2rem}
.passo p{margin:0;font-size:.95rem;color:var(--tinta-2);max-width:60ch}

/* grade de capacidades — só fios, sem caixas */
.capacidades{display:grid;gap:0 clamp(1.8rem,3vw,3rem)}
.capacidade{
  padding:1.6rem 0 1.9rem;border-top:1px solid var(--fio);position:relative;
}
.capacidade:not(.capacidade--icone)::before{
  content:"";position:absolute;left:0;top:-1px;width:28px;height:1px;background:var(--coral);
}
.capacidade h3{font-size:1.15rem;margin-bottom:.55rem}
.capacidade p{margin:0;font-size:.93rem;line-height:1.62;color:var(--tinta-2)}

/* com ícone: ele vira a âncora do cartão e dispensa o traço coral no fio.
   O que muda na organização vem antes, com mais peso; o que é feito vem
   depois, em corpo menor — a ordem que a especificação exige, agora legível
   como duas camadas e não como um parágrafo só. */
.capacidade--icone{padding-top:1.5rem}
.capacidade__icone{
  width:22px;height:22px;stroke-width:1.5;color:var(--coral);
  display:block;margin-bottom:1.1rem;
}
.capacidade__muda{
  margin:0 0 .6rem;font-size:.97rem;line-height:1.5;font-weight:500;color:var(--marinho);
}
.capacidade__faz{margin:0;font-size:.875rem;line-height:1.62;color:var(--tinta-3)}
.capacidade__marca{
  display:block;font-family:var(--serifa);font-size:.78rem;letter-spacing:.09em;
  color:var(--tinta-3);margin-bottom:.9rem;
}

/* lista de fios — entregáveis, sinais, princípios */
.fios{list-style:none;margin:0;padding:0}
.fios li{
  padding:1.05rem 0;border-bottom:1px solid var(--fio);
  display:flex;gap:1rem;align-items:baseline;font-size:.97rem;color:var(--tinta-2);
}
.fios li::before{content:"";flex:0 0 auto;width:6px;height:6px;background:var(--coral);border-radius:1px;transform:translateY(-1px)}
.fios--limpa li::before{display:none}
.secao--marinho .fios li,.secao--fundo .fios li{color:var(--sobre-marinho);border-color:var(--fio-claro)}

/* tabela institucional */
.tabela{width:100%;border-collapse:collapse;font-size:.93rem}
.tabela th,.tabela td{text-align:left;padding:.95rem 1.2rem .95rem 0;border-bottom:1px solid var(--fio);vertical-align:top}
.tabela th{
  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--tinta-3);border-bottom-color:var(--fio-forte);padding-bottom:.7rem;
}
.tabela td{color:var(--tinta-2)}
.tabela td:first-child{color:var(--marinho);font-weight:500;padding-right:2rem}

/* citação */
.citacao{
  margin:0;padding-left:clamp(1.2rem,2.5vw,2rem);border-left:1px solid var(--coral);
  font-family:var(--serifa);font-weight:300;font-style:italic;
  font-size:clamp(1.2rem,1.05rem + .7vw,1.55rem);line-height:1.45;color:var(--marinho);
}
.citacao cite{
  display:block;margin-top:1.2rem;font:500 .78rem/1.4 var(--sans);
  font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);
}
.secao--marinho .citacao,.secao--fundo .citacao{color:var(--branco)}
.secao--marinho .citacao cite,.secao--fundo .citacao cite{color:var(--sobre-marinho-3)}

/* autoridade — retrato */
.autoridade{display:grid;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.autoridade__retrato{position:relative;max-width:420px}
.autoridade__retrato img{width:100%;border-radius:var(--raio)}
.autoridade__retrato::after{
  content:"";position:absolute;left:-14px;bottom:-14px;width:78px;height:78px;
  border-left:1px solid var(--coral);border-bottom:1px solid var(--coral);
}

/* chamada final */
.chamada{display:grid;gap:clamp(1.8rem,3vw,3rem);align-items:end}
.chamada h2{max-width:20ch}

/* 10 · COMPONENTES ======================================================== */

/* roda de elementos — permanece aberta até que outro seja escolhido */
.roda{--n:8;--d:clamp(540px,54vw,660px);position:relative}
.roda__radio{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.roda__palco{position:relative;width:var(--d);height:var(--d);margin-inline:auto}
.roda__palco::before{
  content:"";position:absolute;inset:9%;border:1px solid var(--fio);border-radius:50%;
}
.pilar{
  position:absolute;top:50%;left:50%;width:164px;min-height:54px;margin:-27px 0 0 -82px;
  display:flex;align-items:center;justify-content:center;
  padding:.55rem .75rem;border:1px solid var(--fio);border-radius:var(--raio);
  background:var(--papel);color:var(--tinta-2);
  font-size:.795rem;font-weight:500;line-height:1.25;text-align:center;cursor:pointer;
  transform:rotate(calc(var(--i) * 360deg / var(--n)))
            translateY(calc(var(--d) * -.5 + 58px))
            rotate(calc(var(--i) * -360deg / var(--n)));
  transition:background var(--transicao),color var(--transicao),border-color var(--transicao);
}
.pilar:hover{border-color:var(--fio-forte);color:var(--marinho)}
.pilar__n{display:none}
.painel{
  position:absolute;inset:26%;display:none;
  flex-direction:column;justify-content:center;text-align:center;
}
.painel h3{margin-bottom:.8rem}
.painel p{margin:0;font-size:.92rem;line-height:1.6;color:var(--tinta-2)}
/* o chip escolhido: os radios ficam antes do palco, então a marcação é por índice */
#p1:checked ~ .roda__palco .pilar--1,
#p2:checked ~ .roda__palco .pilar--2,
#p3:checked ~ .roda__palco .pilar--3,
#p4:checked ~ .roda__palco .pilar--4,
#p5:checked ~ .roda__palco .pilar--5,
#p6:checked ~ .roda__palco .pilar--6,
#p7:checked ~ .roda__palco .pilar--7,
#p8:checked ~ .roda__palco .pilar--8,
#p9:checked ~ .roda__palco .pilar--9{background:var(--marinho);border-color:var(--marinho);color:var(--branco)}
#p1:focus-visible ~ .roda__palco .pilar--1,
#p2:focus-visible ~ .roda__palco .pilar--2,
#p3:focus-visible ~ .roda__palco .pilar--3,
#p4:focus-visible ~ .roda__palco .pilar--4,
#p5:focus-visible ~ .roda__palco .pilar--5,
#p6:focus-visible ~ .roda__palco .pilar--6,
#p7:focus-visible ~ .roda__palco .pilar--7,
#p8:focus-visible ~ .roda__palco .pilar--8,
#p9:focus-visible ~ .roda__palco .pilar--9{outline:2px solid var(--coral);outline-offset:3px}
#p1:checked ~ .roda__palco .painel--1,#p2:checked ~ .roda__palco .painel--2,
#p3:checked ~ .roda__palco .painel--3,#p4:checked ~ .roda__palco .painel--4,
#p5:checked ~ .roda__palco .painel--5,#p6:checked ~ .roda__palco .painel--6,
#p7:checked ~ .roda__palco .painel--7,#p8:checked ~ .roda__palco .painel--8,
#p9:checked ~ .roda__palco .painel--9{display:flex}
.roda__nota{margin:2rem auto 0;max-width:62ch;text-align:center}

/* filtros sem script */
.filtragem{position:relative}
.filtragem > input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.filtros{
  display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.6rem;
  padding-bottom:1.1rem;border-bottom:1px solid var(--fio);margin-bottom:.4rem;
}
.filtros__titulo{
  font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--tinta-3);margin-right:.4rem;
}
.filtros label{
  cursor:pointer;font-size:.875rem;color:var(--tinta-2);
  padding-bottom:.25rem;border-bottom:2px solid transparent;
  transition:color var(--transicao),border-color var(--transicao);
}
.filtros label:hover{color:var(--marinho)}

/* cartões tipográficos — artigos e cases */
.acervo{display:grid;gap:0 clamp(1.8rem,3vw,3rem)}
.registro{
  padding:1.7rem 0 1.9rem;border-top:1px solid var(--fio);
}
.registro__meta{
  display:flex;flex-wrap:wrap;gap:.4rem .9rem;margin-bottom:.85rem;
  font-size:.72rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3);
}
.registro__meta span + span::before{content:"·";margin-right:.9rem;color:var(--fio-forte)}
.registro h3{font-size:1.18rem;line-height:1.3}
.registro h3 a{text-decoration:none;background-image:linear-gradient(var(--coral),var(--coral));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
  transition:background-size var(--transicao);padding-bottom:2px}
.registro h3 a:hover{background-size:100% 1px}
.registro p{margin:.6rem 0 0;font-size:.93rem;line-height:1.6;color:var(--tinta-2)}
.vazio{display:none;padding:2.4rem 0;border-top:1px solid var(--fio);color:var(--tinta-3);font-size:.95rem}

/* destaque curado */
.destaque{display:grid;gap:clamp(1.6rem,3vw,3rem);padding-bottom:clamp(2.4rem,4vw,3.4rem);border-bottom:1px solid var(--fio)}
.destaque h2{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.4rem)}

/* dúvidas e objeções */
.duvida{border-bottom:1px solid var(--fio)}
.duvida summary{
  cursor:pointer;list-style:none;padding:1.25rem 0;
  display:flex;align-items:center;justify-content:space-between;gap:1.2rem;
  font-size:1rem;font-weight:500;color:var(--marinho);
}
.duvida summary::-webkit-details-marker{display:none}
.duvida .icone--mais,.duvida .icone--menos{width:17px;height:17px;color:var(--coral);flex:0 0 auto}
.duvida .icone--menos{display:none}
.duvida[open] .icone--mais{display:none}
.duvida[open] .icone--menos{display:inline-block}
.duvida p{margin:0 0 1.35rem;padding-right:2.4rem;font-size:.95rem;color:var(--tinta-2);max-width:72ch}

/* âncoras internas */
.ancoras{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.ancoras a{
  display:flex;gap:.8rem;font-size:.92rem;text-decoration:none;color:var(--tinta-2);
  padding:.5rem 0;border-bottom:1px solid var(--fio);transition:color var(--transicao);
}
.ancoras a:hover{color:var(--marinho)}
.ancoras .numero{flex:0 0 auto}

/* sumário do artigo */
.sumario{border-left:1px solid var(--fio);padding-left:1.4rem}
.sumario ol{list-style:none;margin:0;padding:0;counter-reset:s}
.sumario li{counter-increment:s;margin-bottom:.6rem;font-size:.9rem}
.sumario a{text-decoration:none;color:var(--tinta-2)}
.sumario a:hover{color:var(--marinho);text-decoration:underline;text-underline-offset:.2em}

/* marcação de conteúdo pendente de material da contratante */
.pendente{
  color:var(--tinta-3);border-bottom:1px dashed color-mix(in srgb,var(--coral) 60%,transparent);
  font-style:italic;
}
.nota-conteudo{
  margin-top:1.6rem;padding:.9rem 1.1rem;border-left:2px solid var(--coral);
  background:var(--papel-2);font-size:.82rem;line-height:1.55;color:var(--tinta-2);
}
.secao--marinho .nota-conteudo,.secao--fundo .nota-conteudo,.abertura .nota-conteudo{background:rgba(254,254,254,.05);color:var(--sobre-marinho)}

/* 11 · FORMULÁRIOS ======================================================== */
.forma{display:grid;gap:1.4rem}
.campo{display:grid;gap:.5rem}
.campo label{font-size:.8rem;font-weight:500;letter-spacing:.04em;color:var(--tinta-2)}
.campo label .req{color:var(--coral)}
.campo input,.campo select,.campo textarea{
  font:400 .97rem/1.5 var(--sans);color:var(--marinho);
  padding:.8rem .9rem;background:var(--branco);
  border:1px solid var(--fio-forte);border-radius:var(--raio);
  transition:border-color var(--transicao);width:100%;
}
.campo textarea{min-height:130px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{border-color:var(--marinho);outline-offset:1px}
.campo .ajuda{font-size:.78rem;color:var(--tinta-3)}
.consentimento{display:flex;gap:.8rem;align-items:flex-start;font-size:.85rem;color:var(--tinta-2);line-height:1.55}
.consentimento input{margin-top:.28rem;accent-color:var(--marinho);width:16px;height:16px;flex:0 0 auto}
.forma--clara .campo input,.forma--clara .campo select,.forma--clara .campo textarea{
  background:transparent;border-color:var(--fio-claro);color:var(--branco)
}
.forma--clara .campo label,.forma--clara .consentimento{color:var(--sobre-marinho)}
.forma--clara .campo input:focus{border-color:var(--branco)}

/* 12 · UTILITÁRIOS ======================================================== */
.oculto{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0;
}
.fio-topo{border-top:1px solid var(--fio);padding-top:clamp(2rem,3vw,2.8rem)}
.centro{text-align:center;margin-inline:auto}
.sem-topo{padding-top:0}
.sem-base{padding-bottom:0}

/* 13 · RESPONSIVO ========================================================= */
@media (min-width:600px){
  .tres{grid-template-columns:repeat(2,minmax(0,1fr))}
  .acervo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rodape__grade{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:720px){
  .capacidades{grid-template-columns:repeat(2,minmax(0,1fr))}
  .faixa{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2.5rem}
  .faixa__item{border-top:1px solid var(--fio-claro)}
}
@media (min-width:860px){
  .duas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .destaque{grid-template-columns:5fr 7fr;align-items:center}
  .chamada{grid-template-columns:1.1fr 1fr}
  .passo{grid-template-columns:64px 15rem minmax(0,1fr);align-items:baseline}
  .passo::before{grid-row:span 2}
  .autoridade{grid-template-columns:minmax(260px,360px) minmax(0,1fr)}
  .duas--larga{grid-template-columns:7fr 5fr}
  .duas--estreita{grid-template-columns:5fr 7fr}
}
@media (min-width:1000px){
  .tres{grid-template-columns:repeat(3,minmax(0,1fr))}
  .acervo{grid-template-columns:repeat(3,minmax(0,1fr))}
  .faixa{grid-template-columns:repeat(4,minmax(0,1fr))}
  .abertura__grade--figura{grid-template-columns:7fr 5fr;align-items:center;gap:clamp(2rem,4vw,4rem)}
  .par{grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem)}
  .par__rotulo{position:sticky;top:120px}
  .rodape__grade{grid-template-columns:1.5fr 1fr 1fr 1fr}
  .sumario{position:sticky;top:120px}
}

/* menu de tela pequena */
@media (max-width:999px){
  .topo__caixa{min-height:70px}
  .topo__marca img{height:38px}
  .menu__rotulo{
    display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;
    font-size:.82rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--marinho);
  }
  .menu__rotulo .icone--menu{width:20px;height:20px}
  .menu__gatilho:checked ~ .topo__acao .menu__rotulo .icone--menu{color:var(--coral)}
  .menu__gatilho:focus-visible ~ .topo__acao .menu__rotulo{outline:2px solid var(--coral);outline-offset:4px}
  .menu__rotulo .fechar{display:none}
  .menu__gatilho:checked ~ .topo__acao .menu__rotulo .abrir{display:none}
  .menu__gatilho:checked ~ .topo__acao .menu__rotulo .fechar{display:inline-block}

  .topo__nav{
    position:fixed;left:0;right:0;top:70px;bottom:0;z-index:40;
    display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;
    padding:1.4rem var(--margem) 3rem;overflow-y:auto;
    background:var(--marinho);
    visibility:hidden;opacity:0;transform:translateY(-10px);
    transition:opacity var(--transicao),transform var(--transicao),visibility var(--transicao);
  }
  .menu__gatilho:checked ~ .topo__nav{visibility:visible;opacity:1;transform:none}
  .topo__nav a{
    font-family:var(--serifa);font-size:1.5rem;font-weight:400;color:var(--branco);
    padding:1.1rem 0;border-bottom:1px solid var(--fio-claro);
  }
  .topo__nav a::after{display:none}
  .topo__nav a[aria-current="page"]{color:var(--coral)}
  .topo__nav .so-menu{
    font-family:var(--sans);font-size:.85rem;font-weight:500;letter-spacing:.02em;
    color:var(--coral);border-bottom:0;padding-top:1.8rem;
  }
  .topo__acao .botao{display:none}
}
@media (min-width:1000px){
  .topo__nav .so-menu{display:none}
}

/* roda vira acordeão na mesma ordem */
@media (max-width:999px){
  .roda__palco{position:static;width:auto;height:auto;margin:0;display:flex;flex-direction:column}
  .roda__palco::before{display:none}
  .pilar{
    position:static;width:auto;min-height:0;margin:0;transform:none;
    justify-content:flex-start;text-align:left;gap:.9rem;
    padding:1.15rem 0;background:transparent;
    border:0;border-top:1px solid var(--fio);border-radius:0;
    font-size:.98rem;color:var(--marinho);
    order:calc(var(--i) * 2);position:relative;
  }
  #p1:checked ~ .roda__palco .pilar--1,
  #p2:checked ~ .roda__palco .pilar--2,
  #p3:checked ~ .roda__palco .pilar--3,
  #p4:checked ~ .roda__palco .pilar--4,
  #p5:checked ~ .roda__palco .pilar--5,
  #p6:checked ~ .roda__palco .pilar--6,
  #p7:checked ~ .roda__palco .pilar--7,
  #p8:checked ~ .roda__palco .pilar--8,
  #p9:checked ~ .roda__palco .pilar--9{background:transparent;color:var(--marinho);border-color:var(--fio)}
  .pilar__n{display:inline;font-family:var(--serifa);font-size:.8rem;letter-spacing:.06em;color:var(--coral)}
  .painel{
    position:static;inset:auto;text-align:left;padding:0 0 1.5rem;
    order:calc(var(--i) * 2 + 1);
  }
  .painel h3{font-size:1.1rem}
  .roda__nota{text-align:left;margin-left:0}
}

@media (max-width:599px){
  .porta__titulo{font-size:1.2rem}
  .tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:100%}
  .tabela thead{display:none}
  .tabela tr{padding-block:1rem;border-bottom:1px solid var(--fio)}
  .tabela td{border:0;padding:.15rem 0}
  .tabela td:first-child{font-weight:600}
}

/* preferências do visitante */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms!important;animation-iteration-count:1!important;
    transition-duration:.01ms!important;scroll-behavior:auto!important;
  }
}
html{scroll-behavior:smooth;scroll-padding-top:110px}

@media print{
  .topo,.rodape,.menu__rotulo,.filtros{display:none}
  body{background:#fff;color:#000;font-size:11pt}
  .secao{padding-block:1.2rem}
  a{text-decoration:none;color:#000}
}

/* 14 · BLOCOS DE CONTEÚDO DA ESPECIFICAÇÃO ================================ */

/* marca d'água do modelo, atrás do hero */
.hero{position:relative;overflow:hidden}
.hero__agua{
  position:absolute;right:-13%;top:50%;transform:translateY(-50%);
  width:min(680px,62vw);color:var(--marinho);opacity:.085;pointer-events:none;
}
.hero__conteudo{position:relative}
.hero h1{max-width:19ch}
.hero .entrada{max-width:54ch;margin-top:1.5rem}

/* sinais — oito perguntas */
.sinais{display:grid;gap:0 clamp(1.8rem,3vw,3rem);counter-reset:sinal}
.sinal{
  counter-increment:sinal;display:flex;gap:1.1rem;align-items:flex-start;
  padding:1.3rem 0;border-top:1px solid var(--fio);
  font-size:.97rem;line-height:1.55;color:var(--tinta-2);
}
.sinal::before{
  content:counter(sinal,decimal-leading-zero);flex:0 0 auto;
  font-family:var(--serifa);font-size:.78rem;letter-spacing:.06em;color:var(--coral);
  padding-top:.3rem;
}
.fecha-bloco{
  margin-top:clamp(2rem,3vw,2.8rem);padding-top:clamp(1.6rem,2.5vw,2.2rem);
  border-top:1px solid var(--fio-forte);
  font-family:var(--serifa);font-weight:300;
  font-size:clamp(1.15rem,1rem + .6vw,1.45rem);line-height:1.5;color:var(--marinho);
  max-width:62ch;
}

/* cenário — estatísticas com fonte visível */
.cenario{display:grid;gap:clamp(1.6rem,3vw,2.6rem)}
.cenario__item{border-top:1px solid var(--fio-claro);padding-top:1.3rem}
.cenario__numero{
  font-family:var(--serifa);font-weight:300;font-size:clamp(2.4rem,2rem + 2vw,3.4rem);
  line-height:1;letter-spacing:-.03em;color:var(--branco);display:block;margin-bottom:.7rem;
}

/* cadeia — o escritório como sistema */
.cadeia{list-style:none;margin:0;padding:0;max-width:34ch}
.cadeia li{
  position:relative;padding:0 0 1.5rem 2.2rem;
  font-family:var(--serifa);font-weight:300;
  font-size:clamp(1.1rem,1rem + .55vw,1.4rem);line-height:1.35;color:var(--marinho);
}
.cadeia li::before{
  content:"";position:absolute;left:4px;top:.65em;width:8px;height:8px;
  border-radius:50%;background:var(--coral);
}
.cadeia li::after{
  content:"";position:absolute;left:7.5px;top:calc(.65em + 12px);bottom:.2rem;width:1px;
  background:var(--fio);
}
.cadeia li:last-child::after{display:none}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .cadeia li{animation:surge linear both;animation-timeline:view();animation-range:entry 10% cover 34%}
    @keyframes surge{from{opacity:.28;transform:translateY(8px)}to{opacity:1;transform:none}}
  }
}

/* modelos estáticos, lado a lado */
.modelos{display:grid;gap:clamp(2.4rem,4vw,3.6rem)}
.modelo{text-decoration:none;display:block;padding-top:1.6rem;border-top:1px solid var(--fio)}
/* Só o diagrama. Um seletor de elemento aqui pegaria também o <svg> do
   ícone dentro do link e o esticaria para a largura da coluna. */
.modelo .anel{width:100%;height:auto;max-width:330px;margin:0 auto 1.6rem;display:block;color:var(--marinho)}
.modelo h3{font-size:1.22rem;margin-bottom:.5rem}
.modelo p{margin:0 0 1.3rem;font-size:.93rem;color:var(--tinta-2);max-width:42ch}
.modelo .seta{pointer-events:none}
.modelo:hover .seta{border-color:var(--coral)}
.modelo:hover .seta::after{transform:translateX(3px)}

/* vocabulário de capacidades, sem cartão */
.vocabulario{
  display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:2.4rem;
  padding-top:1.4rem;border-top:1px solid var(--fio);
  font-size:.83rem;letter-spacing:.02em;
}
.vocabulario a{color:var(--tinta-3);text-decoration:none;transition:color var(--transicao)}
.vocabulario a:hover{color:var(--marinho)}
.vocabulario span{color:var(--fio-forte)}

/* placeholder visível de conteúdo pendente */
.pendencia{
  border:1px dashed color-mix(in srgb,var(--coral) 55%,transparent);border-radius:var(--raio);
  padding:clamp(1.3rem,2.4vw,1.9rem);background:color-mix(in srgb,var(--coral) 4%,transparent);
}
.pendencia__icone{width:15px;height:15px;stroke-width:2;color:var(--coral)}
.pendencia__etiqueta{
  display:flex;align-items:center;gap:.55rem;margin:0 0 .8rem;
  font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);
}
.pendencia p{margin:0 0 .7rem;font-size:.9rem;line-height:1.6;color:var(--tinta-2)}
.pendencia p:last-child{margin-bottom:0}
.pendencia ul{margin:.4rem 0 0;padding-left:1.1rem;font-size:.88rem;color:var(--tinta-2)}
.pendencia li{margin-bottom:.35rem}
.secao--marinho .pendencia,.secao--fundo .pendencia,.abertura .pendencia{background:color-mix(in srgb,var(--coral) 7%,transparent)}
.secao--marinho .pendencia p,.secao--fundo .pendencia p,.abertura .pendencia p,
.secao--marinho .pendencia ul,.secao--fundo .pendencia ul,.abertura .pendencia ul{color:var(--sobre-marinho)}

/* moldura de entregável anonimizado */
.molduras{display:grid;gap:1.2rem}
.moldura{
  aspect-ratio:4/3;border:1px solid var(--fio);background:var(--papel-2);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:1.2rem;
  font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-3);
}

/* na mídia */
.midia{list-style:none;margin:0;padding:0}
.midia li{
  display:grid;gap:.2rem 1.6rem;padding:1.1rem 0;border-top:1px solid var(--fio);
  font-size:.95rem;color:var(--tinta-2);
}
.midia .quando{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}

/* livro */
.livro{display:grid;gap:clamp(2rem,4vw,3.2rem);align-items:center}
.capa{
  aspect-ratio:2/3;max-width:270px;background:var(--marinho);color:var(--sobre-marinho-3);
  border-radius:var(--raio);display:flex;flex-direction:column;justify-content:space-between;
  padding:1.6rem;
}
.capa__titulo{font-family:var(--serifa);font-size:1.15rem;line-height:1.25;color:var(--branco)}
.capa__nota{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}

/* linha do tempo */
.tempo{list-style:none;margin:0;padding:0;border-left:1px solid var(--fio)}
.tempo li{position:relative;padding:0 0 1.5rem 1.8rem}
.tempo li::before{
  content:"";position:absolute;left:-4.5px;top:.55em;width:8px;height:8px;
  background:var(--papel);border:1px solid var(--coral);border-radius:50%;
}
.tempo b{display:block;font-weight:600;font-size:.95rem;color:var(--marinho)}
.tempo span{font-size:.92rem;color:var(--tinta-2)}

/* números de escopo */
.escopo{display:grid;gap:1.4rem clamp(1.6rem,3vw,2.6rem)}
.escopo div{border-top:1px solid var(--fio-claro);padding-top:1rem}
.escopo dt{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sobre-marinho-3);margin-bottom:.5rem}
.escopo dd{margin:0;font-family:var(--serifa);font-weight:300;font-size:1.9rem;line-height:1;color:var(--branco)}

/* setores em texto */
.setores{font-size:.95rem;color:var(--tinta-2);max-width:60ch}

@media (min-width:600px){
  .sinais{grid-template-columns:repeat(2,minmax(0,1fr))}
  .molduras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .escopo{grid-template-columns:repeat(2,minmax(0,1fr))}
  .midia li{grid-template-columns:8.5rem minmax(0,1fr);align-items:baseline}
}
@media (min-width:860px){
  .modelos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cenario{grid-template-columns:repeat(3,minmax(0,1fr))}
  .livro{grid-template-columns:minmax(200px,270px) minmax(0,1fr)}
  .escopo{grid-template-columns:repeat(4,minmax(0,1fr))}
  .molduras{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:599px){
  .hero__agua{right:-30%;opacity:.06;width:98vw}
}

/* 15 · HOME ============================================================== */
.rotulo-escolha{
  margin:clamp(2.8rem,5vw,4.2rem) 0 0;
  font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--tinta-3);
}
.porta--grande{padding:1.9rem 0 1.8rem;border-top:1px solid var(--fio-forte);border-bottom:0}
.porta--grande .porta__titulo{
  font-size:clamp(1.35rem,1.15rem + .8vw,1.85rem);letter-spacing:-.02em;
  display:block;margin-bottom:.8rem;
}
.porta--grande .porta__titulo::after{content:none}
.porta--grande p{font-size:.97rem;color:var(--tinta-2);max-width:40ch;margin-bottom:1.4rem}
.porta--grande .seta{font-size:.875rem}
.porta--grande:hover{padding-left:0}
.porta--grande::before{top:-1px}
.porta--grande:hover::before,.porta--grande:focus-visible::before{width:100%}

.credibilidade{
  display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.4rem;
  margin:0;padding:0;list-style:none;
  font-size:.735rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
  color:var(--sobre-marinho);line-height:1.5;
}
.credibilidade li{display:flex;align-items:center;gap:1.4rem}
.credibilidade li:not(:last-child)::after{content:"";width:4px;height:4px;background:var(--coral);border-radius:50%}

.palavras{
  display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-top:2.2rem;padding-top:1.5rem;
  border-top:1px solid var(--fio);list-style:none;
  font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--tinta-3);
}
.palavras li{display:flex;align-items:center;gap:1.3rem}
.palavras li:not(:last-child)::after{content:"";width:3px;height:3px;background:var(--coral);border-radius:50%}

.etiqueta-exemplo{
  display:inline-block;margin-left:.6rem;padding:.2rem .5rem;
  border:1px solid color-mix(in srgb,var(--coral) 50%,transparent);border-radius:var(--raio);
  font-size:.62rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);
  vertical-align:middle;
}
@media (min-width:860px){
  .bifurcacao--duas{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,4vw,3.6rem)}
}
.bifurcacao--duas{border-top:0}
.tira{padding-block:1.45rem}
.passos{margin-top:clamp(2.2rem,4vw,3rem)}
.secao--marinho .fio-topo,.secao--fundo .fio-topo{border-color:var(--fio-claro)}
.par__rotulo .miuda{margin-top:-.5rem}
.bloco + .bloco{margin-top:clamp(2.6rem,5vw,4.2rem)}
@media (min-width:1000px){.acervo--duas{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 16 · PAINEL DA RODA E FORMULÁRIO ======================================== */
.painel__eixo{
  margin:0 0 .5rem;font-size:.63rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:var(--coral);
}
.painel h3{font-size:1.25rem;margin-bottom:.7rem}
.painel__sintoma{
  font-family:var(--serifa);font-style:italic;font-weight:300;
  font-size:1.02rem;line-height:1.45;color:var(--marinho);margin:0 0 .7rem
}
.painel p + p{margin-top:.55rem}
@media (min-width:1000px){
  .painel{inset:24.5%}
  .painel p{font-size:.875rem;line-height:1.55}
}
@media (max-width:999px){
  .painel__eixo{display:none}
  .painel__sintoma{font-size:1.05rem}
}

.forma--duas{gap:1.4rem clamp(1.2rem,2.5vw,2rem)}
@media (min-width:700px){
  .forma--duas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .forma--duas .campo--inteiro,.forma--duas .consentimento,.forma--duas .acoes{grid-column:1/-1}
}
.forma .acoes{margin-top:.6rem}
.nota-form{font-size:.8rem;line-height:1.55;color:var(--tinta-3);margin-top:1rem}
.secao--marinho .nota-form,.secao--fundo .nota-form{color:var(--sobre-marinho-3)}
.pilar--avaliacao{border-style:dashed;border-color:color-mix(in srgb,var(--coral) 55%,transparent)}
.painel__nota{margin-top:.7rem!important;font-size:.78rem;color:var(--coral)}
@media (max-width:999px){.pilar--avaliacao{border-style:solid;border-top-color:color-mix(in srgb,var(--coral) 55%,transparent)}}

/* 17 · MÉTODO 360º ======================================================== */
/* pilares: estado, simultâneos, sem numeração */
.pilares{display:grid;gap:0 clamp(1.8rem,3vw,3rem)}
.pilar-bloco{padding:1.7rem 0 1.9rem;border-top:1px solid var(--fio);position:relative}
.pilar-bloco:not(.pilar-bloco--icone)::before{content:"";position:absolute;left:0;top:-1px;width:28px;height:1px;background:var(--coral)}
.pilar-bloco--icone{padding-top:1.5rem}
.pilar-bloco h3{font-size:1.15rem;margin-bottom:.7rem}
.pilar-bloco .afirmacao{
  font-family:var(--serifa);font-style:italic;font-weight:300;font-size:1.02rem;
  line-height:1.45;color:var(--marinho);margin:0 0 .6rem;
}
.pilar-bloco p:last-child{margin:0;font-size:.93rem;line-height:1.62;color:var(--tinta-2)}
.pilar-bloco--avaliacao{border-top-style:dashed;border-top-color:color-mix(in srgb,var(--coral) 55%,transparent)}

/* régua de maturidade */
.regua{display:grid;gap:1px;background:var(--fio);border:1px solid var(--fio)}
.regua div{background:var(--papel);padding:1.1rem 1rem;text-align:center}
.regua dt{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--coral);margin-bottom:.5rem}
.regua dd{margin:0;font-family:var(--serifa);font-size:1rem;color:var(--tinta-3)}
@media (min-width:700px){.regua{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* sequência de implantação */
.sequencia{
  display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .9rem;
  list-style:none;margin:0;padding:0;
}
.sequencia li{
  display:flex;align-items:center;gap:.9rem;
  font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--marinho);
  padding:.5rem .95rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);
}
.sequencia li.aberto{border-style:dashed;border-color:color-mix(in srgb,var(--coral) 55%,transparent);color:var(--tinta-3);font-style:italic}
.sequencia li:not(:last-child)::after{content:"→";color:var(--coral);margin-left:.2rem}

/* seções de formas de atuação */
.modalidade{padding-top:clamp(2.2rem,4vw,3rem);border-top:1px solid var(--fio)}
.modalidade + .modalidade{margin-top:clamp(2.6rem,5vw,4rem)}
.modalidade--principal h2{font-size:clamp(2rem,1.4rem + 2.2vw,2.9rem)}
.modalidade--principal .entrada{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
.modalidade h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2rem)}
.topo__nav a.ativo{color:var(--marinho)}
.topo__nav a.ativo::after{transform:scaleX(1);background:var(--fio-forte)}
@media (max-width:999px){.topo__nav a.ativo{color:var(--sobre-marinho)}}

/* 18 · FILTROS DE INSIGHTS E DE CASES ===================================== */
/* Filtro, não menu: o estado vive no próprio documento, sem script. */
#f-todos:checked ~ .filtros label[for="f-todos"],
#f-gestao:checked ~ .filtros label[for="f-gestao"],
#f-legalops:checked ~ .filtros label[for="f-legalops"],
#f-escritorios:checked ~ .filtros label[for="f-escritorios"],
#f-governanca:checked ~ .filtros label[for="f-governanca"],
#f-controladoria:checked ~ .filtros label[for="f-controladoria"],
#f-dados:checked ~ .filtros label[for="f-dados"],
#f-tecnologia:checked ~ .filtros label[for="f-tecnologia"],
#j-todos:checked ~ .filtros label[for="j-todos"],
#j-dj:checked ~ .filtros label[for="j-dj"],
#j-ea:checked ~ .filtros label[for="j-ea"],
#s-todos:checked ~ .filtros label[for="s-todos"],
#s-saude:checked ~ .filtros label[for="s-saude"],
#s-advocacia:checked ~ .filtros label[for="s-advocacia"]{
  color:var(--marinho);font-weight:500;border-bottom-color:var(--coral);
}
#f-gestao:checked ~ .acervo .registro:not(.t-gestao),
#f-legalops:checked ~ .acervo .registro:not(.t-legalops),
#f-escritorios:checked ~ .acervo .registro:not(.t-escritorios),
#f-governanca:checked ~ .acervo .registro:not(.t-governanca),
#f-controladoria:checked ~ .acervo .registro:not(.t-controladoria),
#f-dados:checked ~ .acervo .registro:not(.t-dados),
#f-tecnologia:checked ~ .acervo .registro:not(.t-tecnologia),
#j-dj:checked ~ .acervo .registro:not(.j-dj),
#j-ea:checked ~ .acervo .registro:not(.j-ea),
#s-saude:checked ~ .acervo .registro:not(.s-saude),
#s-advocacia:checked ~ .acervo .registro:not(.s-advocacia){display:none}

/* combinações sem resultado no acervo atual de cases */
.filtragem:has(#j-dj:checked):has(#s-advocacia:checked) .vazio,
.filtragem:has(#j-ea:checked):has(#s-saude:checked) .vazio{display:block}

/* 19 · ARTIGO ============================================================= */
.artigo__meta{
  display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin:1.8rem 0 0;
  padding-top:1.2rem;border-top:1px solid var(--fio);
  font-size:.8rem;color:var(--tinta-3);
}
.artigo__meta strong{font-weight:500;color:var(--tinta-2)}
.corpo{max-width:68ch;font-size:1.08rem;line-height:1.78}
.corpo h2{font-size:clamp(1.4rem,1.2rem + .9vw,1.85rem);margin:2.6em 0 .7em;scroll-margin-top:110px}
.corpo h2:first-child{margin-top:0}
.corpo p{margin:0 0 1.2em}
.corpo ul{margin:0 0 1.4em;padding-left:1.2rem}
.corpo li{margin-bottom:.5em}
.corpo li::marker{color:var(--coral)}
.corpo blockquote{margin:2em 0}

.assinatura{
  display:flex;gap:1.2rem;align-items:center;margin-top:clamp(2.6rem,5vw,3.6rem);
  padding-top:1.8rem;border-top:1px solid var(--fio);
}
.assinatura img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:0 0 auto}
.assinatura b{display:block;font-size:.95rem;font-weight:600;color:var(--marinho)}
.assinatura span{font-size:.85rem;color:var(--tinta-3)}

/* bloco de conversão contextual, ao fim de todo artigo */
.conversao{
  margin-top:clamp(2.6rem,5vw,3.6rem);padding:clamp(1.6rem,3vw,2.2rem);
  background:var(--marinho);color:var(--sobre-marinho);border-radius:var(--raio);
}
.conversao h2{color:var(--branco);font-size:1.35rem;margin-bottom:.7rem}
.conversao p{margin:0 0 1.4rem;font-size:.95rem;max-width:52ch}
.conversao .seta{color:var(--branco);border-color:var(--fio-claro)}
.conversao .seta:hover{border-color:var(--coral)}
@media (min-width:1000px){
  .artigo__grade{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(2rem,4vw,4.5rem)}
}

/* 20 · CASE =============================================================== */
.identificacao{
  display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;margin:1.4rem 0 0;
  font-size:.74rem;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--tinta-3);
}
.identificacao span + span::before{content:"·";margin-right:1.2rem;color:var(--coral)}
.antes-depois{display:grid;gap:0;border-top:1px solid var(--fio)}
.antes-depois__cabeca{
  font-size:.7rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;
  color:var(--tinta-3);padding:1rem 0 .4rem;
}
.antes-depois__cabeca{margin:0}
.antes-depois__linha{margin:0;padding:1rem 0;border-bottom:1px solid var(--fio);font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
.antes-depois__linha--depois{color:var(--marinho);font-weight:500}
@media (max-width:699px){
  /* em coluna única, cada par desce junto e a célula carrega o próprio rótulo */
  .antes-depois__cabeca{display:none}
  .antes-depois__linha::before{
    content:attr(data-rotulo);display:block;margin-bottom:.25rem;
    font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);
  }
  .antes-depois__linha--depois::before{color:var(--coral)}
  .antes-depois__linha:not(.antes-depois__linha--depois){border-bottom:0;padding-bottom:.35rem}
}
@media (min-width:700px){
  .antes-depois{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(1.6rem,3vw,3rem)}
}
.erro{min-height:52vh;display:flex;align-items:center}


/* 21 · ÍCONES ============================================================= */
/* Lucide 1.46, via CDN, com a versão fixada. A biblioteca troca cada
   <i data-lucide> por um <svg> e carrega as classes do elemento original.
   Todos decorativos: o significado está sempre no texto ao lado. */
.icone{
  display:inline-block;width:1em;height:1em;vertical-align:-.125em;
  stroke-width:1.75;flex:0 0 auto;
}
.icone--seta{width:16px;height:16px;stroke-width:1.75;align-self:center}
.icone--migalha{width:13px;height:13px;stroke-width:2;vertical-align:-.1em}
.icone--linha,.icone--canal{width:16px;height:16px;margin-right:.6rem;color:var(--coral)}
.icone--canal{width:17px;height:17px}
.rodape .icone--linha{color:var(--coral)}

/* a seta fica alinhada à linha de base do texto dentro de .seta */
.seta{align-items:center}

/* mais/menos da roda: só existem no modo acordeão */
.icone--pilar-mais,.icone--pilar-menos{display:none}
@media (max-width:999px){
  .pilar{justify-content:space-between}
  .pilar .icone--pilar-mais{display:inline-block;width:17px;height:17px;color:var(--coral)}
  .pilar .icone--pilar-menos{width:17px;height:17px;color:var(--coral)}
  #p1:checked ~ .roda__palco .pilar--1 .icone--pilar-mais,
  #p2:checked ~ .roda__palco .pilar--2 .icone--pilar-mais,
  #p3:checked ~ .roda__palco .pilar--3 .icone--pilar-mais,
  #p4:checked ~ .roda__palco .pilar--4 .icone--pilar-mais,
  #p5:checked ~ .roda__palco .pilar--5 .icone--pilar-mais,
  #p6:checked ~ .roda__palco .pilar--6 .icone--pilar-mais,
  #p7:checked ~ .roda__palco .pilar--7 .icone--pilar-mais,
  #p8:checked ~ .roda__palco .pilar--8 .icone--pilar-mais,
  #p9:checked ~ .roda__palco .pilar--9 .icone--pilar-mais{display:none}
  #p1:checked ~ .roda__palco .pilar--1 .icone--pilar-menos,
  #p2:checked ~ .roda__palco .pilar--2 .icone--pilar-menos,
  #p3:checked ~ .roda__palco .pilar--3 .icone--pilar-menos,
  #p4:checked ~ .roda__palco .pilar--4 .icone--pilar-menos,
  #p5:checked ~ .roda__palco .pilar--5 .icone--pilar-menos,
  #p6:checked ~ .roda__palco .pilar--6 .icone--pilar-menos,
  #p7:checked ~ .roda__palco .pilar--7 .icone--pilar-menos,
  #p8:checked ~ .roda__palco .pilar--8 .icone--pilar-menos,
  #p9:checked ~ .roda__palco .pilar--9 .icone--pilar-menos{display:inline-block}
}

/* o espaço já fica reservado antes de a biblioteca carregar: a classe .icone
   está no <i> e é herdada pelo <svg> que a substitui. Evita deslocamento. */

/* 22 · FOTOGRAFIA DOS INSIGHTS ============================================ */
/* Série editorial única: mesma sala, mesma luz. A moldura em papel-2 segura
   o espaço enquanto a imagem carrega, e a proporção fixa evita deslocamento. */
.registro__foto,.destaque__foto,.artigo__foto{
  display:block;overflow:hidden;background:var(--papel-2);border-radius:var(--raio);
}
.registro__foto,.destaque__foto{aspect-ratio:3/2}
.registro__foto img,.destaque__foto img,.artigo__foto img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.registro__foto{margin:0 0 1.15rem}
.registro__foto img{transition:opacity var(--transicao)}
.registro:hover .registro__foto img{opacity:.9}

.destaque--foto{align-items:center}
.destaque--foto h2{margin-top:.2rem}
@media (min-width:860px){
  .destaque--foto{grid-template-columns:7fr 5fr}
}

/* no artigo, recorte mais largo: a foto abre a leitura sem empurrar o texto
   para baixo da primeira dobra */
.artigo__foto{aspect-ratio:2/1;margin:0 0 clamp(2.4rem,5vw,3.4rem)}

/* 23 · CONTEÚDO DE EXEMPLO ================================================ */
/* O exemplo aparece como ficaria publicado. O aviso vem logo abaixo, mais
   compacto que a pendência, só para sinalizar. */
.pendencia--aviso{margin-top:1.1rem;padding:.8rem 1.05rem}
.pendencia--aviso .pendencia__etiqueta{margin-bottom:.3rem;font-size:.64rem}
.pendencia--aviso p:not(.pendencia__etiqueta){font-size:.84rem;line-height:1.5}

/* resumo de case, usado na home, nas jornadas e no índice */
.case-resumo{border-top:1px solid var(--fio);padding-top:1.5rem}
.case-resumo__titulo{font-size:clamp(1.3rem,1.1rem + .8vw,1.7rem);line-height:1.25;margin:.9rem 0 .8rem}
.case-resumo__titulo a{text-decoration:none}
.case-resumo__titulo a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:.2em}
.case-resumo__desafio{margin:0;font-size:.97rem;color:var(--tinta-2);max-width:60ch}
.numeros-case{list-style:none;margin:1.6rem 0 1.8rem;padding:0;display:grid;gap:1rem 2rem}
.numeros-case li{border-top:1px solid var(--fio);padding-top:.85rem}
.numeros-case strong{
  display:block;margin-bottom:.35rem;font-family:var(--serifa);font-weight:300;
  font-size:1.95rem;line-height:1;letter-spacing:-.02em;color:var(--marinho);
}
.numeros-case span{font-size:.84rem;line-height:1.5;color:var(--tinta-2)}
@media (min-width:700px){.numeros-case{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* status do livro */
.livro-status{
  list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.3rem;
  font-size:.8rem;letter-spacing:.06em;color:var(--tinta-2);
}
.secao--fundo .livro-status,.secao--marinho .livro-status{color:var(--sobre-marinho)}
.livro-status li{display:flex;align-items:center;gap:1.3rem}
.livro-status li:not(:last-child)::after{content:"";width:3px;height:3px;border-radius:50%;background:var(--coral)}

/* entregáveis: maquetes abstratas, sem texto legível */
.entregavel{margin:0}
.entregavel figcaption{margin-top:.7rem;font-size:.82rem;line-height:1.45;color:var(--tinta-2)}
.maquete{
  aspect-ratio:4/3;background:var(--branco);border:1px solid var(--fio);border-radius:var(--raio);
  padding:9% 9% 8%;display:flex;flex-direction:column;gap:6%;overflow:hidden;
}
.maquete i{display:block;font-style:normal}
/* painel */
.mq-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;height:24%}
.mq-kpis i{background:var(--papel-2);border-top:2px solid var(--marinho);border-radius:1px}
.mq-kpis i:first-child{border-top-color:var(--coral)}
.mq-barras{flex:1;display:flex;align-items:flex-end;gap:5%;border-bottom:1px solid var(--fio-forte)}
.mq-barras i{flex:1;height:var(--h);background:var(--marinho);border-radius:1px 1px 0 0}
.mq-barras i:nth-child(5){background:var(--coral)}
/* matriz de maturidade */
.mq-matriz{flex:1;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:3px}
.mq-matriz i{background:var(--marinho);opacity:var(--o);border-radius:1px}
/* relatório */
.maquete .mq-titulo{height:8%;width:58%;background:var(--marinho);border-radius:1px;margin-bottom:2%}
.maquete .mq-linha{height:3%;width:var(--w);background:var(--papel-2);border-radius:1px}
.maquete .mq-destaque{height:18%;border-left:2px solid var(--coral);background:var(--papel)}
/* fluxo */
.mq-fluxo{flex:1;display:flex;align-items:center;justify-content:space-between}
.mq-fluxo i{width:18%;aspect-ratio:1.5;border:1.5px solid var(--marinho);border-radius:2px;position:relative}
.mq-fluxo i.c{border-color:var(--coral)}
.mq-fluxo i:not(:last-child)::after{
  content:"";position:absolute;left:calc(100% + 1.5px);top:50%;width:52%;height:1.5px;background:var(--fio-forte);
}
.mq-fluxo--baixo{justify-content:flex-start;gap:9%;padding-left:27%}
.mq-fluxo--baixo i{border-style:dashed}
.mq-fluxo--baixo i:not(:last-child)::after{width:50%}
/* matriz de responsabilidades */
.mq-raci{flex:1;display:grid;grid-template-columns:1.8fr repeat(4,1fr);grid-auto-rows:1fr;gap:2px}
.mq-raci i{
  background:var(--papel-2);border-radius:1px;display:flex;align-items:center;justify-content:center;
  font-size:.55rem;font-weight:600;color:var(--tinta-3);
}
.mq-raci i.cab{background:var(--marinho)}
.mq-raci i.nome{background:var(--papel)}
.mq-raci i.r{color:var(--coral)}
/* roadmap */
.mq-gantt{flex:1;display:flex;flex-direction:column;justify-content:space-around;border-left:1px solid var(--fio-forte)}
.mq-gantt i{height:9%;margin-left:var(--x);width:var(--w);background:var(--marinho);border-radius:2px}
.mq-gantt i.c{background:var(--coral)}
.regua dd.regua__nome{font-family:var(--serifa);font-size:1.12rem;color:var(--marinho)}
.regua dd.regua__ind{margin-top:.5rem;font-family:var(--sans);font-size:.78rem;line-height:1.45;color:var(--tinta-2)}
.regua div{text-align:left;padding:1.1rem 1.05rem 1.2rem}

/* palestras */
.temas{list-style:none;margin:2rem 0 0;padding:0;max-width:66ch}
.temas li{padding:1.15rem 0;border-top:1px solid var(--fio)}
.temas h3{font-size:1.12rem;margin-bottom:.4rem}
.temas p{margin:0;font-size:.93rem;color:var(--tinta-2)}
.logistica{margin-top:1.6rem;padding:1.2rem 1.3rem;background:var(--papel-2);border-radius:var(--raio);max-width:66ch}
.logistica h3{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--tinta-3);margin-bottom:.5rem}
.logistica p{margin:0;font-size:.93rem;color:var(--tinta-2)}

/* sumário do livro */
.sumario-livro{display:grid;gap:2rem clamp(1.6rem,3vw,2.6rem)}
.parte__nome{
  margin:0 0 .9rem;padding-bottom:.7rem;border-bottom:1px solid var(--fio-forte);
  font-family:var(--serifa);font-size:1.12rem;color:var(--marinho);
}
.parte__nome span{
  display:block;margin-bottom:.25rem;font-family:var(--sans);font-size:.68rem;font-weight:600;
  letter-spacing:.15em;text-transform:uppercase;color:var(--coral);
}
.capitulos{list-style:none;margin:0;padding:0}
.capitulos li{display:flex;gap:.9rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid var(--fio);font-size:.93rem;color:var(--tinta-2)}
.cap__n{font-family:var(--serifa);font-size:.8rem;letter-spacing:.05em;color:var(--tinta-3);flex:0 0 1.4rem}
@media (min-width:860px){.sumario-livro{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* depoimentos */
.citacao--depoimento{font-size:clamp(1.05rem,.98rem + .35vw,1.2rem);line-height:1.5}
.citacao--depoimento cite{letter-spacing:.06em;text-transform:none;font-size:.8rem;line-height:1.45}

/* manifesto e tese */
.manifesto p{color:var(--tinta-2);font-size:1.02rem;line-height:1.75}
.tese{font-size:clamp(1.25rem,1.1rem + .8vw,1.65rem);margin:0}
.estudo__rodape{display:flex;align-items:center;margin-top:1rem!important;font-size:.78rem!important;letter-spacing:.03em;color:var(--tinta-3)!important}
.midia strong{font-weight:500;color:var(--marinho)}

.numeros-case--compacto{margin:1.1rem 0 1.3rem;gap:.8rem 1.4rem;grid-template-columns:repeat(2,minmax(0,1fr))}
.numeros-case--compacto strong{font-size:1.5rem}
.numeros-case--compacto span{font-size:.8rem}
@media (min-width:700px){.numeros-case.numeros-case--compacto{grid-template-columns:repeat(2,minmax(0,1fr))}}
.corpo .tabela{font-size:.88rem;margin:.4rem 0 1.4rem}
.corpo .forma{font-size:1rem}

/* 24 · DEFINIÇÕES DO MÉTODO (e-mail de 16/09/2026) ======================== */
/* capacidades transversais, abaixo da roda de escritórios */
.transversal{
  display:flex;gap:1.1rem;align-items:flex-start;max-width:760px;
  margin:clamp(2.4rem,4vw,3.2rem) auto 0;padding:1.4rem 1.5rem;
  border-top:2px solid var(--coral);background:var(--papel-2);border-radius:0 0 var(--raio) var(--raio);
}
.transversal__icone{width:22px;height:22px;stroke-width:1.5;color:var(--coral);margin-top:.15rem}
.transversal__rotulo{
  margin:0 0 .45rem;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3);
}
.transversal__texto{margin:0;font-size:.95rem;line-height:1.6;color:var(--tinta-2)}

/* jornada: nome de marca em cima, sequência técnica por baixo */
.jornada-tecnica{
  margin:1.6rem 0 0;padding-top:1.1rem;border-top:1px dashed var(--fio-forte);
  font-size:.85rem;letter-spacing:.02em;color:var(--tinta-2);
}
.jornada-tecnica span{
  display:block;margin-bottom:.3rem;font-size:.66rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--tinta-3);
}

/* onde a tecnologia entra em cada pilar */
.pilar-bloco p.pilar-bloco__tec{
  margin-top:.9rem;padding-top:.75rem;border-top:1px dashed var(--fio);
  font-size:.84rem;line-height:1.5;color:var(--tinta-2);
}
.pilar-bloco__tec span{
  display:block;margin-bottom:.2rem;font-size:.64rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;color:var(--coral);
}
.secao--papel2 .pilar-bloco p.pilar-bloco__tec{border-top-color:var(--fio-forte)}

/* régua de quatro estágios */
@media (min-width:700px){.regua--4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ciclo */
.mobilizacao{
  margin:1.8rem 0 0;padding:.9rem 1.1rem;border-left:2px solid var(--fio-forte);
  font-size:.92rem;color:var(--tinta-2);background:var(--papel);
}
.mobilizacao span{
  display:block;margin-bottom:.2rem;font-size:.66rem;font-weight:600;letter-spacing:.15em;
  text-transform:uppercase;color:var(--tinta-3);
}
.passos--ciclo{margin-top:1.6rem}
.passo__sigla{
  display:inline-block;margin-left:.6rem;padding:.12rem .45rem;vertical-align:.2em;
  font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.1em;
  color:var(--marinho);border:1px solid var(--fio-forte);border-radius:var(--raio);
}
.pi90{list-style:none;margin:.9rem 0 0;padding:0;display:grid;gap:3px}
.pi90 li{padding:.7rem .85rem;background:var(--papel);border-top:2px solid var(--marinho);font-size:.84rem;line-height:1.4}
.pi90 li:nth-child(2){border-top-color:var(--tinta-2)}
.pi90 li:nth-child(3){border-top-color:var(--coral)}
.pi90 b{display:block;margin-bottom:.15rem;font-size:.66rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.pi90 span{color:var(--tinta-2)}
@media (min-width:600px){.pi90{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 25 · CONFIANÇA: AVISO DE SIGILO, COOKIES E PREFERÊNCIAS ================= */
.aviso-sigilo{
  display:flex;gap:.7rem;align-items:flex-start;margin:0;padding:.85rem 1rem;
  background:var(--papel-2);border-left:2px solid var(--marinho);border-radius:0 var(--raio) var(--raio) 0;
  font-size:.82rem;line-height:1.5;color:var(--tinta-2);
}
.aviso-sigilo .icone{width:17px;height:17px;margin-top:.1rem;color:var(--marinho)}
.forma--clara .aviso-sigilo{background:rgba(254,254,254,.06);border-left-color:var(--coral);color:var(--sobre-marinho)}
.forma--clara .aviso-sigilo .icone{color:var(--coral)}
@media (min-width:700px){.forma--duas .aviso-sigilo{grid-column:1/-1}}

/* banner: base da tela, marinho, sem cobrir o conteúdo depois da escolha */
.cookies{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:var(--marinho-fundo);color:var(--sobre-marinho);
  border-top:2px solid var(--coral);box-shadow:0 -1px 0 rgba(0,0,0,.2);
}
.cookies[hidden]{display:none}
.cookies__caixa{display:grid;gap:1rem;padding-block:1.2rem}
.cookies__texto{margin:0;font-size:.88rem;line-height:1.55;max-width:70ch}
.cookies__texto a{color:var(--branco);text-decoration-color:var(--fio-claro)}
.cookies__acoes{display:flex;flex-wrap:wrap;gap:.6rem}
.cookies__acoes .botao{padding:.7rem 1.1rem;font-size:.82rem}
@media (min-width:1000px){
  .cookies__caixa{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem}
}
@media (max-width:599px){
  .cookies__acoes .botao{flex:1 1 100%;justify-content:center}
}

/* painel de preferências */
.preferencias{
  width:min(560px,calc(100% - 2*var(--margem)));padding:0;border:0;border-radius:var(--raio);
  background:var(--papel);color:var(--tinta);
}
.preferencias::backdrop{background:color-mix(in srgb,var(--marinho-fundo) 62%,transparent)}
.preferencias form{padding:clamp(1.4rem,4vw,2rem)}
.preferencias__titulo{margin:0 0 .5rem;font-family:var(--serifa);font-size:1.5rem;color:var(--marinho)}
.preferencias__intro{margin:0 0 1.2rem;font-size:.9rem;color:var(--tinta-2)}
.preferencia{
  display:flex;gap:1.2rem;align-items:flex-start;justify-content:space-between;
  padding:1rem 0;border-top:1px solid var(--fio);
}
.preferencia__nome{display:block;margin:0 0 .25rem;font-size:.95rem;font-weight:600;color:var(--marinho)}
.preferencia__desc{margin:0;font-size:.84rem;line-height:1.5;color:var(--tinta-2)}
.preferencia input{width:18px;height:18px;margin-top:.2rem;accent-color:var(--marinho);flex:0 0 auto}
.preferencias__acoes{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--fio)}

.rodape__botao{
  padding:0;border:0;background:none;cursor:pointer;
  font:inherit;color:var(--sobre-marinho);text-align:left;transition:color var(--transicao);
}
.rodape__botao:hover{color:var(--branco)}

/* contato: canais e chamada da área de confiança */
.canais{list-style:none;margin:1.4rem 0 0;padding:0}
.canais li{padding:.95rem 0;border-bottom:1px solid var(--fio)}
.canais a{display:inline-flex;align-items:center;text-decoration:none;color:var(--marinho);font-size:.97rem}
.canais a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:.2em}
.canais__nota{display:block;margin:.4rem 0 0 1.85rem;font-size:.8rem;line-height:1.5;color:var(--tinta-3)}
.confianca-chamada{margin-top:2rem;padding:1.2rem 1.3rem;background:var(--papel-2);border-radius:var(--raio)}
.confianca-chamada__titulo{display:flex;align-items:center;gap:.6rem;margin:0 0 .5rem;font-weight:600;font-size:.95rem;color:var(--marinho)}
.confianca-chamada__titulo .icone{width:18px;height:18px;color:var(--coral)}
.confianca-chamada p:not(.confianca-chamada__titulo){margin:0 0 1rem;font-size:.9rem;color:var(--tinta-2)}

/* palestras */
.palestras{list-style:none;margin:2rem 0 0;padding:0}
.palestra{padding:1.5rem 0 1.6rem;border-top:1px solid var(--fio)}
.palestra--principal{border-top:2px solid var(--coral)}
.palestra__n{
  display:flex;align-items:center;gap:.8rem;margin:0 0 .5rem;
  font-family:var(--serifa);font-size:.82rem;letter-spacing:.08em;color:var(--coral);
}
.palestra__n span{
  font-family:var(--sans);font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  padding:.15rem .45rem;border:1px solid color-mix(in srgb,var(--coral) 50%,transparent);border-radius:var(--raio);
}
.palestra h3{font-size:clamp(1.2rem,1.05rem + .5vw,1.4rem);line-height:1.25}
.palestra__sub{display:block;margin-top:.3rem;font-family:var(--sans);font-size:.9rem;font-weight:400;letter-spacing:0;color:var(--tinta-2)}
.palestra__versoes{display:grid;gap:1rem 2rem;margin-top:1.1rem}
.palestra__versoes p{margin:0;font-size:.9rem;line-height:1.55;color:var(--tinta-2)}
.palestra__versoes p.palestra__publico{
  margin-bottom:.3rem;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3);
}
@media (min-width:760px){.palestra__versoes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* publicação real, separada da lista de exemplo */
.publicado-em{margin-top:2rem;padding:1.1rem 1.2rem;border-left:2px solid var(--marinho);background:var(--papel-2)}
.publicado-em__rotulo{margin:0 0 .5rem;font-size:.66rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--tinta-3)}

/* área de confiança */
.compromissos{display:grid;gap:0 clamp(1.8rem,3vw,3rem)}
.compromisso{
  display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1rem;align-items:start;
  padding:1.35rem 0;border-top:1px solid var(--fio);text-decoration:none;color:inherit;
}
.compromisso__icone{grid-row:span 2;width:22px;height:22px;stroke-width:1.5;color:var(--coral);margin-top:.15rem}
.compromisso__titulo{font-family:var(--serifa);font-size:1.12rem;line-height:1.3;color:var(--marinho)}
.compromisso__desc{font-size:.88rem;line-height:1.5;color:var(--tinta-2)}
.compromisso:hover .compromisso__titulo{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:.2em}
@media (min-width:720px){.compromissos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.compromissos{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ® sobrescrito — o caractere na altura da linha pesa mais que o nome */
.reg{font-size:.5em;vertical-align:super;line-height:0;margin-left:.05em;letter-spacing:0}

/* 27 · VISUAIS ============================================================ */
/* Pedido do cliente: menos institucional, mais visual. Cada componente desenha
   a informação do texto que substitui (ver _gerador/visuais.py). Preenchimento
   escuro usa --superficie, que acompanha a paleta escolhida. */

/* hero da home em duas colunas, com o sistema desenhado */
.hero--visual .hero__grade{display:grid;gap:clamp(2rem,4vw,3rem);align-items:center}
.hero--visual .hero__figura{max-width:520px;width:100%;margin-inline:auto}
@media (min-width:1000px){
  .hero--visual .hero__grade{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}
}

/* sistema — grafo completo */
.sistema{width:100%;height:auto;display:block;overflow:visible}
.sistema__aresta{stroke:var(--marinho);stroke-width:1;opacity:.14}
.sistema__raio{stroke:var(--coral);stroke-width:1;opacity:.55;stroke-dasharray:2 5}
.sistema__orbita{fill:none;stroke:var(--fio-forte);stroke-width:1}
.sistema__centro{fill:var(--superficie)}
.sistema__centro-texto{fill:var(--branco);font-family:var(--serifa);font-size:21px;text-anchor:middle}
.sistema__no circle{fill:var(--papel);stroke:var(--marinho);stroke-width:1.2}
.sistema__no text{fill:var(--marinho);font-family:var(--sans);font-size:14.5px;font-weight:600;text-anchor:middle;letter-spacing:.01em}
@media (prefers-reduced-motion:no-preference){
  .sistema__aresta{animation:acende 7.5s ease-in-out infinite;animation-delay:calc(var(--k) * -.5s)}
  @keyframes acende{0%,70%,100%{opacity:.12}35%{opacity:.5;stroke:var(--coral)}}
  .sistema__no circle{animation:respira 7.5s ease-in-out infinite;animation-delay:calc(var(--i) * 1.25s)}
  @keyframes respira{0%,100%{stroke-width:1.2}12%{stroke-width:2.6;stroke:var(--coral)}24%{stroke-width:1.2}}
}

/* portas da home com ícone */
.porta__icone{width:26px;height:26px;stroke-width:1.4;color:var(--coral);display:block;margin-bottom:1rem}

/* equação da visão */
.equacao{display:grid;gap:1rem;align-items:stretch;margin-top:clamp(2.2rem,4vw,3rem)}
.equacao__termo{padding:1.4rem 1.5rem;border:1px solid var(--fio-forte);border-radius:var(--raio);background:var(--papel)}
.equacao__termo--resultado{background:var(--superficie);border-color:var(--superficie)}
.equacao__titulo{margin:0 0 .35rem;font-family:var(--serifa);font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);line-height:1.15;color:var(--marinho)}
.equacao__legenda{margin:0;font-size:.85rem;line-height:1.5;color:var(--tinta-2)}
.equacao__termo--resultado .equacao__titulo{color:var(--branco)}
.equacao__termo--resultado .equacao__legenda{color:var(--sobre-marinho)}
.equacao__op{align-self:center;font-family:var(--serifa);font-weight:300;font-size:2.4rem;line-height:1;color:var(--coral);text-align:center}
@media (min-width:860px){.equacao{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)}}

/* credenciais em números */
.credenciais{display:grid;gap:1.4rem 2rem;margin:0;padding:0;list-style:none}
.credenciais li{display:flex;align-items:baseline;gap:.8rem;color:var(--sobre-marinho);font-size:.84rem;line-height:1.4}
.credenciais b{font-family:var(--serifa);font-weight:300;font-size:clamp(2rem,1.6rem + 1.4vw,2.8rem);line-height:1;letter-spacing:-.02em;color:var(--branco);flex:0 0 auto}
@media (min-width:700px){.credenciais{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.credenciais{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tira--grande{padding-block:clamp(2rem,3.5vw,2.8rem)}

/* jornada — cinco fases em fluxo */
.jornada{list-style:none;margin:clamp(2.4rem,4vw,3.2rem) 0 0;padding:0;display:grid;gap:0;position:relative}
.jornada__fase{position:relative;padding:0 0 2rem 4.4rem}
.jornada__fase::before{content:"";position:absolute;left:25px;top:52px;bottom:0;width:1px;background:var(--fio-forte)}
.jornada__fase:last-child::before{display:none}
.jornada__no{
  position:absolute;left:0;top:0;width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;background:var(--papel);border:1px solid var(--marinho);
}
.jornada__icone{width:22px;height:22px;stroke-width:1.5;color:var(--marinho)}
.jornada__fase:first-child .jornada__no{background:var(--superficie);border-color:var(--superficie)}
.jornada__fase:first-child .jornada__icone{color:var(--branco)}
.jornada__n{display:block;font-family:var(--serifa);font-size:.8rem;letter-spacing:.08em;color:var(--coral);padding-top:.2rem}
.jornada__fase h3{font-size:1.25rem;margin:.2rem 0 .45rem}
.jornada__fase p{margin:0;font-size:.9rem;line-height:1.55;color:var(--tinta-2);max-width:40ch}
@media (min-width:900px){
  .jornada{grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:1.4rem}
  .jornada__fase{padding:0}
  .jornada__fase::before{left:60px;right:-1.4rem;top:26px;bottom:auto;width:auto;height:1px}
  .jornada__no{position:relative;margin-bottom:1.1rem}
  .jornada__fase:not(:last-child)::after{
    content:"";position:absolute;right:-1.3rem;top:22px;width:8px;height:8px;
    border-top:1px solid var(--fio-forte);border-right:1px solid var(--fio-forte);transform:rotate(45deg);
  }
}
.secao--papel2 .jornada__no{background:var(--papel-2)}
.secao--papel2 .jornada__fase:first-child .jornada__no{background:var(--superficie)}

/* trilho técnico abaixo da jornada */
.trilho{margin-top:clamp(1.8rem,3vw,2.4rem);padding:1.1rem 1.2rem;border:1px dashed var(--fio-forte);border-radius:var(--raio)}
.trilho__rotulo{margin:0 0 .7rem;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.trilho__etapas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.trilho__etapas li{
  display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .75rem;
  background:var(--superficie);color:var(--branco);border-radius:var(--raio);
  font-size:.8rem;font-weight:500;
}
.trilho__etapas li:not(:last-child)::after{content:"";width:6px;height:6px;border-top:1.5px solid var(--coral);border-right:1.5px solid var(--coral);transform:rotate(45deg);margin-left:.35rem}
.secao--marinho .trilho__etapas li,.secao--fundo .trilho__etapas li{background:var(--branco);color:var(--marinho)}

/* autodiagnóstico — sinais clicáveis */
.diag{position:relative;margin-top:clamp(2rem,3.5vw,2.8rem);counter-reset:marcados}
.diag__caixa{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.diag__caixa:checked{counter-increment:marcados}
.diag__lista{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
@media (min-width:760px){.diag__lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.diag__item{
  display:flex;gap:.9rem;align-items:flex-start;height:100%;cursor:pointer;
  padding:1.05rem 1.1rem;border:1px solid var(--fio-forte);border-radius:var(--raio);
  background:var(--papel);font-size:.95rem;line-height:1.5;color:var(--tinta-2);
  transition:border-color var(--transicao),background var(--transicao),color var(--transicao);
}
.diag__item:hover{border-color:var(--marinho)}
.diag__marca{
  flex:0 0 auto;width:22px;height:22px;margin-top:.05rem;border:1.5px solid var(--fio-forte);border-radius:2px;
  display:grid;place-items:center;background:var(--papel);transition:background var(--transicao),border-color var(--transicao);
}
.diag__check{width:15px;height:15px;stroke-width:3;color:var(--branco);opacity:0}
/* checagem por posição: a caixa n controla o cartão n */
.diag:has(.diag__caixa:nth-of-type(1):checked) .diag__lista li:nth-child(1) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(1):checked) .diag__lista li:nth-child(1) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(1):checked) .diag__lista li:nth-child(1) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(1):focus-visible) .diag__lista li:nth-child(1) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(2):checked) .diag__lista li:nth-child(2) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(2):checked) .diag__lista li:nth-child(2) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(2):checked) .diag__lista li:nth-child(2) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(2):focus-visible) .diag__lista li:nth-child(2) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(3):checked) .diag__lista li:nth-child(3) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(3):checked) .diag__lista li:nth-child(3) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(3):checked) .diag__lista li:nth-child(3) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(3):focus-visible) .diag__lista li:nth-child(3) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(4):checked) .diag__lista li:nth-child(4) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(4):checked) .diag__lista li:nth-child(4) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(4):checked) .diag__lista li:nth-child(4) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(4):focus-visible) .diag__lista li:nth-child(4) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(5):checked) .diag__lista li:nth-child(5) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(5):checked) .diag__lista li:nth-child(5) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(5):checked) .diag__lista li:nth-child(5) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(5):focus-visible) .diag__lista li:nth-child(5) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(6):checked) .diag__lista li:nth-child(6) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(6):checked) .diag__lista li:nth-child(6) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(6):checked) .diag__lista li:nth-child(6) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(6):focus-visible) .diag__lista li:nth-child(6) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(7):checked) .diag__lista li:nth-child(7) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(7):checked) .diag__lista li:nth-child(7) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(7):checked) .diag__lista li:nth-child(7) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(7):focus-visible) .diag__lista li:nth-child(7) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(8):checked) .diag__lista li:nth-child(8) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(8):checked) .diag__lista li:nth-child(8) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(8):checked) .diag__lista li:nth-child(8) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(8):focus-visible) .diag__lista li:nth-child(8) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:nth-of-type(9):checked) .diag__lista li:nth-child(9) .diag__item{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.diag:has(.diag__caixa:nth-of-type(9):checked) .diag__lista li:nth-child(9) .diag__marca{background:var(--coral);border-color:var(--coral)}
.diag:has(.diag__caixa:nth-of-type(9):checked) .diag__lista li:nth-child(9) .diag__check{opacity:1}
.diag:has(.diag__caixa:nth-of-type(9):focus-visible) .diag__lista li:nth-child(9) .diag__item{outline:2px solid var(--coral);outline-offset:3px}
.diag:has(.diag__caixa:checked) .diag__medidor i:nth-child(-n+1){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+2){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+3){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+4){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+5){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+6){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+7){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+8){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__medidor i:nth-child(-n+9){background:var(--coral)}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__fecho{display:block}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__acao{display:block}
.diag:has(.diag__caixa:checked) .diag__vazio{display:none}
.diag:has(.diag__caixa:checked) .diag__conta{display:block}
.diag__placar{
  margin-top:1.6rem;padding:1.4rem 1.5rem;border-radius:var(--raio);
  background:var(--papel);border:1px solid var(--fio-forte);
}
.diag__medidor{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:4px;margin-bottom:1rem}
.diag__medidor i{height:8px;border-radius:1px;background:var(--fio);transition:background var(--transicao)}
.diag__conta{display:none;margin:0;font-size:.9rem;font-weight:500;color:var(--marinho)}
.diag__numero::before{content:counter(marcados)}
.diag__numero{font-family:var(--serifa);font-size:2rem;line-height:1;margin-right:.2rem;vertical-align:-.15em}
.diag__vazio{margin:0;font-size:.9rem;color:var(--tinta-3)}
.diag__fecho{display:none;margin:.9rem 0 0;font-family:var(--serifa);font-weight:300;font-size:clamp(1.1rem,1rem + .5vw,1.35rem);line-height:1.45;color:var(--marinho);max-width:60ch}
.diag__acao{display:none;margin:1rem 0 0}
/* sem suporte a :has(), mostra a conclusão sempre */
@supports not selector(:has(a)){.diag__fecho{display:block}.diag__vazio{display:none}}

/* cenário com gráficos */
.cenario__item--grafico{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 1.3rem;align-items:start}
.cenario__item--grafico .grafico{grid-row:span 3;width:92px;height:auto}
.grafico__fundo{fill:none;stroke:var(--fio-claro);stroke-width:12}
.grafico__valor{fill:none;stroke:var(--coral);stroke-width:12}
.grafico__bloco{fill:none;stroke:var(--sobre-marinho-3);stroke-width:1.5}
.grafico__valor-bloco{fill:var(--coral)}

/* pilha — o escritório como sistema */
.pilha{display:grid;gap:.6rem;max-width:760px}
.pilha__torre{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.pilha__camada,.pilha__base{
  display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;align-items:center;margin:0;
}
.pilha__bloco{
  display:flex;align-items:center;min-height:52px;padding:.7rem 1.1rem;border-radius:var(--raio);
  background:var(--superficie);color:var(--branco);
  font-family:var(--serifa);font-size:1.2rem;line-height:1.1;
}
.pilha__frase{font-family:var(--serifa);font-weight:300;font-size:1.05rem;line-height:1.4;color:var(--marinho)}
.pilha__base{margin-top:.9rem;padding-top:1.4rem;border-top:1px dashed var(--fio-forte)}
.pilha__base .pilha__bloco{background:var(--coral);color:var(--marinho-fundo)}
@media (min-width:760px){
  .pilha__camada,.pilha__base{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.6rem}
  /* a torre alarga para baixo: quanto mais embaixo, mais coisa apoia */
  .pilha__camada .pilha__bloco{width:calc(55% + (var(--i) * 45% / (var(--n) - 1)));justify-self:end}
  .pilha__camada .pilha__bloco{opacity:calc(.72 + var(--i) * .28 / (var(--n) - 1))}
}

/* travessa — tecnologia atravessa os pilares */
.travessa{position:relative;margin-top:clamp(2.4rem,4vw,3.2rem);padding-block:1rem}
.travessa__pilares{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,12px)}
.travessa__pilar{
  min-height:clamp(300px,34vw,380px);border:1px solid var(--fio-claro);border-radius:var(--raio);
  display:flex;align-items:flex-end;justify-content:center;padding:1rem .3rem;
  background:color-mix(in srgb,var(--branco) 4%,transparent);
}
.travessa__pilar span{
  writing-mode:vertical-rl;transform:rotate(180deg);
  font-family:var(--serifa);font-size:clamp(.9rem,.8rem + .4vw,1.15rem);color:var(--branco);line-height:1.1;
}
.travessa__faixa{
  position:absolute;left:-.6rem;right:-.6rem;top:18%;margin:0;
  padding:.85rem 1.2rem;background:var(--coral);border-radius:var(--raio);
  font-size:clamp(.7rem,.62rem + .3vw,.84rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:var(--marinho-fundo);text-align:center;
}
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .travessa__faixa{animation:atravessa linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
    @keyframes atravessa{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
  }
}

/* escada — maturidade */
.escada{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem}
.escada__degrau h3{font-size:1.2rem;margin:.9rem 0 .4rem}
.escada__degrau p{margin:0;font-size:.88rem;line-height:1.55;color:var(--tinta-2)}
.escada__bloco{display:flex;align-items:flex-start;padding:.7rem .9rem;border-radius:var(--raio);background:var(--superficie);min-height:48px}
.escada__n{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--branco)}
.escada__degrau:last-child .escada__bloco{background:var(--coral)}
.escada__degrau:last-child .escada__n{color:var(--marinho-fundo)}
@media (min-width:760px){
  .escada{grid-template-columns:repeat(var(--n),minmax(0,1fr));align-items:start;gap:10px}
  .escada__degrau{display:grid;grid-template-rows:200px auto 1fr}
  .escada__bloco{height:calc(20px + var(--i) * 45px);align-self:end}
  .escada__degrau h3,.escada__degrau p{padding-right:.4rem}
  .escada__bloco{opacity:calc(.55 + var(--i) * .15)}
  .escada__degrau:last-child .escada__bloco{opacity:1}
}

/* ciclo — diagrama e lista lado a lado */
.ciclo-grade{display:grid;gap:clamp(2rem,4vw,3rem);align-items:start;margin-top:clamp(2rem,3.5vw,2.8rem)}
@media (min-width:1000px){.ciclo-grade{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
  .ciclo-grade .ciclo{position:sticky;top:120px}}
.ciclo{width:100%;height:auto;max-width:520px;display:block;margin-inline:auto;overflow:visible}
.ciclo__arco{fill:none;stroke:var(--marinho);stroke-width:1.3}
.ciclo__entrada{fill:none;stroke:var(--coral);stroke-width:1.3;stroke-dasharray:4 4}
.ciclo__entrada-texto{fill:var(--tinta-3);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.ciclo__ponta{fill:var(--marinho)}
.ciclo__no circle{fill:var(--superficie)}
.ciclo__n{fill:var(--branco);font-family:var(--serifa);font-size:17px;text-anchor:middle}
.ciclo__rotulo{fill:var(--marinho);font-family:var(--serifa);font-size:17px}
.ciclo__centro{fill:var(--tinta-3);font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;text-anchor:middle}
.ciclo__centro--forte{fill:var(--marinho);font-family:var(--serifa);font-size:24px;letter-spacing:0;text-transform:none;font-weight:400}
.etapas{list-style:none;margin:0;padding:0;counter-reset:etapa;display:grid;gap:.6rem}
.etapa{
  counter-increment:etapa;display:grid;grid-template-columns:40px minmax(0,1fr);gap:.2rem 1rem;
  padding:1rem 1.1rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);
}
.etapa__icone{grid-row:span 2;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--papel-2)}
.etapa__icone .icone{width:19px;height:19px;stroke-width:1.5;color:var(--marinho)}
.etapa h3{font-size:1.1rem;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .6rem}
.etapa h3::before{content:counter(etapa,decimal-leading-zero);font-family:var(--serifa);font-size:.78rem;color:var(--coral)}
.etapa p{margin:0;font-size:.88rem;line-height:1.55;color:var(--tinta-2)}
.etapa .pi90{grid-column:1/-1;margin-top:.8rem}

/* convergência — sintomas que levam a uma causa */
.convergencia{display:grid;gap:1rem;align-items:center;margin-top:2rem}
.convergencia__sintomas{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.convergencia__sintomas li{
  padding:.8rem 1rem;border:1px solid var(--fio-forte);border-radius:var(--raio);background:var(--papel);
  font-family:var(--serifa);font-style:italic;font-size:1.05rem;color:var(--marinho);
}
.convergencia__linhas{display:none}
.convergencia__causa{padding:1.3rem 1.4rem;border-radius:var(--raio);background:var(--superficie);color:var(--sobre-marinho)}
.convergencia__causa p{margin:0;font-size:.9rem;line-height:1.5}
.convergencia__titulo{font-family:var(--serifa);font-size:1.35rem!important;color:var(--branco);margin-bottom:.4rem!important}
@media (min-width:760px){
  .convergencia{grid-template-columns:minmax(0,1.1fr) 90px minmax(0,1fr);gap:0}
  .convergencia__linhas{display:block;width:100%;height:100%;min-height:200px}
  .convergencia__linhas path{fill:none;stroke:var(--coral);stroke-width:1.5;vector-effect:non-scaling-stroke}
  .convergencia__sintomas{gap:1.2rem}
}

/* carreira — a trajetória como subida */
.carreira{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}
.carreira__passo{position:relative;padding:0 0 1.5rem 2rem;border-left:1px solid var(--fio-forte)}
.carreira__marco{position:absolute;left:-6px;top:.35rem;width:11px;height:11px;border-radius:50%;background:var(--papel);border:2px solid var(--coral)}
.carreira__passo:last-child .carreira__marco{background:var(--coral)}
.carreira__passo h3{font-family:var(--sans);font-size:.95rem;font-weight:600;margin-bottom:.25rem}
.carreira__passo p{margin:0;font-size:.86rem;line-height:1.5;color:var(--tinta-2)}
@media (min-width:1000px){
  .carreira{grid-template-columns:repeat(var(--n,7),minmax(0,1fr));align-items:end;gap:8px;min-height:430px}
  .carreira__passo{
    border-left:0;padding:1rem .8rem 0;border-top:3px solid var(--superficie);
    margin-bottom:calc(var(--i) * 44px);
  }
  .carreira__passo:last-child{border-top-color:var(--coral)}
  .carreira__marco{left:.8rem;top:-8px}
  .carreira__passo h3{margin-top:.5rem}
}

/* modalidades — diagrama das quatro formas */
.modalidades{width:100%;height:auto;max-width:760px;display:block;margin:clamp(2rem,4vw,3rem) auto 0;overflow:visible}
.modalidades__principal{fill:var(--superficie)}
.modalidades__treino{fill:color-mix(in srgb,var(--coral) 88%,transparent)}
.modalidades__conselho{fill:none;stroke:var(--marinho);stroke-width:1.4}
.modalidades__palestra{fill:none;stroke:var(--marinho);stroke-width:1.2;stroke-dasharray:4 4}
.modalidades__ligacao{stroke:var(--coral);stroke-width:2}
.modalidades__ponta{fill:var(--coral)}
.modalidades__nome{font-family:var(--serifa);font-size:19px;text-anchor:middle;fill:var(--marinho)}
.modalidades__nome--grande{font-size:34px;fill:var(--branco)}
.modalidades__nome--pequeno{font-size:16px}
.modalidades__nota{font-family:var(--sans);font-size:11.5px;text-anchor:middle;fill:var(--tinta-2);letter-spacing:.02em}
.modalidades__nome--grande + .modalidades__nota{fill:var(--sobre-marinho);font-size:13px}
.modalidades__treino ~ text:is([x="140"]){fill:var(--marinho-fundo)}

/* capacidades com etiquetas */
.capacidade__tags{list-style:none;margin:.9rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem}
.capacidade__tags li{padding:.22rem .55rem;border:1px solid var(--fio-forte);border-radius:999px;font-size:.74rem;line-height:1.35;color:var(--tinta-2);background:var(--papel)}
.capacidade--visual{padding:1.4rem 1.3rem 1.5rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);margin-bottom:1rem}
.capacidade--visual .capacidade__icone{width:30px;height:30px;stroke-width:1.3;margin-bottom:.9rem}
.capacidade--visual .capacidade__muda{font-family:var(--serifa);font-weight:400;font-size:1.08rem;line-height:1.4;color:var(--marinho)}
.capacidades--visual{gap:1rem!important}
.capacidades--visual .capacidade--visual{margin:0}

/* princípios em grade de ícones */
.principios-grade{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:700px){.principios-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.principios-grade{grid-template-columns:repeat(3,minmax(0,1fr))}}
.principio-v{padding:1.5rem 1.4rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel)}
.principio-v .icone{width:30px;height:30px;stroke-width:1.3;color:var(--coral);margin-bottom:1rem}
.principio-v h3{font-size:1.3rem;margin-bottom:.5rem}
.principio-v p{margin:0;font-size:.9rem;line-height:1.55;color:var(--tinta-2)}
.principio-v--destaque{background:var(--superficie);border-color:var(--superficie)}
.principio-v--destaque h3{color:var(--branco)}
.principio-v--destaque p{color:var(--sobre-marinho)}
.principio-v--destaque .icone{color:var(--coral)}

/* mapa de ícones para páginas longas (segurança) */
.mapa-icones{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(128px,1fr))}
.mapa-icones a{
  display:flex;flex-direction:column;gap:.7rem;height:100%;padding:1.1rem;text-decoration:none;
  border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);
  font-size:.86rem;font-weight:500;line-height:1.35;color:var(--marinho);
  transition:border-color var(--transicao),background var(--transicao);
}
.mapa-icones a:hover{border-color:var(--marinho)}
.mapa-icones .icone{width:24px;height:24px;stroke-width:1.4;color:var(--coral)}

/* antes e depois visual */
.virada{display:grid;gap:.8rem;margin-top:1.4rem}
.virada__linha{display:grid;gap:.5rem;align-items:stretch}
.virada__antes,.virada__depois{padding:.9rem 1rem;border-radius:var(--raio);font-size:.9rem;line-height:1.45}
.virada__antes{border:1px dashed var(--fio-forte);color:var(--tinta-2);background:var(--papel)}
.virada__depois{background:var(--superficie);color:var(--branco)}
.virada__seta{display:none}
.virada__cab{display:none}
@media (min-width:760px){
  .virada__linha,.virada__cab{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:0}
  .virada__cab{display:grid;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
  .virada__cab span:last-child{grid-column:3}
  .virada__seta{display:grid;place-items:center}
  .virada__seta .icone{width:18px;height:18px;color:var(--coral)}
}

/* passo a passo do contato */
.depois-envio{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.8rem;counter-reset:env}
.depois-envio li{counter-increment:env;display:grid;grid-template-columns:36px minmax(0,1fr);gap:.9rem;align-items:start;font-size:.9rem;line-height:1.5;color:var(--tinta-2)}
.depois-envio li::before{content:counter(env);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--superficie);color:var(--branco);font-family:var(--serifa);font-size:1rem}
.depois-envio b{display:block;color:var(--marinho);font-weight:600}

/* palestras com seletor de público */
.publico{display:flex;flex-wrap:wrap;gap:.4rem;margin:2rem 0 1rem}
.publico input{position:absolute;opacity:0;pointer-events:none}
.publico label{
  padding:.55rem 1rem;border:1px solid var(--fio-forte);border-radius:999px;cursor:pointer;
  font-size:.85rem;font-weight:500;color:var(--tinta-2);transition:all var(--transicao);
}
.publico input:checked + label{background:var(--superficie);border-color:var(--superficie);color:var(--branco)}
.publico input:focus-visible + label{outline:2px solid var(--coral);outline-offset:2px}
.modalidade:has(#pub-dj:checked) .palestra__versoes > div:nth-child(2),
.modalidade:has(#pub-ea:checked) .palestra__versoes > div:nth-child(1){display:none}
.modalidade:has(#pub-dj:checked,#pub-ea:checked) .palestra__versoes{grid-template-columns:minmax(0,1fr)!important}
.publico{position:relative}

/* pilares do método em grade */
@media (min-width:760px){.pilares-v{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.pilares-v{grid-template-columns:repeat(3,minmax(0,1fr))}}
.pilar-v{display:flex;flex-direction:column}
.pilar-v .afirmacao{margin:.2rem 0 .7rem;font-family:var(--serifa);font-style:italic;font-size:1.02rem;line-height:1.4;color:var(--marinho)}
.pilar-v__texto{margin:0 0 1rem!important;font-size:.88rem!important;color:var(--tinta-2)}
.pilar-v__tec{
  margin:auto 0 0!important;padding:.7rem .8rem;border-radius:var(--raio);background:var(--papel-2);
  display:flex;gap:.6rem;align-items:flex-start;font-size:.8rem!important;line-height:1.45;color:var(--tinta-2)!important;
}
.pilar-v__tec .icone{width:16px;height:16px;flex:0 0 auto;color:var(--coral);margin-top:.1rem}
.pilar-v__tec b{font-weight:600;color:var(--marinho)}

/* exceções da trilha: gatilho e efeito */
.excecoes__rotulo{margin:2rem 0 .8rem;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.excecoes{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;max-width:760px}
@media (min-width:760px){.excecoes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.excecoes li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .6rem;padding:.9rem 1rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);font-size:.88rem;color:var(--tinta-2)}
.excecoes .gatilho{padding:.2rem .55rem;border-radius:var(--raio);background:var(--superficie);color:var(--branco);font-weight:500}
.excecoes .icone{width:15px;height:15px;color:var(--coral)}

/* manifesto: o que cada peça vira sem a seguinte */
.degrada{list-style:none;margin:1.8rem 0 .6rem;padding:0;display:grid;gap:.6rem;max-width:62ch}
.degrada li{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .7rem;padding:.85rem 1rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel)}
.degrada__peca{padding:.25rem .6rem;border-radius:var(--raio);background:var(--superficie);color:var(--branco);font-family:var(--serifa);font-size:1.05rem}
.degrada__sem{font-size:.85rem;color:var(--tinta-2)}
.degrada .icone{width:16px;height:16px;color:var(--coral)}
.degrada__vira{font-family:var(--serifa);font-style:italic;font-size:1.1rem;color:var(--marinho)}

/* filhas da seção Sobre */
.filhas{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
@media (min-width:860px){.filhas{grid-template-columns:repeat(3,minmax(0,1fr))}}
.filha{
  display:flex;flex-direction:column;gap:.6rem;height:100%;padding:1.6rem 1.5rem;text-decoration:none;
  border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);
  transition:border-color var(--transicao),background var(--transicao);
}
.filha:hover{border-color:var(--marinho)}
.filha__icone{width:30px;height:30px;stroke-width:1.3;color:var(--coral);margin-bottom:.4rem}
.filha__titulo{font-family:var(--serifa);font-size:1.45rem;line-height:1.15;color:var(--marinho)}
.filha__desc{font-size:.9rem;line-height:1.5;color:var(--tinta-2);flex:1}
.filha .seta{align-self:flex-start;margin-top:.6rem}

@media (min-width:1000px){.principio-v--largo{grid-column:span 2}}

/* formação */
.formacao__total{margin:0 0 1.2rem;font-size:.9rem;color:var(--tinta-2)}
.formacao__total b{font-family:var(--serifa);font-weight:300;font-size:3rem;line-height:1;color:var(--marinho);margin-right:.4rem;vertical-align:-.2em}
.formacao{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
@media (min-width:700px){.formacao{grid-template-columns:repeat(2,minmax(0,1fr))}}
.formacao__item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:.1rem .8rem;padding:.9rem 1rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel)}
.formacao__item .icone{grid-row:span 2;width:20px;height:20px;stroke-width:1.4;color:var(--coral);margin-top:.1rem}
.formacao__curso{font-size:.9rem;font-weight:500;line-height:1.4;color:var(--marinho)}
.formacao__inst{font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}

/* título com ícone */
.titulo-icone{display:flex;align-items:center;gap:.8rem}
.titulo-icone .icone{width:28px;height:28px;stroke-width:1.3;color:var(--coral);flex:0 0 auto}

/* número de destaque no cartão de case */
.registro__numero{display:flex;align-items:baseline;gap:.7rem;margin:.6rem 0 .8rem!important}
.registro__numero strong{font-family:var(--serifa);font-weight:300;font-size:2.8rem;line-height:1;letter-spacing:-.02em;color:var(--marinho)}
.registro__numero span{font-size:.84rem;line-height:1.4;color:var(--tinta-2);max-width:24ch}

/* case: faixa de resultados, história em quatro passos, checklist */
.numeros-case--faixa{margin:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.numeros-case--faixa li{border-top-color:var(--fio-claro)}
.numeros-case--faixa strong{color:var(--branco);font-size:clamp(2.4rem,2rem + 2vw,3.4rem)}
.numeros-case--faixa span{color:var(--sobre-marinho)}
.historia{display:grid;gap:1rem}
@media (min-width:760px){.historia{grid-template-columns:repeat(2,minmax(0,1fr))}}
.historia__passo{padding:1.5rem 1.4rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel)}
.historia__icone{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--superficie);margin-bottom:1rem}
.historia__icone .icone{width:20px;height:20px;stroke-width:1.5;color:var(--branco)}
.historia__passo h2{font-size:1.3rem;margin-bottom:.5rem}
.historia__passo p{margin:0;font-size:.92rem;line-height:1.6;color:var(--tinta-2)}
.estruturado{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.6rem}
@media (min-width:760px){.estruturado{grid-template-columns:repeat(2,minmax(0,1fr))}}
.estruturado li{display:flex;gap:.7rem;align-items:flex-start;padding:.85rem 1rem;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);font-size:.9rem;line-height:1.5;color:var(--tinta-2)}
.estruturado .icone{width:18px;height:18px;stroke-width:2.2;color:var(--coral);flex:0 0 auto;margin-top:.1rem}

/* faixa fotográfica de abertura */
.faixa-foto{margin:0;background:var(--marinho-fundo)}
.faixa-foto img{width:100%;height:clamp(220px,34vw,520px);object-fit:cover;display:block}

/* legenda das modalidades: no celular o diagrama fica pequeno demais para ler */
.modalidades-legenda{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;gap:.5rem}
.modalidades-legenda li{font-size:.88rem;line-height:1.45;color:var(--tinta-2)}
.modalidades-legenda b{display:block;font-family:var(--serifa);font-weight:400;font-size:1.05rem;color:var(--marinho)}
@media (min-width:760px){.modalidades-legenda{display:none}}

/* travessa no celular: pilares em linhas, a faixa vira coluna que cruza todos */
@media (max-width:699px){
  .travessa{padding:0}
  .travessa__pilares{grid-template-columns:minmax(0,1fr);gap:6px}
  .travessa__pilar{min-height:48px;justify-content:flex-start;align-items:center;padding:.6rem .8rem .6rem 3.6rem}
  .travessa__pilar span{writing-mode:horizontal-tb;transform:none;font-size:1.02rem}
  .travessa__faixa{top:-.5rem;bottom:-.5rem;left:.7rem;right:auto;width:2.2rem;padding:.6rem 0;display:flex;align-items:center;justify-content:center}
  .travessa__faixa span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.66rem;letter-spacing:.12em}
  @supports (animation-timeline:view()){.travessa__faixa{animation:none}}
}

/* 26 · FUNÇÃO DAS CORES =================================================== */
/* CTA em coral, com a letra escura: é o par que passa em contraste */
:is(.botao,.botao--claro){background:var(--coral-botao);border-color:var(--coral-botao);color:var(--branco)}
/* hover do botão coral: fica branco (pedido do Paulo, 02/10/2026); a sombra
   leve o mantém visível sobre fundo branco */
:is(.botao,.botao--claro):hover{background:var(--branco);border-color:var(--branco);color:var(--marinho);box-shadow:0 12px 30px -14px rgba(27,47,55,.45)}
:is(.secao--marinho,.secao--fundo,.abertura--escura) :is(.botao,.botao--claro):hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.botao--vazado{background:transparent;border-color:var(--marinho);color:var(--marinho)}
.botao--vazado:hover{background:var(--marinho);color:var(--branco)}
.botao--fantasma{background:transparent;border-color:var(--fio-claro);color:var(--branco)}
.botao--fantasma:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}

/* ícone é componente, não destaque: vai no petróleo da identidade.
   Ficam em coral só as marcações pequenas, os números e os avisos. */
:is(.capacidade__icone,.filha__icone,.porta__icone,.principio-v .icone,.mapa-icones .icone,
  .transversal__icone,.compromisso__icone,.formacao__item .icone,.pilar-v__tec .icone,
  .estruturado .icone,.confianca-chamada__titulo .icone,.icone--linha,.icone--canal,
  .duvida .icone--mais,.duvida .icone--menos,.etapa__icone .icone,.jornada__icone,
  .degrada .icone,.excecoes .icone,.virada__seta .icone,.titulo-icone .icone){color:var(--petroleo)}
:is(.secao--marinho,.secao--fundo) :is(.jornada__icone,.icone--linha),
.rodape .icone--linha{color:var(--coral)}
.jornada__fase:first-child .jornada__icone,.historia__icone .icone{color:var(--branco)}

/* coral secundário onde o papel é editorial, não de ação */
:is(.prosa li::marker,.corpo li::marker){color:var(--coral-2)}
.citacao{border-left-color:var(--coral-2)}

/* 28 · ABERTURAS NA BASE ESCURA ============================================ */
/* Referência visual aprovada (mockup de 28/09/2026, em _referencias/5-estudos/):
   toda página abre na base escura, com título branco e uma oração em coral
   itálico; o resto da página respira em branco e #EDF0F4. Os tokens de tinta
   são redefinidos só aqui dentro, para que todo componente que já existe
   (migalhas, rótulo, entrada, aviso, citação) acompanhe sem regra própria. */
.abertura{
  background:var(--marinho);color:var(--sobre-marinho);
  --tinta:#eef2f4;--tinta-2:#d5dee2;--tinta-3:#b4c3c9;
  --fio:rgba(255,255,255,.16);--fio-forte:rgba(255,255,255,.3);
  --papel:var(--marinho);
}
.abertura :is(h1,h2,h3,h4,strong){color:var(--branco)}
.abertura .migalhas span[aria-hidden]{color:var(--tinta-3)}
.abertura .migalhas a:hover{color:var(--branco)}
.abertura .citacao{color:var(--sobre-marinho);border-color:var(--coral)}
.realce{font-style:italic;color:var(--coral);font-weight:300}
.abertura__acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.8rem;margin-top:2.2rem}

/* o sistema da home sobre o escuro */
.abertura .sistema__aresta{stroke:var(--sobre-marinho)}
.abertura .sistema__orbita{stroke:rgba(255,255,255,.22)}
.abertura .sistema__no circle{fill:var(--marinho);stroke:var(--sobre-marinho-3)}
.abertura .sistema__no text{fill:var(--branco)}
.abertura .sistema__centro{fill:var(--petroleo)}
@media (prefers-reduced-motion:no-preference){
  @keyframes acende{0%,70%,100%{opacity:.12}35%{opacity:.6;stroke:var(--coral)}}
}

/* anel do Método e capa do livro sobre o escuro */
.abertura .anel{color:var(--sobre-marinho)!important}
.abertura .capa{background:var(--petroleo)}

/* faixa logo abaixo da abertura escura: petróleo, como assinatura */
.tira--grande{background:var(--petroleo)}
.tira--grande .credenciais li,.tira--grande .numeros-case span{color:var(--branco)}
.tira--grande .numeros-case li{border-top-color:rgba(255,255,255,.35)}

/* foto logo abaixo da abertura: continua o bloco escuro */
.abertura + .faixa-foto img{height:clamp(200px,30vw,460px)}

/* as duas portas da home, em seção própria e clara */
.portas{padding-block:clamp(48px,6vw,84px) clamp(40px,5vw,72px)}
.portas .rotulo-escolha{margin-top:0}

/* teses em nível 1 (diretriz de copy): Newsreader leve, grande, isolada */
.tese-grande{font-family:var(--serifa);font-weight:300;font-size:clamp(2.2rem,1.4rem + 3vw,3.4rem);line-height:1.08;letter-spacing:-.02em;max-width:18ch}
.tese-versos{
  margin:clamp(3rem,6vw,5rem) 0 0;display:grid;gap:.15em;
  font-family:var(--serifa);font-weight:300;font-size:clamp(1.9rem,1.2rem + 2.6vw,3rem);
  line-height:1.12;letter-spacing:-.02em;color:var(--marinho);
}
.tese-versos span:last-child{color:var(--petroleo)}

/* frase de assinatura acima de cada modelo */
.modelo__assinatura{
  margin:0 0 1.4rem!important;font-family:var(--serifa);font-size:1.15rem!important;line-height:1.35;
  color:var(--marinho)!important;max-width:34ch;min-height:3.1em;
}

/* como começamos */
.comecamos{margin-top:clamp(2.4rem,4vw,3.2rem);padding:1.6rem 1.7rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--fio);max-width:760px}
.comecamos__titulo{margin:0 0 .6rem;font-family:var(--serifa);font-size:1.45rem;line-height:1.2;color:var(--marinho)}
.comecamos p{font-size:.95rem;color:var(--tinta-2)}
.comecamos .comecamos__titulo{font-size:1.45rem;color:var(--marinho)}

/* causa, abaixo da consequência no placar do autodiagnóstico */
.diag__causa{display:none;margin:.8rem 0 0;font-size:.92rem;line-height:1.55;color:var(--tinta-2);max-width:60ch}
.diag:has(.diag__caixa:checked ~ .diag__caixa:checked ~ .diag__caixa:checked) .diag__causa{display:block}
@supports not selector(:has(a)){.diag__causa{display:block}}
/* anéis dos modelos no petróleo da identidade */
.modelo .anel{color:var(--petroleo)}

/* foto nas portas da home, como no mockup de referência */
.porta__foto{display:block;overflow:hidden;border-radius:var(--raio);margin-bottom:1.4rem;background:var(--marinho)}
.porta__foto img{width:100%;aspect-ratio:16/7;object-fit:cover;transition:transform 600ms cubic-bezier(.2,.6,.3,1)}
.porta:hover .porta__foto img{transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.porta:hover .porta__foto img{transform:none}}
/* elemento escolhido na roda: petróleo, a cor dos componentes do método */
.roda__palco .pilar[class]:is(#p1:checked ~ .roda__palco .pilar--1,#p2:checked ~ .roda__palco .pilar--2,#p3:checked ~ .roda__palco .pilar--3,#p4:checked ~ .roda__palco .pilar--4,#p5:checked ~ .roda__palco .pilar--5,#p6:checked ~ .roda__palco .pilar--6,#p7:checked ~ .roda__palco .pilar--7,#p8:checked ~ .roda__palco .pilar--8,#p9:checked ~ .roda__palco .pilar--9){background:var(--petroleo);border-color:var(--petroleo)}

/* 29 · ESTRUTURA NOVA: MÉTODO, ÍNDICE, CEOS, COMO TRABALHAMOS ============= */
/* bloco em petróleo: a identidade como superfície, texto branco (5,0:1) */
.secao--petroleo{
  background:var(--petroleo);color:var(--branco);
  --tinta:#fff;--tinta-2:#fff;--tinta-3:#eef2f4;--fio:rgba(255,255,255,.22);--fio-forte:rgba(255,255,255,.4);
}
.secao--petroleo :is(h1,h2,h3,h4,strong,.tese-grande){color:var(--branco)}
.secao--petroleo .olho__fio{background:var(--branco)}
.secao--petroleo .seta{color:var(--branco);border-color:rgba(255,255,255,.4)}
.secao--petroleo .botao{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.secao--petroleo .botao:hover{background:var(--marinho);border-color:var(--marinho);color:var(--branco)}
.secao--petroleo .pendencia{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}

/* hero do Método: os dois anéis */
.abertura__figura{display:flex;justify-content:center}
.anel-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem;width:100%;max-width:420px}
.anel-par figure{margin:0;text-align:center}
.anel-par .anel{width:100%;height:auto;color:var(--sobre-marinho)}
.anel-par figcaption{margin-top:.6rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--sobre-marinho-3)}

/* dois contextos lado a lado, com diferença deliberada */
.contextos{display:grid;gap:1rem;margin-top:clamp(2rem,3.5vw,2.8rem)}
@media (min-width:860px){.contextos{grid-template-columns:repeat(2,minmax(0,1fr))}}
.contexto{display:flex;flex-direction:column;gap:.7rem;padding:1.8rem 1.7rem;text-decoration:none;border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);transition:border-color var(--transicao)}
.contexto:hover{border-color:var(--marinho)}
.contexto--forte{background:var(--marinho);border-color:var(--marinho)}
.contexto__publico{font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.contexto__nome{font-family:var(--serifa);font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);line-height:1.15;color:var(--marinho)}
.contexto__legenda{font-size:.92rem;line-height:1.55;color:var(--tinta-2);flex:1}
.contexto .seta{align-self:flex-start}
.contexto--forte .contexto__publico{color:var(--sobre-marinho-3)}
.contexto--forte .contexto__nome{color:var(--branco)}
.contexto--forte .contexto__legenda{color:var(--sobre-marinho)}
.contexto--forte .seta{color:var(--branco);border-color:var(--fio-claro)}

/* fichas em cadeia: fluxo da operação e cadeia de diagnóstico */
.cadeia-fichas{margin-top:clamp(1.8rem,3vw,2.4rem)}
.cadeia-fichas__rotulo{margin:0 0 .7rem;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.cadeia-fichas ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem .3rem;align-items:center}
.cadeia-fichas li{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .8rem;border:1px solid var(--fio-forte);border-radius:var(--raio);background:var(--papel);font-size:.84rem;font-weight:500;color:var(--marinho)}
.cadeia-fichas li:not(:last-child)::after{content:"";width:6px;height:6px;margin-left:.45rem;border-top:1.5px solid var(--coral);border-right:1.5px solid var(--coral);transform:rotate(45deg)}
.cadeia-fichas li.forte{background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}

/* elementos e pilares em fichas de sintoma */
.elementos-v{list-style:none;margin:clamp(2rem,3.5vw,2.8rem) 0 0;padding:0;display:grid;gap:1rem}
@media (min-width:700px){.elementos-v{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.elementos-v{grid-template-columns:repeat(3,minmax(0,1fr))}}
.elemento-v{padding:1.4rem 1.3rem;border:1px solid var(--fio);border-top:3px solid var(--petroleo);border-radius:var(--raio);background:var(--papel)}
.elemento-v h3{font-size:1.15rem;margin-bottom:.6rem}
.elemento-v .afirmacao{margin:0 0 .7rem;font-family:var(--serifa);font-style:italic;font-size:1.02rem;line-height:1.4;color:var(--marinho)}
.elemento-v p:last-child{margin:0;font-size:.88rem;line-height:1.55;color:var(--tinta-2)}

/* ordem de implantação: o segundo desenho, numerado */
.ordem{list-style:none;margin:2rem 0 0;padding:0;counter-reset:ordem;display:grid;gap:.6rem}
@media (min-width:860px){.ordem{grid-template-columns:repeat(4,minmax(0,1fr))}}
.ordem li{counter-increment:ordem;position:relative;padding:1.2rem 1.1rem 1.1rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--fio);font-family:var(--serifa);font-size:1.1rem;line-height:1.3;color:var(--marinho)}
.ordem li::before{content:counter(ordem,decimal-leading-zero);display:block;margin-bottom:.5rem;font-size:.85rem;color:var(--coral)}

/* fatos da abertura do índice */
.fatos{list-style:none;margin:clamp(2.4rem,4vw,3.2rem) 0 0;padding:1.6rem 0 0;border-top:1px solid var(--fio);display:grid;gap:1.2rem 2rem}
@media (min-width:760px){.fatos{grid-template-columns:repeat(4,minmax(0,1fr))}}
.fatos li{display:flex;align-items:baseline;gap:.7rem;font-size:.84rem;line-height:1.4;color:var(--sobre-marinho)}
.fatos b{font-family:var(--serifa);font-weight:300;font-size:2.4rem;line-height:1;color:var(--coral)}

/* o instrumento */
.instrumento{max-width:860px;margin-inline:auto}
.indice__modos{border:0;margin:0 0 1.4rem;padding:0}
.indice__palco{padding:clamp(1.6rem,3.5vw,2.6rem);border-radius:var(--raio);background:var(--papel);border:1px solid var(--fio);min-height:300px}
.indice__palco h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.1rem)}
.indice__etapa{margin:0 0 .7rem;font-size:.68rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.indice__abertura p:not(.indice__etapa){margin:1rem 0 1.6rem;max-width:58ch;color:var(--tinta-2)}
.indice__progresso{height:4px;margin-bottom:1.4rem;border-radius:2px;background:var(--papel-2);overflow:hidden}
.indice__progresso i{display:block;height:100%;background:var(--petroleo);transition:width 300ms ease}
.indice__elemento{margin-bottom:1.6rem}
.indice__pergunta{border:0;margin:0 0 1.8rem;padding:0}
.indice__pergunta legend{margin-bottom:.9rem;font-family:var(--serifa);font-size:1.2rem;line-height:1.35;color:var(--marinho)}
.indice__nivel{display:flex;gap:.8rem;align-items:flex-start;padding:.85rem 1rem;margin-bottom:.45rem;border:1px solid var(--fio);border-radius:var(--raio);cursor:pointer;font-size:.93rem;line-height:1.45;color:var(--tinta-2);transition:border-color var(--transicao),background var(--transicao),color var(--transicao)}
.indice__nivel:hover{border-color:var(--marinho)}
.indice__nivel input{position:absolute;opacity:0;pointer-events:none}
.indice__marca{flex:0 0 auto;width:18px;height:18px;margin-top:.1rem;border:1.5px solid var(--fio-forte);border-radius:50%;background:var(--papel)}
.indice__nivel:has(input:checked){background:var(--petroleo);border-color:var(--petroleo);color:var(--branco)}
.indice__nivel:has(input:checked) .indice__marca{border-color:var(--branco);background:var(--coral);box-shadow:inset 0 0 0 3px var(--petroleo)}
.indice__nivel:has(input:focus-visible){outline:2px solid var(--coral);outline-offset:2px}
.indice__acoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}
.indice__acoes .botao:disabled{opacity:.4;cursor:not-allowed}
.indice__estagio{color:var(--petroleo);font-style:italic}
.indice__descricao{margin:.6rem 0 0;color:var(--tinta-2);max-width:58ch}
.indice__lema{margin:1.6rem 0 1.4rem!important;max-width:52ch}
.indice__regua{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
.indice__regua li{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,.9fr);gap:.8rem;align-items:center;font-size:.88rem}
.indice__nome{color:var(--marinho);font-weight:500}
.indice__segmentos{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.indice__segmentos i{height:10px;border-radius:1px;background:var(--papel-2)}
.indice__segmentos i.cheio{background:var(--petroleo)}
.indice__valor{color:var(--tinta-2);font-size:.82rem}
.indice__legenda{margin:.9rem 0 0;font-size:.74rem;color:var(--tinta-3)}
.indice__leitura{display:grid;gap:1.4rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--fio)}
@media (min-width:760px){.indice__leitura{grid-template-columns:1.3fr 1fr}}
.indice__leitura h3{font-size:1.1rem;margin-bottom:.7rem}
.indice__leitura ol{margin:0;padding-left:1.1rem;display:grid;gap:.6rem;font-size:.9rem;line-height:1.5;color:var(--tinta-2)}
.indice__leitura ol li::marker{color:var(--coral)}
.indice__proximo{padding:1.1rem 1.2rem;border-radius:var(--raio);background:var(--papel-2)}
.indice__proximo p{margin:0;font-size:.9rem;color:var(--tinta-2)}
@media (max-width:599px){.indice__regua li{grid-template-columns:1fr 1fr;row-gap:.3rem}.indice__nome{grid-column:1/-1}}

/* exemplo de resultado na home */
.resultado-exemplo{padding:1.6rem 1.7rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--fio)}
.resultado-exemplo__rotulo{margin:0 0 .6rem;font-size:.66rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.resultado-exemplo__estagio{margin:0 0 1.1rem;font-family:var(--serifa);font-size:1.35rem;color:var(--marinho)}
.resultado-exemplo__estagio b{font-weight:400;font-style:italic;color:var(--petroleo)}
.resultado-exemplo ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.resultado-exemplo li{display:grid;grid-template-columns:1fr repeat(4,24px);gap:3px;align-items:center;font-size:.82rem;color:var(--tinta-2)}
.resultado-exemplo li i{height:9px;border-radius:1px;background:var(--papel-2)}
.resultado-exemplo li i.c{background:var(--petroleo)}
.resultado-exemplo__leitura{margin:1.2rem 0 0;padding-top:1rem;border-top:1px solid var(--fio);font-family:var(--serifa);font-size:1rem;line-height:1.45;color:var(--marinho)}

/* porta discreta para a alta administração */
.porta-ceo{margin:1.6rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;font-size:.92rem;color:var(--tinta-2)}

/* CEOs: sete perguntas em lista numerada com fio */
.perguntas-ceo{list-style:none;margin:0;padding:0;counter-reset:pceo}
.pergunta-ceo{counter-increment:pceo;display:grid;grid-template-columns:3rem minmax(0,1fr);gap:.2rem 1rem;padding:1.4rem 0;border-top:1px solid var(--fio)}
.pergunta-ceo::before{content:counter(pceo,decimal-leading-zero);grid-row:span 2;font-family:var(--serifa);font-size:1.6rem;line-height:1;color:var(--coral)}
.pergunta-ceo h3{font-size:clamp(1.15rem,1rem + .5vw,1.4rem)}
.pergunta-ceo p{margin:.3rem 0 0;font-size:.92rem;line-height:1.55;color:var(--tinta-2)}
.pergunta-ceo p span{display:block;margin-bottom:.2rem;font-size:.66rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}
.encaminhar{padding:1.6rem 1.7rem;border:1px solid rgba(255,255,255,.35);border-radius:var(--raio)}
.encaminhar__titulo{margin:0;font-family:var(--serifa);font-size:1.4rem;line-height:1.25}
.capa--guia{background:var(--marinho);color:var(--sobre-marinho-3)}
.guia-form{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.6rem 0 0;max-width:520px}
.guia-form input{flex:1 1 240px;padding:.8rem 1rem;border:1px solid var(--fio-forte);border-radius:var(--raio);font:inherit;font-size:.92rem;background:var(--papel);color:var(--marinho)}

/* como trabalhamos: começo e fases */
.comeco{list-style:none;margin:1.8rem 0 0;padding:0;counter-reset:comeco;display:grid;gap:1rem}
@media (min-width:760px){.comeco{grid-template-columns:repeat(3,minmax(0,1fr))}}
.comeco li{counter-increment:comeco;padding:1.4rem 1.3rem;border-radius:var(--raio);border:1px solid var(--fio);background:var(--papel)}
.comeco li::before{content:counter(comeco,decimal-leading-zero);display:block;margin-bottom:.6rem;font-family:var(--serifa);font-size:1.5rem;color:var(--coral)}
.comeco h3{font-size:1.15rem;margin-bottom:.5rem}
.comeco p{margin:0;font-size:.9rem;line-height:1.55;color:var(--tinta-2)}
.fases-v{list-style:none;margin:clamp(2rem,3.5vw,2.8rem) 0 0;padding:0;display:grid;gap:1rem}
@media (min-width:760px){.fases-v{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){.fases-v{grid-template-columns:repeat(5,minmax(0,1fr))}}
.fase-v{display:flex;flex-direction:column;padding:1.4rem 1.2rem;border-radius:var(--raio);background:var(--papel);border:1px solid var(--fio);border-top:3px solid var(--petroleo)}
.fase-v__n{font-family:var(--serifa);font-size:.85rem;color:var(--coral)}
.fase-v h3{font-size:1.2rem;margin:.3rem 0 .5rem}
.fase-v p{margin:0 0 .9rem;font-size:.88rem;line-height:1.5;color:var(--tinta-2)}
.fase-v__entrega{padding:.7rem .8rem;border-radius:var(--raio);background:var(--papel-2);font-size:.82rem!important;color:var(--marinho)!important}
.fase-v__entrega span{display:block;margin-bottom:.2rem;font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-3)}
.fase-v__tese{margin:auto 0 0!important;padding-top:.6rem;font-family:var(--serifa);font-style:italic;font-size:.98rem!important;line-height:1.4;color:var(--marinho)!important}
.indice__por-onde{margin:0 0 1.4rem;font-family:var(--serifa);font-size:1.25rem;line-height:1.4;color:var(--marinho)}
.indice__leitura ol b{font-weight:600;color:var(--marinho)}

/* 30 · CABEÇALHO SOBRE A ABERTURA ========================================== */
/* Referência visual: o cabeçalho é transparente sobre a abertura escura e ganha
   a base #1B2F37 ao rolar (assets/js/topo.js). Sem script, nasce sólido. */
html{scroll-padding-top:104px}
.topo{
  position:fixed;left:0;right:0;top:0;
  background:var(--marinho);border-bottom:1px solid rgba(255,255,255,.08);
  transition:background 280ms ease,border-color 280ms ease;
}
.topo-dinamico .topo:not(.topo--solido){background:transparent;border-bottom-color:transparent}
.topo__nav a{color:rgba(255,255,255,.78)}
.topo__nav a:hover,.topo__nav a[aria-current="page"],.topo__nav a.ativo{color:var(--branco)}
.menu__rotulo{color:var(--branco)!important}
.abertura{padding-top:calc(88px + clamp(48px,6vw,88px))}
@media (max-width:999px){.abertura{padding-top:calc(70px + clamp(40px,8vw,64px))}}

/* 31 · HOME NO PADRÃO DA REFERÊNCIA ======================================== */
/* hero: foto de arquitetura à direita, fundindo na base escura */
.hero--foto{position:relative;overflow:hidden;min-height:clamp(560px,78vh,720px);display:flex;align-items:center;padding-bottom:clamp(56px,7vw,96px)}
.hero__foto{position:absolute;inset:0 0 0 auto;width:min(64%,1100px);pointer-events:none}
.hero__foto img{width:100%;height:100%;object-fit:cover;object-position:60% 40%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.hero--foto .hero__conteudo{position:relative;width:100%;display:grid;gap:2rem;align-items:center}
.hero__texto{max-width:640px}
.hero--foto h1{font-size:clamp(2.4rem,1.5rem + 3.4vw,4rem);line-height:1.04;max-width:16ch}
.hero__apoio{margin:1.6rem 0 0;max-width:52ch;font-size:clamp(1rem,.95rem + .25vw,1.12rem);line-height:1.65;color:var(--sobre-marinho)}
.hero__palavras{display:none;list-style:none;margin:0;padding:0}
.hero__palavras li{font-size:.78rem;font-weight:500;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.72);padding:.55rem 0}
@media (min-width:1000px){
  .hero--foto .hero__conteudo{grid-template-columns:minmax(0,1fr) auto}
  .hero__palavras{display:block;justify-self:end;text-align:left}
}
@media (max-width:999px){
  .hero__foto{width:100%;opacity:.42}
  .hero__foto img{-webkit-mask-image:linear-gradient(180deg,#000 0,transparent 92%);mask-image:linear-gradient(180deg,#000 0,transparent 92%)}
}
.icone--botao{width:16px;height:16px;margin-left:.15rem}
.botao--petroleo{background:var(--petroleo)!important;border-color:var(--petroleo)!important;color:var(--branco)!important}
.botao--petroleo:hover{background:var(--marinho)!important;border-color:var(--marinho)!important}
.abertura .botao--fantasma{border-color:rgba(255,255,255,.55)}

/* duas portas em cartão: promessa, capacidades e foto */
.portas-v h2{max-width:24ch}
.portas-v__grade{display:grid;gap:1.2rem;margin-top:clamp(2rem,3.5vw,2.8rem)}
@media (min-width:900px){.portas-v__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.porta-v{
  display:flex;flex-direction:column;gap:.5rem;padding:clamp(1.4rem,2.6vw,2rem);text-decoration:none;
  background:var(--papel);border:1px solid var(--fio);border-radius:var(--raio);
  transition:border-color var(--transicao),transform var(--transicao);
}
.porta-v:hover{border-color:var(--petroleo)}
.porta-v__titulo{font-family:var(--serifa);font-size:clamp(1.5rem,1.25rem + .9vw,2rem);line-height:1.1;color:var(--marinho)}
.porta-v__promessa{font-size:.95rem;color:var(--tinta-2)}
.porta-v__corpo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.4rem;margin:1.2rem 0 1rem;align-items:stretch}
.porta-v__lista{list-style:none;margin:0;padding:0;align-self:center}
.porta-v__lista li{padding:.62rem 0;border-bottom:1px solid var(--fio);font-size:.9rem;color:var(--tinta-2)}
.porta-v__foto{display:block;overflow:hidden;border-radius:var(--raio);background:var(--marinho)}
.porta-v__foto img{width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform 700ms cubic-bezier(.2,.6,.3,1)}
.porta-v:hover .porta-v__foto img{transform:scale(1.04)}
.porta-v .seta{align-self:flex-start;margin-top:auto}
@media (max-width:520px){.porta-v__corpo{grid-template-columns:1fr}.porta-v__foto img{min-height:180px;aspect-ratio:16/9}}
@media (prefers-reduced-motion:reduce){.porta-v:hover .porta-v__foto img{transform:none}}

/* visão: texto e o sistema lado a lado */
.visao-v{display:grid;gap:2rem;align-items:center}
.visao-v__figura{max-width:440px;width:100%;margin-inline:auto}
@media (min-width:1000px){.visao-v{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}}

/* modelos: texto e roda de ícones, alternando lados */
.modelo-v{display:grid;gap:2.4rem;align-items:center}
.modelo-v + .modelo-v{margin-top:clamp(4rem,8vw,6.5rem);padding-top:clamp(3rem,6vw,4.5rem);border-top:1px solid var(--fio)}
.modelo-v h2{max-width:22ch}
.modelo-v .entrada{max-width:50ch}
@media (min-width:1000px){
  .modelo-v{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .modelo-v--invertido > div:first-child{order:2}
}
.roda-icones{position:relative;width:100%;max-width:440px;aspect-ratio:1;margin-inline:auto}
.roda-icones::before{content:"";position:absolute;inset:12%;border:1px solid var(--fio);border-radius:50%}
.roda-icones__centro{position:absolute;inset:31%;border-radius:50%;display:grid;place-content:center;text-align:center;border:1px solid var(--fio)}
.roda-icones__centro span:first-child{font-family:var(--serifa);font-size:clamp(1.1rem,.9rem + .8vw,1.5rem);line-height:1.05;color:var(--marinho)}
.roda-icones__sub{font-family:var(--serifa);font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);line-height:1;color:var(--marinho)}
.roda-icones ul{list-style:none;margin:0;padding:0}
.roda-icones__item{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px}
.roda-icones__circulo{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--petroleo)}
.roda-icones__circulo .icone{width:18px;height:18px;stroke-width:1.5;color:var(--branco)}
.roda-icones__nome{position:absolute;top:50%;transform:translateY(-50%);font-size:.76rem;font-weight:500;line-height:1.2;color:var(--marinho);width:max-content;max-width:110px}
.roda-icones__item--dir .roda-icones__nome{left:calc(100% + .5rem)}
.roda-icones__item--esq .roda-icones__nome{right:calc(100% + .5rem);text-align:right}
.roda-icones__item--meio.roda-icones__item--cima .roda-icones__nome{top:auto;bottom:calc(100% + .4rem);left:50%;transform:translateX(-50%);text-align:center}
.roda-icones__item--meio.roda-icones__item--baixo .roda-icones__nome{top:calc(100% + .4rem);left:50%;transform:translateX(-50%);text-align:center}
.roda-icones__item--meio.roda-icones__item--centro .roda-icones__nome{left:calc(100% + .5rem)}
@media (max-width:520px){.roda-icones{max-width:280px}.roda-icones__item,.roda-icones__circulo{width:36px;height:36px}.roda-icones__circulo .icone{width:15px;height:15px}.roda-icones__nome{font-size:.64rem;max-width:74px}}

/* prova: faixa escura com foto e números */
.faixa-prova{position:relative;overflow:hidden;background:var(--marinho);color:var(--sobre-marinho);padding-block:clamp(64px,8vw,112px);
  --tinta:#eef2f4;--tinta-2:#d5dee2;--tinta-3:#b4c3c9;--fio:rgba(255,255,255,.16);--fio-forte:rgba(255,255,255,.3)}
.faixa-prova .pendencia{background:color-mix(in srgb,var(--coral) 7%,transparent)}
.faixa-prova .pendencia p{color:var(--sobre-marinho)}
.faixa-prova__foto{position:absolute;inset:0 auto 0 0;width:min(40%,640px);pointer-events:none}
.faixa-prova__foto img{width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(270deg,transparent 0,#000 45%);mask-image:linear-gradient(270deg,transparent 0,#000 45%)}
.faixa-prova__grade{position:relative;display:grid;gap:2.4rem;align-items:center}
.faixa-prova h2{color:var(--branco);max-width:20ch}
.faixa-prova .entrada{color:var(--sobre-marinho);max-width:46ch}
.faixa-prova__numeros{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
.faixa-prova__numeros li{padding:1.4rem 1.2rem;border-left:1px solid rgba(255,255,255,.16);border-top:1px solid rgba(255,255,255,.16)}
.faixa-prova__numeros li:nth-child(-n+2){border-top:0}
.faixa-prova__numeros li:nth-child(odd){border-left:0}
.faixa-prova__numeros b{display:block;font-family:var(--serifa);font-weight:300;font-size:clamp(2.2rem,1.8rem + 1.6vw,3.2rem);line-height:1;color:var(--branco);margin-bottom:.5rem}
.faixa-prova__numeros span{font-size:.84rem;line-height:1.45;color:var(--sobre-marinho)}
.faixa-prova .pendencia{margin-top:2rem}
@media (min-width:1000px){.faixa-prova__grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-left:min(30%,360px)}}
@media (max-width:999px){.faixa-prova__foto{width:100%;opacity:.22}}

/* fotos sobre a base escura: a base domina, a foto só dá textura */
.hero__foto img{filter:brightness(.72) saturate(.85)}
.faixa-prova__foto img{filter:brightness(.68) saturate(.85)}
@media (max-width:999px){.hero__foto{opacity:.3}.faixa-prova__foto{opacity:.16}}
/* com rodapé e bloco final na mesma base, um fio separa os dois */
.rodape{border-top:1px solid rgba(255,255,255,.08)}

/* 32 · HOME DEPOIS DA CRÍTICA DO IMPECCABLE (01/10/2026) =================== */
/* primeira dobra: a escolha da jornada, e o topo dos cartões já à vista */
.hero--foto{min-height:clamp(520px,72vh,660px)}
.hero__escolha{margin:2.2rem 0 0;font-size:.72rem;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--sobre-marinho-3)}
.hero__portas{margin-top:.9rem}
.hero__portas .botao{padding:.95rem 1.35rem;font-size:.92rem}
.hero__portas .botao:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.portas-v{padding-top:clamp(36px,4.5vw,56px)}
.porta-ceo{
  display:flex;align-items:center;gap:.9rem;margin-top:1.2rem;padding:1.1rem 1.3rem;text-decoration:none;
  border:1px solid var(--fio);border-radius:var(--raio);background:var(--papel);color:var(--tinta-2);font-size:.95rem;
  transition:border-color var(--transicao);
}
.porta-ceo:hover{border-color:var(--petroleo)}
.porta-ceo b{font-weight:600;color:var(--marinho)}
.porta-ceo__icone{width:22px;height:22px;stroke-width:1.4;color:var(--petroleo);flex:0 0 auto}
.porta-ceo .icone--seta{margin-left:auto;width:18px;height:18px;color:var(--marinho);flex:0 0 auto}

/* credenciais: só o 28 é número; o resto é fato curto em serifa */
.credenciais b.curto{font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);line-height:1.15}
.credenciais li:has(b.curto){flex-direction:column;align-items:flex-start;gap:.35rem}

/* sinais em largura de leitura */
.sinais-home{max-width:920px}

/* o segundo modelo, sem roda: texto e link */
.modelo-par{
  display:grid;gap:.4rem;margin-top:clamp(3rem,6vw,4.5rem);padding:clamp(1.6rem,3vw,2.2rem);
  text-decoration:none;background:var(--papel);border:1px solid var(--fio);border-radius:var(--raio);
  transition:border-color var(--transicao);
}
.modelo-par:hover{border-color:var(--petroleo)}
.modelo-par__rotulo{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.modelo-par__nome{font-family:var(--serifa);font-size:clamp(1.4rem,1.2rem + .8vw,1.9rem);line-height:1.15;color:var(--marinho)}
.modelo-par__frase{font-family:var(--serifa);font-style:italic;font-size:1.1rem;color:var(--petroleo)}
.modelo-par__texto{max-width:60ch;font-size:.95rem;line-height:1.55;color:var(--tinta-2)}
.modelo-par .seta{justify-self:start;margin-top:.8rem}
@media (min-width:1000px){.modelo-par{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:3rem}
  .modelo-par__rotulo,.modelo-par__nome,.modelo-par__frase{grid-column:1}
  .modelo-par__texto{grid-column:2;grid-row:1 / span 3;align-self:center}
  .modelo-par .seta{grid-column:2}}

/* fecho claro, com a promessa que baixa o risco junto do botão */
.fecho-home .chamada h2{color:var(--marinho)}
.chamada__risco{margin:.8rem 0 0;font-size:.98rem;color:var(--tinta-2)}

/* coral só onde é ação: números, operadores e ornamentos voltam ao petróleo */
.jornada__n{color:var(--tinta-3)}
.equacao__op{color:var(--petroleo)}
.autoridade__retrato::after{border-color:var(--petroleo)!important;background:transparent}
.equacao__termo--resultado .equacao__legenda{color:var(--branco)}

/* foco: marinho sobre o claro (3:1 ou mais), coral só sobre o escuro */
:focus-visible{outline-color:var(--marinho)}
:is(.abertura,.secao--marinho,.secao--fundo,.faixa-prova,.rodape,.topo,.cookies,.secao--petroleo) :focus-visible{outline-color:var(--coral)}
.diag__marca{border-color:var(--tinta-3)}

/* o placar com número escrito pelo script; sem script, o contador CSS */
.diag--js .diag__numero::before{content:none}

/* ® dentro de rótulo espaçado */
.olho .reg{letter-spacing:0;margin-left:-.12em}

/* faixa de prova: rótulo em bloco e número sem quebra */
.faixa-prova__numeros b{white-space:nowrap}
.faixa-prova__numeros span{display:block;line-height:1.45}

/* celular */
@media (max-width:999px){.hero__foto{opacity:.55}}
@media (max-width:520px){
  .porta-v__lista{display:none}
  .porta-v__corpo{margin:.8rem 0 .6rem}
  .hero__portas .botao{width:100%;justify-content:space-between}
  /* a roda vira lista legível: anel e posições saem */
  .roda-icones{aspect-ratio:auto;max-width:none}
  .roda-icones::before,.roda-icones__centro{display:none}
  .roda-icones ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1rem}
  .roda-icones__item{position:static;transform:none;width:auto;height:auto;display:flex;align-items:center;gap:.6rem}
  .roda-icones__nome{position:static!important;transform:none!important;font-size:.84rem!important;max-width:none;text-align:left!important}
}

/* acabamentos da segunda rodada */
.porta-v__foto img{object-position:70% 75%}
.olho .reg{margin-left:.05em}
.porta-ceo span{flex:1;min-width:0}
@media (max-width:599px){
  /* aviso de cookies compacto: as duas escolhas lado a lado, preferências como link */
  .cookies__caixa{gap:.7rem;padding-block:.9rem}
  .cookies__texto{font-size:.8rem}
  .cookies__acoes .botao{flex:1 1 calc(50% - .3rem);padding:.65rem .5rem;font-size:.78rem}
  .cookies__acoes .botao--fantasma{flex-basis:100%;border:0;padding:.3rem;text-decoration:underline;text-underline-offset:.2em}
}

/* 33 · HOME DEPOIS DA SEGUNDA CRÍTICA (01/10/2026) ========================= */
/* 1 · a escolha da jornada é o mais forte da dobra: o "Fale conosco" do
   cabeçalho fica vazado enquanto está sobre o hero e só ganha coral ao rolar */
.topo-dinamico .topo:not(.topo--solido) .topo__acao .botao{background:transparent;border-color:rgba(255,255,255,.5);color:var(--branco)}
.topo .botao:hover,.cookies .botao:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
/* aviso de cookies sem coral: as duas escolhas em branco, mesmo peso */
.cookies .botao--claro{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.cookies .botao--claro:hover{background:transparent;color:var(--branco)}

/* 2 · os cartões sobem sobre o pé do hero */
.hero--foto{min-height:clamp(500px,66vh,620px);padding-bottom:calc(clamp(56px,7vw,96px) + 150px)}
.hero__escolha{margin-top:2.6rem}
.portas-v{padding:0 0 clamp(48px,6vw,80px)}
.portas-v__grade{position:relative;z-index:2;margin-top:-170px}
.porta-v{padding:0;overflow:hidden;gap:0}
.porta-v__foto{border-radius:0}
.porta-v__foto img{min-height:0;aspect-ratio:16/7;height:auto}
.porta-v__texto{display:flex;flex-direction:column;gap:.55rem;padding:clamp(1.3rem,2.4vw,1.8rem)}
.porta-v__titulo{font-size:clamp(1.45rem,1.2rem + .9vw,1.95rem)}
.porta-v__capacidades{margin-top:.3rem;font-size:.82rem;line-height:1.6;color:var(--tinta-3)}
.porta-v .seta{margin-top:.8rem}
@media (max-width:899px){.hero--foto{padding-bottom:calc(clamp(56px,7vw,96px) + 90px)}.portas-v__grade{margin-top:-110px}}

/* 3 · modelos em duas colunas de mesmo peso */
.modelos-v__grade{display:grid;gap:1.2rem;margin-top:clamp(2rem,3.5vw,2.8rem)}
@media (min-width:1000px){.modelos-v__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
.modelo-col{display:flex;flex-direction:column;padding:clamp(1.5rem,2.8vw,2.2rem);background:var(--papel);border:1px solid var(--fio);border-radius:var(--raio)}
.modelo-col__publico{margin:0 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-3)}
.modelo-col h3{font-size:clamp(1.5rem,1.25rem + .9vw,2rem);margin-bottom:.8rem}
.modelo-col .modelo__assinatura{min-height:0}
.modelo-col__figura{flex:1;display:flex;align-items:center;justify-content:center;margin:1rem 0 1.4rem;min-height:300px}
.modelo-col__figura .roda-icones{max-width:340px}
.modelo-col__figura .cadeia-fichas{margin:0}
.modelo-col__figura .cadeia-fichas ol{flex-direction:column;align-items:stretch;gap:0}
.modelo-col__figura .cadeia-fichas li{justify-content:space-between;width:min(100%,320px);margin-inline:auto;border-radius:0;border-bottom-width:0}
.modelo-col__figura .cadeia-fichas li:first-child{border-radius:var(--raio) var(--raio) 0 0}
.modelo-col__figura .cadeia-fichas li:last-child{border-radius:0 0 var(--raio) var(--raio);border-bottom-width:1px}
.modelo-col__figura .cadeia-fichas li:not(:last-child)::after{transform:rotate(135deg);margin-left:auto}
.modelo-col__texto{margin:0;font-size:.95rem;line-height:1.6;color:var(--tinta-2)}
@media (max-width:520px){.modelo-col__figura{min-height:0}}

/* a régua de fases da home só com número: a roda já tem ícones */
.jornada--numeros .jornada__no{border-color:var(--fio-forte)}
.jornada__num{font-family:var(--serifa);font-size:1.05rem;color:var(--marinho)}
.jornada--numeros .jornada__n{display:none}
.jornada--numeros .jornada__fase:first-child .jornada__no{background:var(--papel);border-color:var(--fio-forte)}

/* 4 · tese em faixa própria e chamada final forte */
.faixa-tese .tese-versos{margin:0;color:var(--branco)}
.faixa-tese .tese-versos span:last-child{color:var(--branco);opacity:.82}
.chamada-final .tese-grande{max-width:20ch}
.chamada-final__linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2.4rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid rgba(255,255,255,.3)}
.chamada-final .chamada__risco{margin:0;font-size:1.05rem;color:var(--branco)}
.botao--coral{background:var(--coral-botao)!important;border-color:var(--coral-botao)!important;color:var(--branco)!important;padding:1rem 1.7rem}
.botao--coral:hover{background:var(--branco)!important;border-color:var(--branco)!important;color:var(--marinho)!important}
.fecho-home .entrada{color:var(--tinta)}

/* 5 · acabamento */
/* o ® dentro de botão e de link com seta: os dois são flex com gap */
.botao .reg{margin-left:calc(-.6rem + .06em)}
.seta .reg{margin-left:calc(-.5rem + .06em)}
.faixa-prova .pendencia{max-width:72ch}
.faixa-prova__numeros b{font-weight:400;color:var(--coral)}
.credenciais li{flex-direction:column;align-items:flex-start;gap:.35rem}
.rodape__lista a:has(.icone--linha){display:inline-flex;align-items:flex-start;gap:.55rem}
.rodape__lista a:has(.icone--linha) .icone{margin:.2rem 0 0;flex:0 0 auto}

/* 34 · HOME DEPOIS DA TERCEIRA CRÍTICA (01/10/2026) ======================== */
/* cartões: o título vem primeiro, e é ele que sobe sobre o pé do hero */
.porta-v__titulo{margin:0;font-family:var(--serifa);font-weight:400;letter-spacing:-.015em}
.porta-v__foto img{aspect-ratio:16/6}
.hero__escolha{margin:2.4rem 0 0;font-family:var(--serifa);font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);font-weight:300;letter-spacing:0;text-transform:none;color:var(--branco)}
.hero--foto{padding-bottom:calc(clamp(40px,5vw,72px) + 150px)}

/* grade dos nove elementos com a camada transversal */
.grade-nove{position:relative;width:100%;max-width:400px;margin-inline:auto;padding:0 14px}
.grade-nove ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.grade-nove li{
  display:flex;align-items:center;justify-content:center;min-height:78px;padding:.6rem .5rem;text-align:center;
  background:var(--papel);border:1px solid var(--fio-forte);border-radius:var(--raio);
  font-size:.8rem;font-weight:500;line-height:1.3;color:var(--marinho);
}
.grade-nove__camada{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:40px;background:var(--petroleo);border-radius:var(--raio)}
.grade-nove__camada span{position:absolute;left:50%;top:calc(100% + 64px);transform:translateX(-50%);display:none}
.grade-nove::after{
  content:"Legal Operations atravessa os nove";display:block;margin-top:1rem;text-align:center;
  font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--petroleo);
}
@media (max-width:520px){.grade-nove li{min-height:64px;font-size:.72rem}}

/* versos e tese na mesma faixa petróleo */
.faixa-tese{padding-block:var(--respiro)}
.faixa-tese__tese{margin-top:clamp(2.8rem,5vw,4rem);padding-top:clamp(2.4rem,4vw,3.2rem);border-top:1px solid rgba(255,255,255,.3)}
.faixa-tese .entrada{color:var(--branco)}
.faixa-tese .equacao__termo{background:var(--branco);border-color:var(--branco)}
.faixa-tese .equacao__termo .equacao__titulo{color:var(--marinho)}
.faixa-tese .equacao__termo .equacao__legenda{color:var(--tinta-2,#3e5862)}
.faixa-tese .equacao__termo{--tinta-2:#3e5862}
.faixa-tese .equacao__termo--resultado{background:var(--marinho);border-color:var(--marinho)}
.faixa-tese .equacao__termo--resultado .equacao__titulo,.faixa-tese .equacao__termo--resultado .equacao__legenda{color:var(--branco)}
.faixa-tese .equacao__op{color:var(--branco)}

/* fundador com título */
.fecho-home__nome{margin:0 0 1rem;font-size:clamp(1.8rem,1.4rem + 1.4vw,2.6rem)}

/* acabamento */
.topo-dinamico .topo:not(.topo--solido) .topo__acao .botao:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
.secao--petroleo :focus-visible{outline-color:var(--branco)}
.faixa-prova__numeros b{font-size:clamp(2rem,1.6rem + 1.1vw,2.7rem)}
.faixa-prova .pendencia{max-width:62ch}
@media (max-width:599px){.autoridade__retrato::after{left:-8px;bottom:-8px}}

/* faixa de prova com a sala de reunião (o prédio fica só no topo) */
.faixa-prova__foto{width:min(52%,820px)}
.faixa-prova__foto img{filter:brightness(.95) saturate(.9);object-position:60% 60%}
/* telas baixas de notebook (1366×768): o topo encolhe para os títulos dos
   cartões caberem na primeira dobra */
@media (min-width:1000px) and (max-height:820px){
  .hero--foto{padding-top:calc(88px + 28px);min-height:0}
  .hero--foto h1{font-size:clamp(2.2rem,1.3rem + 2.4vw,3.1rem)}
  .hero__apoio{margin-top:1.1rem}
  .hero__escolha{margin-top:1.4rem}
}

/* 35 · BOTÃO (decisões do Paulo de 01/10/2026, registradas em DESIGN.md) ===== */
/* Fundo #E8584A com texto branco, cantos um pouco arredondados e letra de
   tamanho normal: o texto de 19px ficou pesado demais. Com 15px, branco sobre
   #E8584A (3,5:1) fica abaixo dos 4,5:1 da WCAG para texto comum; foi escolha
   consciente, em troca do coral vivo. Petróleo, vazado e fantasma seguem a
   mesma forma e o mesmo corpo de letra. */
:root{--raio-botao:6px}
.botao{font-size:.95rem;font-weight:600;letter-spacing:.01em;padding:.85rem 1.4rem;border-radius:var(--raio-botao)}
.botao--coral{padding:.95rem 1.6rem}
/* cabeçalho: coral nos dois estados, transparente ou sólido */
.topo__acao .botao,
.topo-dinamico .topo:not(.topo--solido) .topo__acao .botao{
  background:var(--coral-botao);border-color:var(--coral-botao);color:var(--branco);
  font-size:.9rem;padding:.68rem 1.15rem}
.topo__acao .botao:hover,
.topo-dinamico .topo:not(.topo--solido) .topo__acao .botao:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
/* no aviso de cookies o botão é branco com texto escuro e cabe menor */
.cookies__acoes .botao{font-size:.86rem}
@media (max-width:599px){.cookies__acoes .botao{font-size:.82rem;padding:.7rem .5rem}}
.icone--botao{width:16px;height:16px}

/* 36 · HOME NO PADRÃO DA REFERÊNCIA ENERZA (02/10/2026) ====================== */
/* Referência mandada pelo Paulo (template Webflow Enerza), adaptada com a nossa
   paleta. Inter Tight em tudo, títulos em peso 500 bem fechados, frase-título
   com a segunda parte em cinza, rótulo com ponto coral, botões em pílula com
   círculo de ícone, fotos em círculo com cartões flutuando e chamada final
   sobre foto. Classes com prefixo he-. Só a home carrega a Inter Tight. */
:root:has(meta[name="tipografia"][content="inter-tight"]){
  --serifa:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --sans:"Inter Tight","Helvetica Neue",Arial,sans-serif;
  --raio-cartao:12px;
}
.home-e{--cinza-frase:#8a9ba2}
.home-e :is(h1,h2,h3){font-weight:500;letter-spacing:-.03em}
.home-e h2{font-size:clamp(2rem,1.4rem + 2.2vw,3.25rem);line-height:1.06}
/* realce no mesmo peso do título: em peso 300 a parte que importa parecia secundária (02/10) */
.home-e .realce{font-style:normal;font-weight:inherit}
.he-hero h1{text-wrap:balance}
.he-secao{padding-block:clamp(72px,9vw,120px)}
.he-rotulo{display:flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;font-size:.9rem;font-weight:500;letter-spacing:.01em;color:var(--marinho)}
.he-rotulo span{width:8px;height:8px;border-radius:50%;background:var(--coral)}
.he-frase{max-width:34ch;font-size:clamp(1.7rem,1.3rem + 1.5vw,2.6rem)!important;line-height:1.12!important}
.he-frase span{color:var(--cinza-frase)}
.he-grande{margin:1.2rem 0 0;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5;color:var(--tinta-2);max-width:46ch}
.home-e .acoes{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}

/* botão em pílula com círculo de ícone */
.he-botao{white-space:nowrap;gap:.9rem;padding:.95rem 1.6rem;border-radius:999px;font-size:1rem;font-weight:500;letter-spacing:0}
.he-botao--seta{padding:.45rem .45rem .45rem 1.4rem}
.he-botao__icone{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--branco);color:var(--coral-botao);transition:transform 260ms cubic-bezier(.2,.6,.3,1)}
.he-botao__icone .icone{width:17px;height:17px}
.he-botao:hover .he-botao__icone{transform:rotate(45deg)}
.home-e .he-botao:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho);box-shadow:0 12px 30px -14px rgba(27,47,55,.45)}
.home-e .he-botao:hover .he-botao__icone{background:var(--coral-botao);color:var(--branco)}
.he-botao--claro{background:var(--branco)!important;border-color:var(--branco)!important;color:var(--marinho)!important}
.he-botao--claro .he-botao__icone{background:var(--coral-botao);color:var(--branco)}
.home-e .he-botao--claro:hover{background:var(--papel-2)!important;border-color:var(--papel-2)!important}
@media (prefers-reduced-motion:reduce){.he-botao:hover .he-botao__icone{transform:none}}

/* 1 · hero */
.he-hero{position:relative;overflow:hidden;min-height:min(100svh,920px);display:flex;align-items:flex-end;padding-bottom:clamp(56px,7vw,96px)}
.he-hero__foto{position:absolute;inset:0}
.he-hero__foto img{width:100%;height:100%;object-fit:cover;object-position:100% 50%}
.he-hero::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(27,47,55,.92) 0,rgba(27,47,55,.45) 45%,rgba(27,47,55,.1) 75%),
             linear-gradient(90deg,rgba(27,47,55,.8) 0,rgba(27,47,55,.55) 40%,rgba(27,47,55,0) 68%)}
.he-hero__conteudo{position:relative;z-index:2}
.he-hero h1{font-size:clamp(2.6rem,1.5rem + 4vw,5.2rem);line-height:1.02;max-width:15ch;color:var(--branco);letter-spacing:-.03em}
.he-hero__apoio{margin:1.6rem 0 0;max-width:44ch;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5;color:var(--sobre-marinho)}
.he-hero__portas{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.2rem 0 0}
@media (max-width:599px){.he-hero__portas .he-botao{width:100%;justify-content:space-between}}

/* 2 · quem somos: frase-título e grade de tese e credenciais */
.he-num__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao)}
.he-num__icone .icone{width:22px;height:22px}
.he-bento{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-tese{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;
  min-height:340px;padding:clamp(1.8rem,3.4vw,2.8rem);border-radius:var(--raio-cartao);background:var(--marinho);color:var(--branco)}
.he-tese::after{content:"";position:absolute;right:-18%;bottom:-38%;width:70%;aspect-ratio:1;border-radius:50%;
  border:1px solid rgba(255,112,97,.35);box-shadow:0 0 0 40px rgba(255,255,255,.02),0 0 0 80px rgba(255,255,255,.015)}
.he-tese__versos{position:relative;z-index:1;margin:0;font-size:clamp(1.5rem,1.15rem + 1.3vw,2.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.22}
.he-tese__versos span{display:block}
.he-tese__versos span:last-child{color:var(--coral)}
.he-tese .acoes{position:relative;z-index:1;margin-top:0}
.he-creds{list-style:none;margin:0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:599px){
  .he-creds{gap:.7rem}
  .he-cred{padding:1.1rem}
  .he-cred .he-num__icone{width:40px;height:40px}
  .he-cred .he-num__icone .icone{width:18px;height:18px}
  .he-cred b{margin-top:1.4rem;font-size:1.25rem}
  .he-cred > span:last-child{font-size:.84rem}
  .he-tese{min-height:0}
}
.he-cred{display:flex;flex-direction:column;padding:1.6rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-cred b{margin-top:2.4rem;font-size:clamp(1.5rem,1.2rem + 1vw,2.1rem);font-weight:500;letter-spacing:-.035em;line-height:1.05;color:var(--marinho)}
.he-cred > span:last-child{margin-top:.6rem;font-size:.92rem;line-height:1.45;color:var(--tinta-2);max-width:26ch}
@media (min-width:1000px){
  .he-bento{grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr)}
  .he-creds{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* 3 · o que fazemos */
.he-fazemos{background:var(--papel-2)}
.he-lados{display:inline-flex;gap:.3rem;margin-top:2.4rem;padding:.3rem;border-radius:999px;background:var(--branco)}
.he-lados label{padding:.65rem 1.3rem;border-radius:999px;font-size:.95rem;font-weight:500;color:var(--tinta-3);cursor:pointer;transition:background var(--transicao),color var(--transicao)}
#lado-dj:checked ~ .he-lados label[for="lado-dj"],#lado-ea:checked ~ .he-lados label[for="lado-ea"]{background:var(--marinho);color:var(--branco)}
:is(#lado-dj,#lado-ea):focus-visible ~ .he-lados{outline:2px solid var(--coral);outline-offset:3px}
.he-caps{display:none;gap:1rem;margin-top:2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
#lado-dj:checked ~ .he-caps--dj,#lado-ea:checked ~ .he-caps--ea{display:grid}
.he-cap{position:relative;display:flex;flex-direction:column;gap:.8rem;min-height:250px;padding:1.6rem;border-radius:var(--raio-cartao);
  background:var(--branco);color:var(--tinta);text-decoration:none;transition:background 260ms,color 260ms}
.he-cap__icone{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao);margin-bottom:auto}
.he-cap__icone .icone{width:22px;height:22px}
.he-cap h3{margin-top:2rem;font-size:1.3rem;line-height:1.15;letter-spacing:-.02em;color:var(--marinho)}
.he-cap p{margin:0;font-size:.95rem;line-height:1.5;color:var(--tinta-2);max-width:32ch}
.he-cap__seta{position:absolute;top:1.6rem;right:1.6rem;color:var(--tinta-3);transition:transform 260ms}
.he-cap__seta .icone{width:20px;height:20px}
.he-cap:hover{background:var(--marinho)}
.he-cap:hover h3{color:var(--branco)}
.he-cap:hover p{color:var(--sobre-marinho)}
.he-cap:hover .he-cap__seta{color:var(--coral);transform:translate(3px,-3px)}

/* 4 · modelos com foto em círculo */
.he-modelos .caixa{display:grid;gap:clamp(5rem,10vw,8rem)}
.he-modelo{display:grid;gap:3rem;align-items:center}
.he-checks{list-style:none;margin:1.8rem 0 0;padding:0;display:grid;gap:.9rem;max-width:46ch}
.he-checks li{display:flex;gap:.8rem;align-items:flex-start;font-size:1rem;line-height:1.5;color:var(--tinta-2)}
.he-checks .icone{flex:0 0 auto;width:22px;height:22px;padding:4px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao);margin-top:.05rem}
.he-circulo{position:relative;width:min(100%,500px);aspect-ratio:1;justify-self:center}
.he-circulo picture,.he-circulo > img{display:block;width:100%;height:100%}
.he-circulo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.he-flutua{position:absolute;display:flex;align-items:center;gap:.7rem;margin:0;padding:.85rem 1.1rem;border-radius:var(--raio-cartao);
  background:var(--branco);box-shadow:0 24px 48px -24px rgba(27,47,55,.45);font-size:.85rem;line-height:1.3;color:var(--tinta-2)}
.he-flutua b{font-size:2rem;font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--marinho)}
.he-flutua span{max-width:13ch}
.he-flutua .icone{width:20px;height:20px;color:var(--coral-botao)}
.he-flutua--1{top:8%;left:-4%}
.he-flutua--2{bottom:10%;right:-4%}
@media (min-width:1000px){
  .he-modelo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,7vw,7rem)}
  .he-modelo--b .he-circulo{order:-1}
}
@media (max-width:599px){.he-flutua--1{left:0}.he-flutua--2{right:0}}

/* 5 · índice: estágios em linhas */
.he-indice{background:var(--papel-2)}
.he-indice__topo{display:grid;gap:2rem;align-items:end}
.he-indice__acao p:not(.acoes){margin:0;color:var(--tinta-2);max-width:36ch}
.he-indice__acao .acoes{margin-top:1.4rem}
.he-estagios{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;border-top:1px solid var(--fio-forte)}
.he-estagio{display:grid;gap:.4rem 2rem;padding:1.8rem 0;border-bottom:1px solid var(--fio-forte);align-items:baseline}
.he-estagio__n{margin:0;font-size:.85rem;font-weight:500;color:var(--tinta-3)}
.he-estagio__nome{margin:0;font-size:clamp(1.8rem,1.4rem + 1.4vw,2.8rem);font-weight:500;letter-spacing:-.04em;line-height:1;color:var(--marinho)}
.he-estagio__texto{margin:0;font-size:.98rem;line-height:1.5;color:var(--tinta-2);max-width:44ch}
.he-estagio:last-child .he-estagio__nome{color:var(--coral-botao)}
@media (min-width:900px){
  .he-indice__topo{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .he-estagio{grid-template-columns:160px minmax(0,1fr) minmax(0,1fr)}
}

/* 6 · fases em palavras grandes */
.he-fases__grade{display:grid;gap:3rem}
.he-fases h2{max-width:20ch}
.he-fases__lista{list-style:none;margin:0;padding:0;counter-reset:none}
.he-fases__lista li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1.2rem;padding:1.3rem 0;border-bottom:1px solid var(--fio)}
.he-fases__lista li:first-child{border-top:1px solid var(--fio)}
.he-fase__n{grid-row:span 2;font-size:.85rem;font-weight:500;color:var(--coral-botao);padding-top:.7rem}
.he-fases__lista b{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.6rem);font-weight:500;letter-spacing:-.04em;line-height:1.1;color:var(--marinho)}
.he-fase__t{font-size:.95rem;color:var(--tinta-3);max-width:46ch}
@media (min-width:1000px){.he-fases__grade{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.he-fases__grade > div:first-child{position:sticky;top:120px}}

/* 7 · quem conduz */
.he-thiago{background:var(--papel-2)}
.he-thiago__grade{display:grid;gap:3.4rem;align-items:center}
/* retrato em retângulo vertical: em círculo não funcionou (02/10) */
.he-retrato{position:relative;width:min(100%,440px);justify-self:center}
.he-retrato picture{display:block}
.he-retrato img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:var(--raio-cartao)}
.he-retrato .he-flutua--1{top:10%;left:-8%}
.he-retrato .he-flutua--2{bottom:8%;right:-8%}
@media (max-width:599px){.he-retrato .he-flutua--1{top:auto;bottom:26%;left:-.4rem}.he-retrato .he-flutua--2{bottom:6%;right:-.4rem}}
@media (min-width:1000px){.he-thiago__grade{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,7vw,7rem)}}

/* 8 · resultados */
.he-provas{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem);grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.he-prova{display:flex;flex-direction:column;min-height:240px;padding:1.6rem;background:var(--papel-2);border-radius:var(--raio-cartao)}
.he-prova__tag{margin:0 0 auto;font-size:.8rem;font-weight:500;color:var(--tinta-3)}
.he-prova__n{margin:2rem 0 0;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--marinho);white-space:nowrap}
.he-prova__t{margin:.8rem 0 0;font-size:.95rem;line-height:1.45;color:var(--tinta-2)}
.he-resultados .pendencia{margin-top:1.6rem;border-radius:var(--raio-cartao)}

/* 9 · perguntas frequentes */
.he-duvidas{background:var(--papel-2)}
.he-duvidas__grade{display:grid;gap:2.4rem}
.he-duvida{border-bottom:1px solid var(--fio-forte)}
.he-duvida:first-child{border-top:1px solid var(--fio-forte)}
.he-duvida summary{display:flex;justify-content:space-between;align-items:center;gap:1.4rem;padding:1.4rem 0;cursor:pointer;list-style:none;
  font-size:1.15rem;font-weight:500;letter-spacing:-.01em;color:var(--marinho)}
.he-duvida summary::-webkit-details-marker{display:none}
.he-duvida summary i{position:relative;flex:0 0 auto;width:32px;height:32px;border-radius:50%;background:var(--branco)}
.he-duvida summary i::before,.he-duvida summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--coral-botao);transform:translate(-50%,-50%)}
.he-duvida summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 260ms}
.he-duvida[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.he-duvida p{margin:0 0 1.5rem;max-width:58ch;color:var(--tinta-2)}
@media (min-width:1000px){.he-duvidas__grade{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem)}}

/* 10 · chamada final sobre foto */
.he-final{position:relative;overflow:hidden;padding-block:clamp(96px,13vw,180px);text-align:center;color:var(--sobre-marinho)}
.he-final__foto{position:absolute;inset:0}
.he-final__foto img{width:100%;height:100%;object-fit:cover}
.he-final::before{content:"";position:absolute;inset:0;z-index:1;background:rgba(27,47,55,.45)}
.he-final__conteudo{position:relative;z-index:2}
.he-final h2{margin-inline:auto;max-width:18ch;color:var(--branco);font-size:clamp(2.2rem,1.4rem + 3vw,4rem);line-height:1.02}
.he-final p:not(.he-final__acoes){margin:1.4rem auto 0;max-width:40ch;font-size:1.15rem}
.he-final__acoes{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin:2.4rem 0 0}
/* modelos em 3D: a imagem tem fundo escuro, então o círculo ganha o mesmo tom
   e a borda quadrada da imagem some num esfumado */
.he-circulo--3d{border-radius:50%;background:radial-gradient(circle at 50% 45%,#27414d 0,#1b2f37 70%)}
.he-circulo--3d picture{display:grid;place-items:center}
.he-circulo--3d img{width:92%;height:92%;margin:4%;border-radius:0;
  -webkit-mask-image:radial-gradient(circle closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(circle closest-side,#000 72%,transparent 100%)}
/* no cabeçalho da home o botão segue a pílula dos botões da página */
:root:has(meta[name="tipografia"][content="inter-tight"]) .topo__acao .botao{border-radius:999px;padding:.7rem 1.3rem;font-weight:500}
@media (max-width:599px){.he-hero__portas .he-botao:not(.he-botao--seta){justify-content:center}}

/* 2b · autodiagnóstico no desenho da home nova (02/10/2026): bloco escuro,
   sinais em cartões arredondados sem borda e placar fixo ao lado. As regras de
   marcação da seção 27 usam --superficie e --coral, então basta trocar os tokens. */
.he-sinais{background:var(--marinho);color:var(--sobre-marinho);--cinza-frase:#8fa3ab}
.he-sinais .he-rotulo,.he-sinais h2{color:var(--branco)}
.he-sinais .diag{--superficie:#365866;margin-top:clamp(2.6rem,5vw,4rem);display:grid;gap:1rem;align-items:start}
.he-sinais .diag__lista{gap:.7rem;grid-template-columns:1fr}
.he-sinais .diag__item{align-items:center;gap:1.1rem;padding:1.3rem 1.45rem;border:0;border-radius:var(--raio-cartao);
  background:rgba(255,255,255,.05);font-size:1.02rem;line-height:1.45;color:var(--sobre-marinho)}
.he-sinais .diag__item:hover{background:rgba(255,255,255,.09)}
.he-sinais .diag__marca{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);background:transparent}
.he-sinais .diag__check{width:15px;height:15px}
.he-sinais .diag__placar{margin-top:0;padding:clamp(1.6rem,3vw,2.2rem);border:0;border-radius:var(--raio-cartao);background:var(--branco);color:var(--marinho)}
.he-sinais .diag__medidor{gap:6px;margin-bottom:1.4rem}
.he-sinais .diag__medidor i{height:8px;border-radius:999px;background:var(--papel-2)}
.he-sinais .diag__conta{font-size:1rem;color:var(--tinta-2)}
.he-sinais .diag__numero{font-family:var(--sans);font-weight:500;font-size:3.6rem;letter-spacing:-.05em;color:var(--marinho);margin-right:.3rem;vertical-align:-.2em}
.he-sinais .diag__vazio{font-size:1rem;color:var(--tinta-2)}
.he-sinais .diag__fecho{font-family:var(--sans);font-weight:500;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);letter-spacing:-.02em;line-height:1.35;color:var(--marinho)}
.he-sinais .diag__acao{margin-top:1.6rem}
.he-sinais .diag__acao .seta{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.5rem;border:0;border-radius:999px;
  background:var(--coral-botao);color:var(--branco);font-weight:500;text-decoration:none}
.he-sinais .diag__acao .seta:hover{background:var(--branco);color:var(--marinho);box-shadow:0 12px 30px -14px rgba(27,47,55,.45)}
.he-sinais .diag__acao .seta .icone{color:inherit}
@media (min-width:1000px){
  .he-sinais .diag{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:1.4rem}
  .he-sinais .diag__placar{position:sticky;top:120px}
}

/* peças da home antiga trazidas de volta (02/10/2026) */
/* hero: a pergunta antes das portas e o atalho para CEOs no pé */
.he-hero{flex-direction:column;justify-content:flex-end;align-items:stretch;padding-bottom:clamp(28px,3vw,40px)}
.he-hero__escolha{margin:2.2rem 0 0;font-size:.95rem;font-weight:500;color:var(--sobre-marinho-3)}
.he-hero__escolha + .he-hero__portas{margin-top:.9rem}
.he-hero__pe{position:relative;z-index:2;margin-top:clamp(2.4rem,5vw,4rem)}
.he-ceo{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem .7rem .7rem;border-radius:999px;
  background:rgba(255,255,255,.08);backdrop-filter:blur(10px);color:var(--sobre-marinho);text-decoration:none;font-size:.98rem;
  transition:background var(--transicao)}
.he-ceo b{font-weight:500;color:var(--branco)}
.he-ceo > span:nth-child(2){flex:1}
.he-ceo__icone{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--coral-botao);color:var(--branco)}
.he-ceo__icone .icone{width:18px;height:18px}
.he-ceo__seta{width:18px;height:18px;color:var(--coral);transition:transform var(--transicao)}
.he-ceo:hover{background:rgba(255,255,255,.14)}
.he-ceo:hover .he-ceo__seta{transform:translateX(4px)}
@media (min-width:900px){.he-ceo{display:inline-flex}}
@media (max-width:599px){.he-ceo{border-radius:var(--raio-cartao);font-size:.9rem;align-items:flex-start}.he-ceo__seta{display:none}}

/* quem somos: a equação */
.he-equacao{display:grid;gap:.6rem;margin-top:1rem;align-items:stretch}
.he-equacao__termo{display:flex;flex-direction:column;gap:.6rem;padding:1.6rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-equacao__termo b{font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.1;color:var(--marinho)}
.he-equacao__termo span{font-size:.92rem;line-height:1.45;color:var(--tinta-2)}
.he-equacao__termo--fim{background:var(--coral-botao)}
.he-equacao__termo--fim b,.he-equacao__termo--fim span{color:var(--branco)}
.he-equacao__op{display:grid;place-items:center;font-size:1.8rem;font-weight:300;color:var(--coral-botao);line-height:1}
@media (min-width:900px){.he-equacao{grid-template-columns:minmax(0,1fr) 2.4rem minmax(0,1fr) 2.4rem minmax(0,1fr)}}

/* índice: exemplo de resultado ao lado dos estágios */
.he-indice__corpo{display:grid;gap:2rem;margin-top:clamp(2.6rem,5vw,4rem);align-items:start}
.he-indice__corpo .he-estagios{margin-top:0}
.he-exemplo{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-exemplo__rotulo{margin:0 0 .8rem;font-size:.8rem;font-weight:500;color:var(--tinta-3)}
.he-exemplo__estagio{margin:0 0 1.4rem;font-size:1.35rem;font-weight:500;letter-spacing:-.02em;color:var(--marinho)}
.he-exemplo__estagio b{font-weight:500;color:var(--coral-botao)}
.he-exemplo ul{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.he-exemplo li{display:grid;grid-template-columns:1fr repeat(4,26px);gap:4px;align-items:center;font-size:.88rem;color:var(--tinta-2)}
.he-exemplo li i{height:8px;border-radius:999px;background:var(--papel-2)}
.he-exemplo li i.c{background:var(--petroleo)}
.he-exemplo__leitura{margin:1.4rem 0 0;padding:1rem 1.1rem;border-radius:8px;background:var(--papel-2);font-size:.92rem;line-height:1.5;color:var(--marinho)}
@media (min-width:1000px){
  .he-indice__corpo{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}
  .he-indice__corpo .he-estagio{grid-template-columns:100px minmax(0,1fr)}
  .he-indice__corpo .he-estagio__texto{grid-column:2}
  .he-exemplo{position:sticky;top:120px}
}
/* chamada final com o corredor (02/10): a porta vai para a direita e o texto
   alinha à esquerda, como no hero; no celular o véu escurece */
@media (min-width:900px){
  .he-final{text-align:left}
  .he-final__foto img{transform:scale(1.45);transform-origin:12% 50%}
  .he-final::before{background:linear-gradient(90deg,rgba(27,47,55,.82) 0,rgba(27,47,55,.55) 45%,rgba(27,47,55,.1) 75%)}
  .he-final h2,.he-final p:not(.he-final__acoes){margin-inline:0}
  .he-final__acoes{justify-content:flex-start}
}
@media (max-width:899px){.he-final::before{background:rgba(27,47,55,.72)}}
/* rodas 3D do GPT 2 (02/10): ocupam a imagem inteira, então saem do círculo com
   máscara e viram um quadro de cantos arredondados no mesmo tom do fundo */
.he-circulo--3d{border-radius:28px;background:#1b2f37;overflow:visible}
.he-circulo--3d img{width:100%;height:100%;margin:0;border-radius:28px;-webkit-mask-image:none;mask-image:none}
.he-circulo--3d .he-flutua--1{top:-1.4rem;left:-1.4rem}
.he-circulo--3d .he-flutua--2{bottom:-1.4rem;right:-1.4rem}
@media (max-width:599px){.he-circulo--3d .he-flutua--1{left:-.5rem}.he-circulo--3d .he-flutua--2{right:-.5rem}}
.he-circulo__centro{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);margin:0;text-align:center;
  font-size:clamp(1rem,.8rem + .9vw,1.5rem);font-weight:500;letter-spacing:-.02em;line-height:1.1;color:#eef2f4;pointer-events:none}
.he-circulo__centro b{display:block;font-size:1.9em;font-weight:500;letter-spacing:-.04em;color:var(--branco)}
.he-modelo--b .he-circulo__centro{top:46%}
/* anéis metálicos (02/10): o centro do furo fica um pouco acima do meio */
.he-circulo--3d .he-circulo__centro{top:46%}
/* ® dentro do texto do botão em pílula: a regra do .botao puxava o símbolo para cima do "0" */
.he-botao .reg{margin-left:.04em}
/* chamada final com os degraus metálicos (02/10): a imagem já deixa a esquerda
   livre, então sai o zoom que servia ao corredor */
@media (min-width:900px){
  .he-final__foto img{transform:none;object-position:80% 50%}
  .he-final::before{background:linear-gradient(90deg,rgba(27,47,55,.7) 0,rgba(27,47,55,.35) 40%,rgba(27,47,55,0) 65%)}
}
/* chamada final com o escritório trabalhando (02/10) */
@media (min-width:900px){
  .he-final__foto img{object-position:100% 50%}
  .he-final::before{background:linear-gradient(90deg,rgba(27,47,55,.88) 0,rgba(27,47,55,.6) 40%,rgba(27,47,55,.15) 72%)}
}
/* cartõezinhos flutuantes: borda bem fina e clara para não sumirem no fundo
   branco (pedido do Paulo, 02/10). Exceção à regra "cartão sem borda": vale só
   para peça pequena que flutua sobre a borda de uma imagem. */
.he-flutua{border:1px solid #e3e8ec}
/* hero com foto de manhã clara (03/10): o véu fica atrás do texto e a luz da
   foto aparece à direita */
@media (min-width:700px){
  .he-hero::before{background:
    linear-gradient(90deg,rgba(27,47,55,.9) 0,rgba(27,47,55,.75) 32%,rgba(27,47,55,.25) 58%,rgba(27,47,55,0) 75%),
    linear-gradient(0deg,rgba(27,47,55,.55) 0,rgba(27,47,55,0) 30%)}
}

/* 8 · resultados refeitos do zero (03/10/2026): bloco escuro, um cartão por
   case com foto, o desafio e os três números */
.he-resultados{background:var(--marinho);color:var(--sobre-marinho);--cinza-frase:#8fa3ab}
.he-resultados .he-rotulo,.he-resultados h2{color:var(--branco)}
.he-resultados__topo{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.6rem}
.he-resultados__topo .acoes{margin:0}
.he-casos{display:grid;gap:1.2rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-caso{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--raio-cartao);background:var(--branco);
  color:var(--tinta);text-decoration:none;transition:transform 300ms cubic-bezier(.2,.6,.3,1)}
.he-caso:hover{transform:translateY(-4px)}
.he-caso__foto{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--marinho)}
.he-caso__foto picture,.he-caso__foto img{display:block;width:100%;height:100%}
.he-caso__foto img{object-fit:cover;transition:transform 900ms cubic-bezier(.2,.6,.3,1)}
.he-caso:hover .he-caso__foto img{transform:scale(1.04)}
.he-caso__tag{position:absolute;left:1rem;bottom:1rem;margin:0;padding:.45rem .9rem;border-radius:999px;
  background:rgba(27,47,55,.78);backdrop-filter:blur(8px);font-size:.8rem;font-weight:500;color:var(--branco)}
.he-caso__corpo{display:flex;flex-direction:column;flex:1;padding:clamp(1.5rem,3vw,2.2rem)}
.he-caso h3{font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);line-height:1.15;letter-spacing:-.03em;color:var(--marinho)}
.he-caso__desafio{margin:.9rem 0 0;font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
.he-caso__desafio b{font-weight:600;color:var(--marinho)}
.he-caso__nums{list-style:none;margin:1.6rem 0 0;padding:1.4rem 0 0;border-top:1px solid var(--fio);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.he-caso__nums b{display:block;font-size:clamp(1.8rem,1.4rem + 1.3vw,2.5rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--coral-botao);white-space:nowrap}
.he-caso__nums span{display:block;margin-top:.5rem;font-size:.82rem;line-height:1.4;color:var(--tinta-2)}
.he-caso__ir{display:inline-flex;align-items:center;gap:.5rem;margin-top:auto;padding-top:1.6rem;font-size:.95rem;font-weight:500;color:var(--marinho)}
.he-caso__ir .icone{width:16px;height:16px;color:var(--coral-botao);transition:transform var(--transicao)}
.he-caso:hover .he-caso__ir .icone{transform:translateX(4px)}
.he-resultados__aviso{display:flex;gap:.6rem;align-items:flex-start;margin:1.6rem 0 0;font-size:.85rem;line-height:1.5;color:var(--sobre-marinho-3)}
.he-resultados__aviso b{font-weight:600;color:var(--sobre-marinho)}
.he-resultados__aviso .icone{flex:0 0 auto;width:16px;height:16px;color:var(--coral);margin-top:.15rem}
@media (min-width:900px){.he-casos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.he-caso__nums{grid-template-columns:1fr;gap:1.1rem}.he-caso__nums li{display:grid;grid-template-columns:5.5rem 1fr;align-items:baseline;gap:.8rem}.he-caso__nums span{margin-top:0}}
@media (prefers-reduced-motion:reduce){.he-caso,.he-caso:hover,.he-caso:hover .he-caso__foto img{transform:none}}
/* hero com o escritório ao entardecer (03/10): a parede de nogueira já é escura,
   o véu só reforça o texto */
@media (min-width:700px){
  .he-hero::before{background:
    linear-gradient(90deg,rgba(27,47,55,.75) 0,rgba(27,47,55,.45) 38%,rgba(27,47,55,0) 62%),
    linear-gradient(0deg,rgba(27,47,55,.6) 0,rgba(27,47,55,0) 30%)}
}
@media (min-width:700px){
  .he-hero::before{background:
    linear-gradient(90deg,rgba(27,47,55,.85) 0,rgba(27,47,55,.6) 40%,rgba(27,47,55,0) 64%),
    linear-gradient(0deg,rgba(27,47,55,.65) 0,rgba(27,47,55,0) 32%)}
}

/* 37 · ANEL INTERATIVO DO MÉTODO 360® (teste de 03/10/2026) ================= */
/* Feito em código, no lugar da imagem 3D: metal escuro com espessura (a camada
   de base deslocada para baixo), segmento ativo sobe e acende em coral, centro
   e legenda trocam com o pilar. Movimento some com prefers-reduced-motion. */
.he-circulo--codigo{aspect-ratio:auto;display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,2.2rem) clamp(1rem,2.4vw,1.8rem) clamp(1.2rem,2.4vw,1.8rem);
  background:radial-gradient(120% 90% at 70% 10%,#2a4550 0,#1b2f37 55%,#14252c 100%)}
.anel{display:flex;flex-direction:column;gap:1rem;width:100%}
.anel__palco{position:relative;width:100%;max-width:440px;margin-inline:auto;aspect-ratio:1}
.anel__svg{display:block;width:100%;height:100%;overflow:visible}
.anel__orbita{fill:none;stroke:rgba(255,112,97,.22);stroke-width:1;stroke-dasharray:2 6}
.anel__giro{transform-origin:200px 200px;animation:anel-giro 26s linear infinite}
.anel__giro circle{fill:var(--coral)}
@keyframes anel-giro{to{transform:rotate(360deg)}}
.anel__base path{fill:#0f1d23;stroke:#0b161b;stroke-width:1}
.anel__aro{fill:none;stroke:rgba(255,255,255,.08);stroke-width:1}
.anel__seg{cursor:pointer;outline:none;transition:transform 380ms cubic-bezier(.2,.7,.2,1)}
.anel__forma{fill:var(--metal);stroke:rgba(255,255,255,.14);stroke-width:1;transition:fill 300ms,filter 300ms}
.anel__rotulo{font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.14em;fill:#d5dee2;pointer-events:none;transition:fill 300ms}
.anel__seg:hover .anel__forma{stroke:rgba(255,255,255,.3)}
.anel__seg.is-ativo{transform:translateY(-7px)}
.anel__seg.is-ativo .anel__forma{fill:var(--coral-g);stroke:rgba(255,255,255,.35);filter:var(--brilho)}
.anel__seg.is-ativo .anel__rotulo{fill:#fff}
.anel__seg:focus-visible .anel__forma{stroke:#fff;stroke-width:2}
.anel__centro{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.anel__painel{grid-area:1/1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:42%;
  opacity:0;transform:translateY(8px);transition:opacity 320ms,transform 320ms}
.anel__painel--marca,.anel__painel.is-ativo{opacity:1;transform:none}
.anel--ativo .anel__painel--marca{opacity:0;transform:translateY(-8px)}
.anel__marca{font-size:clamp(1rem,.85rem + .7vw,1.4rem);font-weight:500;letter-spacing:-.02em;line-height:1.05;color:#eef2f4}
.anel__marca b{display:block;font-size:2.1em;font-weight:500;letter-spacing:-.05em;color:#fff}
.anel__n{font-size:.78rem;font-weight:600;letter-spacing:.14em;color:var(--coral)}
.anel__nome{margin-top:.35rem;font-size:clamp(1.05rem,.9rem + .7vw,1.45rem);font-weight:500;letter-spacing:-.025em;line-height:1.12;color:#fff}
.anel__legenda{display:grid;min-height:4.6em}
.anel__texto{grid-area:1/1;margin:0;font-size:.92rem;line-height:1.5;color:var(--sobre-marinho-3);text-align:center;
  opacity:0;transition:opacity 320ms}
.anel__texto b{font-weight:600;color:#fff}
.anel__texto--inicio,.anel__texto.is-ativo{opacity:1}
.anel--ativo .anel__texto--inicio{opacity:0}
/* sem script: a legenda mostra só a instrução e o anel fica parado */
.anel:not(.anel--js) .anel__texto--inicio{opacity:1}
@media (prefers-reduced-motion:reduce){
  .anel__giro{animation:none}
  .anel__seg,.anel__painel,.anel__texto{transition:none}
}
/* anel dos departamentos: rótulo menor para nove segmentos e o aro interno de
   Legal Operations, em vidro petróleo, também selecionável */
.anel__rotulo{font-size:var(--rotulo-fs,10.5px)}
.anel__seg:not(.anel__camada) .anel__rotulo{letter-spacing:calc(var(--rotulo-fs,10.5px) * .012)}
.anel__camada-aro{fill:none;stroke:rgba(81,116,131,.5);stroke-width:18;transition:stroke 300ms,filter 300ms}
.anel__rotulo--camada{font-size:8.5px;letter-spacing:.24em;fill:#b7d3dc}
.anel__camada:hover .anel__camada-aro{stroke:rgba(81,116,131,.75)}
.anel__camada.is-ativo{transform:none}
.anel__camada.is-ativo .anel__camada-aro{stroke:#6f97a6;filter:url(#anel-dj-brilho)}
.anel__camada.is-ativo .anel__rotulo--camada{fill:#fff}
.anel__camada:focus-visible .anel__camada-aro{stroke:#fff;stroke-width:2}
/* título do hero em três linhas no desktop (pedido do Paulo, 03/10) */
@media (min-width:900px){.he-hero h1{font-size:clamp(2.6rem,1.2rem + 3vw,4.1rem);max-width:24ch;text-wrap:balance}}
@media (min-width:900px){
  .he-hero h1{font-size:clamp(2.5rem,1.1rem + 2.75vw,3.75rem)}
  .he-hero::before{background:
    linear-gradient(90deg,rgba(27,47,55,.88) 0,rgba(27,47,55,.68) 46%,rgba(27,47,55,0) 72%),
    linear-gradient(0deg,rgba(27,47,55,.65) 0,rgba(27,47,55,0) 32%)}
}
/* seletor Departamentos / Escritórios: nunca quebra linha; no celular fica só a
   primeira palavra e as duas metades dividem a largura (03/10) */
.he-lados label{white-space:nowrap;text-align:center}
@media (max-width:599px){
  .he-lados{display:flex;width:100%}
  .he-lados label{flex:1;padding-inline:.8rem}
  .he-lados__resto{display:none}
}
/* anel em código: o quadro reserva espaço para os cartõezinhos flutuantes, que
   cobriam a legenda (embaixo) e a órbita (em cima) */
.he-circulo--codigo{padding-top:clamp(2.6rem,4vw,3rem);padding-bottom:clamp(4.4rem,6vw,4.8rem)}
/* números dos cases no celular: número em cima, texto embaixo, um fio entre
   os itens (a versão em duas colunas encostava o "90 dias" no texto) */
@media (max-width:520px){
  .he-caso__nums{grid-template-columns:1fr;gap:0;padding-top:0}
  .he-caso__nums li{display:block;padding:1.1rem 0;border-bottom:1px solid var(--fio)}
  .he-caso__nums li:last-child{border-bottom:0;padding-bottom:0}
  .he-caso__nums b{font-size:2rem}
  .he-caso__nums span{margin-top:.4rem;font-size:.9rem}
}
.anel__dica-toque{display:none}
@media (hover:none){.anel__dica-mouse{display:none}.anel__dica-toque{display:inline}}
/* hero no celular: máscara escura por cima da foto inteira, mais densa atrás do
   texto, para dar leitura (pedido do Paulo, 03/10) */
@media (max-width:699px){
  .he-hero::before{background:linear-gradient(180deg,rgba(27,47,55,.55) 0,rgba(27,47,55,.78) 30%,rgba(27,47,55,.88) 60%,rgba(27,47,55,.94) 100%)}
}
/* hero no desktop: lado esquerdo bem mais escuro, para o texto ler sobre as
   luminárias e a mesa (pedido do Paulo, 03/10) */
@media (min-width:700px){
  .he-hero::before{background:
    linear-gradient(90deg,rgba(27,47,55,.95) 0,rgba(27,47,55,.88) 35%,rgba(27,47,55,.6) 52%,rgba(27,47,55,0) 72%),
    linear-gradient(0deg,rgba(27,47,55,.7) 0,rgba(27,47,55,0) 32%)}
}
/* teste (03/10): máscara geral, uniforme sobre a foto inteira também no desktop */
@media (min-width:700px){
  .he-hero::before{background:linear-gradient(180deg,rgba(27,47,55,.62) 0,rgba(27,47,55,.72) 55%,rgba(27,47,55,.86) 100%)}
}
/* máscara geral numa cor mais escura (marinho quase preto, #0C171C), mesma
   opacidade de antes (03/10) */
@media (min-width:700px){
  .he-hero::before{background:linear-gradient(180deg,rgba(12,23,28,.62) 0,rgba(12,23,28,.72) 55%,rgba(12,23,28,.86) 100%)}
}
@media (max-width:699px){
  .he-hero::before{background:linear-gradient(180deg,rgba(12,23,28,.55) 0,rgba(12,23,28,.78) 30%,rgba(12,23,28,.88) 60%,rgba(12,23,28,.94) 100%)}
}
/* sem o atalho de CEOs no pé, o hero volta a ter respiro embaixo (03/10) */
.he-hero{padding-bottom:clamp(56px,7vw,96px)}
/* parágrafo do hero em duas linhas no desktop (03/10) */
@media (min-width:900px){.he-hero__apoio{max-width:64ch;text-wrap:balance}}

/* 38 · PÁGINAS INTERNAS NO PADRÃO DA HOME (04/10/2026) ====================== */
/* Primeira: Departamentos Jurídicos. Reaproveita as peças he- da home e
   acrescenta as que a página interna pede. */
.he-hero--interna{min-height:min(88svh,780px)}
.he-hero--interna .he-rotulo{color:var(--branco)}
.he-hero--interna h1{max-width:20ch}

/* aviso de conteúdo fictício, discreto, sem caixa */
.he-aviso{display:flex;gap:.6rem;align-items:flex-start;margin:1.6rem 0 0;font-size:.85rem;line-height:1.5;color:var(--tinta-3)}
.he-aviso b{font-weight:600;color:var(--tinta-2)}
.he-aviso .icone{flex:0 0 auto;width:16px;height:16px;color:var(--coral-botao);margin-top:.15rem}
.he-aviso--escuro{color:var(--sobre-marinho-3)}
.he-aviso--escuro b{color:var(--sobre-marinho)}
.he-aviso--escuro .icone{color:var(--coral)}

/* cenário: três números com gráfico */
.he-dados{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.he-dado{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-dado .grafico{width:84px;height:auto;margin-bottom:1.6rem}
.he-dado .grafico__fundo{stroke:#d6dde2}
.he-dado .grafico__bloco{fill:#d6dde2}
.he-dado__n{margin:0;font-size:clamp(2.6rem,2rem + 2vw,3.6rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--marinho)}
.he-dado__t{margin:.8rem 0 0;font-size:1rem;line-height:1.5;color:var(--tinta-2)}
.he-dado__fonte{margin:auto 0 0;padding-top:1.2rem;font-size:.78rem;line-height:1.45;color:var(--tinta-3)}

/* tecnologia: lista numerada em cartões, ao lado do cartão escuro dos versos */
.he-lista-num{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.he-lista-num li{display:grid;grid-template-columns:2.4rem minmax(0,1fr);gap:.8rem;align-items:baseline;padding:1.15rem 1.3rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-lista-num span{font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-lista-num p{margin:0;font-size:1rem;line-height:1.5;color:var(--marinho)}

/* modelo: frase de fecho */
.he-fecho{margin:1.8rem 0 0;padding-left:1rem;border-left:2px solid var(--coral);font-size:1.1rem;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:var(--marinho);max-width:40ch}

/* capacidades sem o seletor: grade fixa, sem o hover escuro */
.he-caps--fixo{display:grid}
.he-cap--estatico:hover{background:var(--branco)}
.he-cap--estatico:hover h3{color:var(--marinho)}
.he-cap--estatico:hover p{color:var(--tinta-2)}
.he-cap--estatico h3{margin-top:1.6rem}
.he-cap__faz{margin-top:auto!important;padding-top:1rem;border-top:1px solid var(--fio);font-size:.84rem!important;color:var(--tinta-3)!important}

/* como atuamos: a sequência técnica em linha */
.he-tecnica{margin:1.4rem 0 0;font-size:.82rem;font-weight:500;letter-spacing:.02em;color:var(--tinta-3)}
.he-fases .he-grande{margin-top:1.2rem}

/* entregáveis: maquetes em cartões brancos */
.he-entregas{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.he-entrega{margin:0;padding:1rem;border-radius:var(--raio-cartao);background:var(--branco)}
.he-entrega .maquete{border:0;border-radius:8px;background:var(--papel-2)}
.he-entrega figcaption{margin-top:1rem;padding:0 .3rem .3rem;font-size:.92rem;line-height:1.45;color:var(--marinho)}

/* case único, em largura cheia */
.he-casos--um{grid-template-columns:1fr!important}
@media (min-width:1000px){
  .he-caso--largo{flex-direction:row}
  .he-caso--largo .he-caso__foto{flex:0 0 44%;aspect-ratio:auto}
}

/* leituras relacionadas */
.he-leituras{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;gap:.6rem}
.he-leituras a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem 1rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--raio-cartao);
  background:var(--branco);color:var(--marinho);text-decoration:none;font-weight:500;transition:transform var(--transicao)}
.he-leituras a span{grid-column:1;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--coral-botao)}
.he-leituras a .icone{grid-column:2;grid-row:1/3;width:16px;height:16px;color:var(--coral-botao)}
.he-leituras a:hover{transform:translateX(4px)}

/* conversa: bloco escuro com o formulário num cartão branco */
.he-conversa{background:var(--marinho);color:var(--sobre-marinho)}
.he-conversa .he-rotulo,.he-conversa h2{color:var(--branco)}
.he-conversa .he-grande{color:var(--sobre-marinho)}
.he-conversa__grade{display:grid;gap:2.4rem;align-items:start}
.he-form{padding:clamp(1.4rem,3vw,2.4rem);border-radius:var(--raio-cartao);background:var(--branco);color:var(--tinta)}
.he-form .campo label{color:var(--tinta-2)}
.he-form .campo input,.he-form .campo select,.he-form .campo textarea{border:1px solid transparent;border-radius:10px;background:var(--papel-2)}
.he-form .campo input:focus,.he-form .campo select:focus,.he-form .campo textarea:focus{border-color:var(--coral-botao);background:var(--branco)}
.he-form .aviso-sigilo{border-radius:10px}
.he-form .botao{border-radius:999px}
@media (min-width:1000px){.he-conversa__grade{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(3rem,6vw,5rem)}}
/* seção cinza: os cartões claros viram brancos para se separar do fundo */
.he-secao--cinza{background:var(--papel-2)}
.he-secao--cinza :is(.he-lista-num li,.he-cred,.he-dado){background:var(--branco)}
/* case largo: a foto acompanha a altura do texto, sem sobra branca */
@media (min-width:1000px){
  .he-caso--largo .he-caso__foto{position:relative}
  .he-caso--largo .he-caso__foto picture{position:absolute;inset:0}
  .he-caso--largo .he-caso__ir{margin-top:1.6rem}
}
/* celular: o título longo da abertura interna desce um degrau */
@media (max-width:599px){.he-hero--interna h1{font-size:clamp(2rem,1.4rem + 3vw,2.6rem)}}

/* livro em bloco escuro: capa feita em código, no estilo do anel */
.he-livro{background:var(--marinho);color:var(--sobre-marinho)}
.he-livro .he-rotulo,.he-livro h2{color:var(--branco)}
.he-livro .he-grande{color:var(--sobre-marinho)}
.he-livro__grade{display:grid;gap:3rem;align-items:center}
.he-livro__capa{position:relative;justify-self:center;width:min(100%,320px);aspect-ratio:2/3;display:flex;flex-direction:column;
  padding:2rem 1.8rem;border-radius:6px 14px 14px 6px;overflow:hidden;
  background:radial-gradient(120% 80% at 80% 0,#33525e 0,#1f3640 45%,#13232a 100%);
  box-shadow:inset 6px 0 0 rgba(0,0,0,.25),0 50px 90px -40px rgba(0,0,0,.7)}
.he-livro__capa::after{content:"";position:absolute;right:-30%;bottom:-18%;width:110%;aspect-ratio:1;border-radius:50%;
  border:22px solid rgba(255,112,97,.85);border-left-color:rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,.08);transform:rotate(18deg)}
.he-livro__nota{font-size:.7rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--sobre-marinho-3)}
.he-livro__titulo{margin-top:auto;font-size:2.1rem;font-weight:500;letter-spacing:-.03em;line-height:1;color:#fff;position:relative;z-index:1}
.he-livro__titulo b{display:block;font-size:2.2em;font-weight:500;letter-spacing:-.05em;color:var(--coral)}
.he-livro__sub{margin-top:.8rem;font-size:.9rem;line-height:1.35;color:var(--sobre-marinho);position:relative;z-index:1;max-width:18ch}
.he-livro__autor{margin-top:1.4rem;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#fff;position:relative;z-index:1}
.he-livro .livro-status{margin-top:1.6rem;color:var(--sobre-marinho-3)}
@media (min-width:900px){.he-livro__grade{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,6rem)}}

/* pilha do escritório no padrão novo: blocos arredondados sem borda */
.he-pilha{margin-top:clamp(2.6rem,5vw,4rem)}
.he-pilha .pilha__bloco{border:0;border-radius:10px;background:var(--marinho);color:#fff;font-family:var(--sans);font-weight:500;letter-spacing:-.01em}
.he-pilha .pilha__camada,.he-pilha .pilha__base{border:0}
.he-pilha .pilha__frase{color:var(--tinta-2)}
.he-pilha .pilha__base .pilha__bloco{background:var(--coral-botao)}

/* 39 · O PADRÃO NOVO EM TODO O SITE (04/10/2026) =============================
   A Inter Tight vai para o <head> de todas as páginas (shell.py), então as regras
   da seção 36 condicionadas à meta "tipografia" passam a valer no site inteiro.
   Esta seção traz as peças antigas para a mesma língua da home: títulos em peso
   500, rótulo com ponto coral, botões em pílula, cartões sem borda e cantos de
   12px. As páginas refeitas com novo.py usam as peças he- diretamente. */
h1,h2,h3{font-weight:500;letter-spacing:-.03em}
h1{line-height:1.04}
h2{line-height:1.08}
.realce{font-style:normal;font-weight:inherit}
.entrada{font-family:var(--sans);font-weight:400;letter-spacing:-.005em}
.tese-grande,.fecha-bloco,.citacao{font-family:var(--sans);font-weight:500;letter-spacing:-.02em}
.he-rotulo .reg{margin-left:.04em}

/* olho antigo vira o rótulo da home: ponto coral, sem caixa-alta */
.olho{align-items:center;gap:.6rem;font-size:.9rem;font-weight:500;letter-spacing:.01em;text-transform:none;color:var(--marinho)}
.olho__fio{width:8px;height:8px;margin-top:0;border-radius:50%}
:is(.abertura,.secao--marinho,.secao--fundo,.secao--petroleo,.faixa-prova) .olho{color:var(--branco)}
.olho .reg{margin-left:.04em}

/* botões em pílula */
.botao{border-radius:999px;font-weight:500;padding:.9rem 1.5rem}
.he-botao--escuro{background:var(--marinho)!important;border-color:var(--marinho)!important;color:var(--branco)!important}
.he-botao--escuro .he-botao__icone{background:var(--coral-botao);color:#fff}
.he-botao--escuro:hover{background:var(--coral-botao)!important;border-color:var(--coral-botao)!important}

/* abertura das páginas ainda não refeitas: mais ar e título no peso novo */
.abertura{padding-top:calc(88px + clamp(64px,8vw,120px));padding-bottom:clamp(64px,8vw,112px)}
.abertura h1{font-size:clamp(2.3rem,1.3rem + 3vw,3.8rem);max-width:22ch;letter-spacing:-.035em}

/* cartões antigos: sem borda, fundo de cor e cantos de 12px */
:is(.pilar,.moldura,.sequencia li,.maquete,.diag__item,.diag__placar,.etapa,.convergencia__sintomas li,
  .mapa-icones a,.filha,.porta-v,.porta-ceo,.modelo-par,.grade-nove li,.regua,.equacao__termo,
  .capacidade--visual,.principio-v,.excecoes li,.degrada li,.formacao__item,.historia__passo,.estruturado li,
  .comecamos,.contexto,.cadeia-fichas li,.elemento-v,.ordem li,.indice__palco,.indice__nivel,
  .resultado-exemplo,.comeco li,.fase-v,.modelo-col,.registro,.destaque,.pendencia:not(.pendencia--aviso)){
  border-color:transparent!important;border-radius:var(--raio-cartao,12px)}
:root{--raio-cartao:12px}
.secao:not(.secao--papel2) :is(.pilar,.sequencia li,.etapa,.convergencia__sintomas li,.mapa-icones a,.filha,
  .equacao__termo,.capacidade--visual,.principio-v,.excecoes li,.degrada li,.formacao__item,.historia__passo,
  .estruturado li,.comecamos,.contexto,.cadeia-fichas li,.elemento-v,.ordem li,.indice__nivel,.comeco li,.fase-v){background:var(--papel-2)}
.secao--papel2 :is(.pilar,.sequencia li,.etapa,.convergencia__sintomas li,.mapa-icones a,.filha,.equacao__termo,
  .capacidade--visual,.principio-v,.excecoes li,.degrada li,.formacao__item,.historia__passo,.estruturado li,
  .comecamos,.contexto,.cadeia-fichas li,.elemento-v,.ordem li,.indice__nivel,.comeco li,.fase-v,.registro){background:var(--branco)}

/* formulários no padrão do cartão branco */
.campo input,.campo select,.campo textarea{border-radius:10px}
.forma--clara .campo input,.forma--clara .campo select,.forma--clara .campo textarea{border-radius:10px}

/* abertura das páginas internas com foto de fundo e máscara escura (04/10) */
.abertura--foto{position:relative;overflow:hidden;min-height:min(70svh,640px);display:flex;align-items:flex-end}
.abertura--foto > .caixa{position:relative;z-index:2;width:100%}
.abertura__foto{position:absolute;inset:0;z-index:0}
.abertura__foto img{width:100%;height:100%;object-fit:cover}
.abertura--foto::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(12,23,28,.92) 0,rgba(12,23,28,.78) 45%,rgba(12,23,28,.45) 100%),
             linear-gradient(0deg,rgba(12,23,28,.6) 0,rgba(12,23,28,0) 40%)}
@media (max-width:699px){.abertura--foto::before{background:rgba(12,23,28,.82)}}
.abertura .migalhas,.abertura .migalhas a{color:var(--sobre-marinho-3)}

/* uma coluna: o rótulo vai acima do conteúdo, como na home */
.par{grid-template-columns:1fr!important}
.par__rotulo{max-width:60ch}
.abertura__grade{grid-template-columns:1fr!important}

/* títulos de seção no tamanho da home */
.secao h2{font-size:clamp(2rem,1.4rem + 2.2vw,3.1rem);line-height:1.06;max-width:24ch}
.secao h3{font-weight:500;letter-spacing:-.02em}
.secao{padding-block:clamp(72px,9vw,120px)}

/* faixa petróleo vira o escuro da home */
.secao--petroleo{background:var(--marinho)!important}
@media (min-width:1000px){.abertura__grade--figura{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)!important;align-items:center}}

/* peças novas para as páginas internas (04/10) */
.he-escuro{background:var(--marinho);color:var(--sobre-marinho);--cinza-frase:#8fa3ab}
.he-escuro .he-rotulo,.he-escuro h2,.he-escuro h3{color:var(--branco)}
.he-escuro .he-grande{color:var(--sobre-marinho)}
.he-travessa{margin:clamp(2.4rem,5vw,3.6rem) 0}
.he-travessa .travessa__pilar{border-radius:10px}
.he-nasceu{display:grid;gap:2.4rem;align-items:center;margin-top:clamp(2rem,4vw,3rem)}
.he-nasceu__figura .convergencia{margin:0}
@media (min-width:1000px){.he-nasceu{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,5rem)}}
.he-pilar__frase{font-size:1.05rem!important;font-weight:500;letter-spacing:-.01em;color:var(--marinho)!important}
.he-pilar .he-cap__faz .icone{width:14px;height:14px;color:var(--coral-botao);vertical-align:-2px}
.he-pilar .he-cap__faz b{font-weight:600;color:var(--tinta-2)}
.he-mobilizacao{display:inline-flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.8rem 0 0;padding:.8rem 1.2rem;border-radius:999px;background:var(--branco);font-size:.95rem;color:var(--tinta-2)}
.he-mobilizacao b{font-weight:600;color:var(--coral-botao)}
.he-ciclo{margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-ciclo .etapa{background:var(--branco)!important;border-radius:var(--raio-cartao)}
.he-trilha{display:grid;gap:2.4rem;margin-top:clamp(3rem,6vw,4.4rem)}
.he-trilha h3{font-size:1.5rem}
.he-trilha > div > p{margin:.6rem 0 1.4rem;color:var(--tinta-2)}
.he-excecoes{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.he-excecoes li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.8rem;align-items:center;padding:1.1rem 1.3rem;border-radius:var(--raio-cartao);background:var(--branco);font-size:.98rem;color:var(--tinta-2)}
.he-excecoes b{font-weight:600;color:var(--marinho)}
.he-excecoes .icone{width:16px;height:16px;color:var(--coral-botao)}
@media (min-width:900px){.he-trilha{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}}
.he-secao--cinza .he-lista-num li{background:var(--branco)}

/* peças novas para as páginas internas (04/10) */
.he-escuro{background:var(--marinho);color:var(--sobre-marinho);--cinza-frase:#8fa3ab}
.he-escuro .he-rotulo,.he-escuro h2,.he-escuro h3{color:var(--branco)}
.he-escuro .he-grande{color:var(--sobre-marinho)}
.he-travessa{margin:clamp(2.4rem,5vw,3.6rem) 0}
.he-travessa .travessa__pilar{border-radius:10px}
.he-nasceu{display:grid;gap:2.4rem;align-items:center;margin-top:clamp(2rem,4vw,3rem)}
.he-nasceu__figura .convergencia{margin:0}
@media (min-width:1000px){.he-nasceu{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,6vw,5rem)}}
.he-pilar__frase{font-size:1.05rem!important;font-weight:500;letter-spacing:-.01em;color:var(--marinho)!important}
.he-pilar .he-cap__faz .icone{width:14px;height:14px;color:var(--coral-botao);vertical-align:-2px}
.he-pilar .he-cap__faz b{font-weight:600;color:var(--tinta-2)}
.he-mobilizacao{display:inline-flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:1.8rem 0 0;padding:.8rem 1.2rem;border-radius:999px;background:var(--papel-2);font-size:.95rem;color:var(--tinta-2)}
.he-mobilizacao b{font-weight:600;color:var(--coral-botao)}
.he-ciclo{margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-ciclo .etapa{background:var(--papel-2)!important;border-radius:var(--raio-cartao)}
.he-trilha{display:grid;gap:2.4rem;margin-top:clamp(3rem,6vw,4.4rem)}
.he-trilha h3{font-size:1.5rem}
.he-trilha > div > p{margin:.6rem 0 1.4rem;color:var(--tinta-2)}
.he-excecoes{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.he-excecoes li{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.8rem;align-items:center;padding:1.1rem 1.3rem;border-radius:var(--raio-cartao);background:var(--papel-2);font-size:.98rem;color:var(--tinta-2)}
.he-excecoes b{font-weight:600;color:var(--marinho)}
.he-excecoes .icone{width:16px;height:16px;color:var(--coral-botao)}
@media (min-width:900px){.he-trilha{grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}}

/* chamada final das páginas antigas: mesma foto e peso da chamada da home (04/10) */
.secao--marinho:has(> .caixa.chamada){position:relative;overflow:hidden;padding-block:clamp(96px,12vw,170px);
  background:linear-gradient(90deg,rgba(12,23,28,.9) 0,rgba(12,23,28,.65) 50%,rgba(12,23,28,.35) 100%),
             url("../img/home/final-1600.jpg") center/cover no-repeat}
.secao--marinho > .caixa.chamada h2{font-size:clamp(2.2rem,1.4rem + 3vw,3.8rem);line-height:1.04;max-width:18ch;color:#fff}
.caixa.chamada{align-items:end}
@media (min-width:900px){.caixa.chamada{grid-template-columns:minmax(0,1.4fr) auto}}
/* hub de cases com os cartões da home */
.he-casos-hub .registro--case{padding:0;border:0!important;background:none!important;border-radius:var(--raio-cartao)}
.he-casos-hub .he-caso{height:100%;background:var(--papel-2)}
.he-casos-hub .he-caso__corpo{background:var(--papel-2)}
.he-casos-hub .he-caso__tag{color:#fff!important;margin:0!important}

/* 40 · PÁGINA MÉTODO (04/10/2026) ============================================ */
/* os dois modelos em cartões, com os anéis 3D */
.he-portas{display:grid;gap:1.2rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-porta{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--raio-cartao);background:var(--papel-2);
  color:var(--tinta);text-decoration:none;transition:transform 300ms cubic-bezier(.2,.6,.3,1)}
.he-porta:hover{transform:translateY(-4px)}
.he-porta__visual{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1b2f37}
.he-porta__visual picture,.he-porta__visual img{display:block;width:100%;height:100%}
.he-porta__visual img{object-fit:cover;object-position:50% 50%;transform:scale(1.15);transition:transform 900ms cubic-bezier(.2,.6,.3,1)}
.he-porta:hover .he-porta__visual img{transform:scale(1.22)}
.he-porta__corpo{display:flex;flex-direction:column;flex:1;padding:clamp(1.5rem,3vw,2.2rem)}
.he-porta__publico{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-botao)}
.he-porta h3{margin-top:.7rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);line-height:1.1;color:var(--marinho)}
.he-porta__corpo > p:not(.he-porta__publico):not(.he-porta__rodape){margin:.9rem 0 0;font-size:1rem;line-height:1.5;color:var(--tinta-2);max-width:44ch}
.he-porta__rodape{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:auto 0 0!important;padding-top:1.6rem}
.he-porta__rodape b{font-size:2.6rem;font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--marinho)}
.he-porta__rodape > span:first-child{font-size:.95rem;color:var(--tinta-2)}
.he-porta__ir{display:inline-flex;align-items:center;gap:.4rem;font-size:.95rem;font-weight:500;color:var(--marinho)}
.he-porta__ir .icone{width:16px;height:16px;color:var(--coral-botao)}
.he-porta--forte{background:var(--marinho);color:var(--sobre-marinho)}
.he-porta--forte h3,.he-porta--forte .he-porta__rodape b,.he-porta--forte .he-porta__ir{color:#fff}
.he-porta--forte .he-porta__corpo > p:not(.he-porta__publico):not(.he-porta__rodape),.he-porta--forte .he-porta__rodape > span:first-child{color:var(--sobre-marinho)}
.he-porta--forte .he-porta__publico{color:var(--coral)}
@media (min-width:900px){.he-portas{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.he-porta,.he-porta:hover,.he-porta:hover .he-porta__visual img{transform:none}}

/* fluxos em fichas numeradas */
.he-fluxo{margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-fluxo__rotulo{margin:0 0 1rem;font-size:.85rem;font-weight:500;color:var(--tinta-3)}
.he-fluxo ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.he-fluxo li{position:relative;display:inline-flex;align-items:center;gap:.55rem;padding:.65rem 1rem .65rem .7rem;border-radius:999px;
  background:var(--branco);font-size:.92rem;font-weight:500;color:var(--marinho)}
.he-fluxo li span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--papel-2);font-size:.7rem;font-weight:600;color:var(--tinta-3)}
.he-fluxo li.is-destaque{background:var(--coral-botao);color:#fff}
.he-fluxo li.is-destaque span{background:rgba(255,255,255,.22);color:#fff}
.he-secao:not(.he-secao--cinza):not(.he-escuro) .he-fluxo li:not(.is-destaque){background:var(--papel-2)}
.he-secao:not(.he-secao--cinza):not(.he-escuro) .he-fluxo li:not(.is-destaque) span{background:var(--branco)}

/* equação no bloco escuro */
.he-equacao--escura{margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-equacao--escura .he-equacao__termo:not(.he-equacao__termo--fim){background:rgba(255,255,255,.06)}
.he-equacao--escura .he-equacao__termo:not(.he-equacao__termo--fim) b{color:#fff}
.he-equacao--escura .he-equacao__termo:not(.he-equacao__termo--fim) span{color:var(--sobre-marinho)}
.he-equacao--escura .he-equacao__op{color:var(--coral)}

/* trilha simples: só o nome, grande */
.he-fases__lista--simples li{grid-template-columns:auto minmax(0,1fr);align-items:baseline}
.he-fases__lista--simples .he-fase__n{grid-row:auto;padding-top:0}

/* régua de evidência */
.he-evidencia{margin-top:clamp(3rem,6vw,4.6rem)}
.he-evidencia h3{font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);max-width:30ch;color:var(--marinho)}
.he-evidencia .he-estagios{margin-top:1.6rem}
.he-evidencia .he-estagio__nome{font-size:clamp(1.4rem,1.15rem + .9vw,2rem)}

/* do método ao projeto: trilho de cinco etapas */
.he-trilho{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));counter-reset:none}
.he-trilho li{position:relative;display:flex;flex-direction:column;gap:2.4rem;padding:1.4rem 1.4rem 1.6rem;border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-trilho li:first-child{background:var(--coral-botao)}
.he-trilho span{font-size:.8rem;font-weight:600;color:var(--coral)}
.he-trilho li:first-child span{color:rgba(255,255,255,.8)}
.he-trilho b{font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);font-weight:500;letter-spacing:-.03em;color:#fff}

/* 41 · COMO TRABALHAMOS, LIVRO E CONTATO (rodada de capricho, 04/10/2026) ==== */
/* passos ligados por trilho */
.he-passos{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;display:grid;gap:1rem;position:relative}
.he-passos li{position:relative;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-passos__n{position:absolute;top:1.5rem;right:1.6rem;font-size:.85rem;font-weight:600;color:var(--tinta-3)}
.he-passos__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--branco);color:var(--coral-botao);margin-bottom:2.4rem}
.he-passos__icone .icone{width:22px;height:22px}
.he-passos h3{font-size:clamp(1.3rem,1.1rem + .7vw,1.65rem);color:var(--marinho)}
.he-passos p{margin:.7rem 0 0;font-size:.98rem;line-height:1.5;color:var(--tinta-2)}
.he-passos li:last-child{background:var(--marinho)}
.he-passos li:last-child h3{color:#fff}
.he-passos li:last-child p{color:var(--sobre-marinho)}
.he-passos li:last-child .he-passos__icone{background:var(--coral-botao);color:#fff}
.he-passos li:last-child .he-passos__n{color:var(--sobre-marinho-3)}
@media (min-width:900px){
  .he-passos{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.he-secao--cinza .he-passos li:not(:last-child){background:var(--branco)}
.he-secao--cinza .he-passos li:not(:last-child) .he-passos__icone{background:var(--papel-2)}

/* cinco fases em linhas, no bloco escuro, com o entregável em destaque */
.he-fases-e{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;border-top:1px solid rgba(255,255,255,.14)}
.he-fase-e{display:grid;gap:1rem 2rem;padding:clamp(1.6rem,3vw,2.2rem) 0;border-bottom:1px solid rgba(255,255,255,.14);align-items:start}
.he-fase-e__n{font-size:clamp(2.4rem,1.8rem + 2vw,3.6rem);font-weight:300;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.45)}
.he-fase-e h3{font-size:clamp(1.6rem,1.3rem + 1.2vw,2.3rem);color:#fff}
.he-fase-e__corpo > p{margin:.6rem 0 0;font-size:1rem;line-height:1.5;color:var(--sobre-marinho);max-width:46ch}
.he-fase-e__tese{font-style:italic;color:var(--sobre-marinho-3)!important}
/* Entregável como coluna da fase (23/10/2026): fio vertical na altura inteira da
   linha, sem caixa. A caixinha anterior ficava menor que a fase. */
.he-fase-e__entrega{margin:0;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.14);
  font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.4;letter-spacing:-.01em;color:#fff}
.he-fase-e__entrega span{display:flex;align-items:center;gap:.55rem;margin-bottom:.8rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.he-fase-e__entrega .icone{width:18px;height:18px}
@media (min-width:900px){
  .he-fase-e{grid-template-columns:110px minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}
  .he-fase-e__entrega{align-self:stretch;padding:.5rem 0 .2rem 2rem;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
}

/* bento das quatro formas: a consultoria ocupa o dobro */
.he-bento-formas{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-forma{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2.2rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-forma__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao);margin-bottom:1.8rem;flex:0 0 auto}
.he-forma__icone .icone{width:22px;height:22px}
.he-forma h3{font-size:clamp(1.35rem,1.15rem + .7vw,1.75rem);color:var(--marinho)}
.he-forma > p:not(.he-forma__tag):not(.acoes){margin:.8rem 0 0;font-size:.98rem;line-height:1.55;color:var(--tinta-2)}
.he-forma .acoes{margin-top:auto;padding-top:1.6rem}
.he-forma__citacao{font-size:1.05rem!important;font-weight:500;letter-spacing:-.01em;color:var(--marinho)!important;padding-left:1rem;border-left:2px solid var(--coral)}
.he-forma--principal{background:var(--marinho);color:var(--sobre-marinho)}
.he-forma--principal h3{color:#fff;font-size:clamp(2rem,1.5rem + 2vw,3rem)}
.he-forma--principal > p:not(.he-forma__tag):not(.acoes){color:var(--sobre-marinho);max-width:52ch}
.he-forma--principal .he-forma__icone{background:var(--coral-botao);color:#fff}
.he-forma__tag{margin:0 0 1.4rem;align-self:flex-start;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.78rem;font-weight:600;color:var(--coral)}
@media (min-width:1000px){
  .he-bento-formas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .he-forma--principal{grid-column:span 2;grid-row:span 2}
}

/* palestras em abas Departamentos / Escritórios */
.he-palestras{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.he-palestra{display:flex;flex-direction:column;padding:clamp(1.4rem,3vw,1.9rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-palestra__n{display:flex;align-items:center;gap:.7rem;margin:0 0 1.6rem;font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-palestra__n span{padding:.25rem .65rem;border-radius:999px;background:var(--coral-soft);font-size:.72rem}
.he-palestra h3{font-size:1.35rem;line-height:1.15;color:var(--marinho)}
.he-palestra__sub{margin:.5rem 0 0;font-size:.95rem;font-weight:500;color:var(--tinta-3)}
.he-palestra__versao{display:none;margin:1.2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--fio);font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
#pub-dj:checked ~ .he-palestras .he-palestra__versao--dj,#pub-ea:checked ~ .he-palestras .he-palestra__versao--ea{display:block}
#pub-dj:checked ~ .he-lados label[for="pub-dj"],#pub-ea:checked ~ .he-lados label[for="pub-ea"]{background:var(--marinho);color:var(--branco)}
:is(#pub-dj,#pub-ea):focus-visible ~ .he-lados{outline:2px solid var(--coral);outline-offset:3px}
.he-palestra--principal{background:var(--marinho)}
.he-palestra--principal h3{color:#fff}
.he-palestra--principal .he-palestra__sub{color:var(--sobre-marinho-3)}
.he-palestra--principal .he-palestra__versao{color:var(--sobre-marinho);border-color:rgba(255,255,255,.14)}
.he-palestra--principal .he-palestra__n span{background:rgba(255,112,97,.18);color:var(--coral)}
.he-logistica{display:grid;gap:1rem 1.6rem;align-items:center;margin-top:1rem;padding:clamp(1.4rem,3vw,1.9rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-logistica .he-forma__icone{margin:0}
.he-logistica h3{font-size:1.3rem;color:var(--marinho)}
.he-logistica p{margin:.4rem 0 0;color:var(--tinta-2)}
.he-logistica .acoes{margin:0}
@media (min-width:900px){.he-logistica{grid-template-columns:auto minmax(0,1fr) auto}}

/* livro: abertura com a capa grande */
.he-hero--livro{min-height:auto;padding-bottom:clamp(64px,8vw,110px);background:radial-gradient(90% 80% at 20% 30%,#24404b 0,#1b2f37 50%,#0f1d23 100%)}
.he-livro-topo{position:relative;z-index:2;display:grid;gap:3rem;align-items:center}
.he-livro__capa--grande{width:min(100%,360px);transform:rotate(-3deg);transition:transform 600ms cubic-bezier(.2,.6,.3,1)}
.he-livro__capa--grande:hover{transform:rotate(0)}
.he-hero--livro h1{font-size:clamp(2.2rem,1.4rem + 2.6vw,3.6rem);max-width:18ch}
@media (min-width:900px){.he-livro-topo{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,6rem)}}
@media (prefers-reduced-motion:reduce){.he-livro__capa--grande{transform:none}}
.he-secao--fina{padding-block:clamp(40px,5vw,64px)}
.he-numeros-livro{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.6rem}
.he-numeros-livro li{padding-left:1.2rem;border-left:2px solid var(--coral)}
.he-numeros-livro b{display:block;font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--marinho)}
.he-numeros-livro span{display:block;margin-top:.5rem;font-size:.9rem;color:var(--tinta-3)}
.he-partes{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-parte{padding:clamp(1.5rem,3vw,2.1rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-parte__n{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--coral-botao)}
.he-parte h3{margin-top:.5rem;font-size:1.5rem;color:var(--marinho)}
.he-parte ol{list-style:none;margin:1.4rem 0 0;padding:0}
.he-parte li{display:grid;grid-template-columns:2.2rem 1fr;padding:.75rem 0;border-top:1px solid var(--fio);font-size:.98rem;color:var(--tinta-2)}
.he-parte li span{font-size:.82rem;font-weight:600;color:var(--tinta-3)}
@media (min-width:1000px){.he-partes{grid-template-columns:1fr 1.25fr 1fr}}
.he-depos{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-depo{position:relative;margin:0;display:flex;flex-direction:column;padding:clamp(1.6rem,3vw,2.2rem);border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-depo__aspas{font-size:5rem;line-height:.7;font-weight:500;color:var(--coral)}
.he-depo blockquote{margin:1rem 0 0;font-size:clamp(1.15rem,1rem + .5vw,1.4rem);font-weight:500;letter-spacing:-.015em;line-height:1.35;color:#fff}
.he-depo figcaption{margin-top:auto;padding-top:1.6rem;font-size:.9rem;color:var(--sobre-marinho-3)}
.he-depo figcaption b{display:block;font-weight:600;color:var(--sobre-marinho)}
@media (min-width:900px){.he-depos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.he-amostra{background:var(--papel-2)}
.he-amostra .he-conversa__grade{align-items:center}

/* contato */
.he-contato__grade{display:grid;gap:2.4rem;align-items:start}
.he-contato__form h2{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.4rem);color:var(--marinho)}
.he-contato__intro{margin:.6rem 0 1.8rem;color:var(--tinta-2)}
.he-contato__lado{display:grid;gap:1.2rem}
.he-contato__lado .he-rotulo{margin:1rem 0 0}
.he-canais{display:grid;gap:.6rem}
.he-canal{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 1.2rem;border-radius:var(--raio-cartao);
  background:var(--branco);color:var(--marinho);text-decoration:none;transition:transform var(--transicao)}
.he-canal:hover{transform:translateX(4px)}
.he-canal__icone{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao)}
.he-canal__icone .icone{width:19px;height:19px}
.he-canal__texto{display:flex;flex-direction:column;min-width:0}
.he-canal__texto b{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.he-canal__texto > span{font-size:1rem;font-weight:500;overflow-wrap:anywhere}
.he-canal__nota{margin-top:.2rem;font-size:.78rem!important;font-weight:400!important;color:var(--tinta-3)}
.he-canal__seta{width:16px;height:16px;color:var(--coral-botao)}
.he-mini-passos{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.he-mini-passos li{display:grid;grid-template-columns:2.4rem 1fr;gap:.6rem;padding:1rem 1.2rem;border-radius:var(--raio-cartao);background:var(--branco)}
.he-mini-passos span{font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-mini-passos p{margin:0;font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
.he-mini-passos b{font-weight:600;color:var(--marinho)}
.he-confianca-card{display:grid;gap:.6rem;margin-top:.6rem;padding:clamp(1.4rem,3vw,1.9rem);border-radius:var(--raio-cartao);background:var(--marinho);color:var(--sobre-marinho);text-decoration:none}
.he-confianca-card .he-forma__icone{margin-bottom:.6rem;background:var(--coral-botao);color:#fff}
.he-confianca-card b{font-size:1.3rem;font-weight:500;letter-spacing:-.02em;color:#fff}
.he-confianca-card .he-caso__ir{color:#fff;margin-top:.6rem;padding:0}
@media (min-width:1000px){.he-contato__grade{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(2rem,4vw,3.6rem)}.he-contato__form{position:sticky;top:110px}}
.he-hero--curta{min-height:min(62svh,560px)}
@media (min-width:1000px){
  .he-bento-formas{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
  .he-forma--principal{grid-column:1;grid-row:1 / span 3}
  .he-forma:not(.he-forma--principal){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.2rem;align-items:start}
  .he-forma:not(.he-forma--principal) .he-forma__icone{grid-row:1 / span 4;margin:0}
  .he-forma:not(.he-forma--principal) .acoes{padding-top:1rem}
}

/* 42 · ÍNDICE E EXECUTIVOS (rodada de capricho, 04/10/2026) =================== */
.he-instrumento .instrumento{margin-top:clamp(2rem,4vw,3rem)}
.he-lados--instrumento{border:0;margin:0 0 1.2rem;display:inline-flex;flex-wrap:wrap}
.he-lados--instrumento input{position:absolute;opacity:0;pointer-events:none}
.he-lados--instrumento input:checked + label{background:var(--marinho);color:#fff}
.he-lados--instrumento input:focus-visible + label{outline:2px solid var(--coral);outline-offset:2px}
.he-instrumento .indice__palco{padding:clamp(1.6rem,4vw,3rem);border-radius:var(--raio-cartao);background:var(--branco)!important;border:0!important}
.he-instrumento .indice__palco h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.4rem);max-width:28ch}
.he-instrumento .indice__nivel{background:var(--papel-2)!important;border-radius:10px}
.he-instrumento .botao{border-radius:999px}

/* sete perguntas para CEOs */
.he-perguntas__lado .he-fecho{margin-top:2rem}
.he-perguntas{display:grid;gap:.7rem}
.he-pergunta{border-radius:var(--raio-cartao);background:var(--papel-2);overflow:hidden}
.he-pergunta summary{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:1.2rem 1.4rem;cursor:pointer;list-style:none}
.he-pergunta summary::-webkit-details-marker{display:none}
.he-pergunta__n{font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-pergunta__q{font-size:1.12rem;font-weight:500;letter-spacing:-.015em;line-height:1.3;color:var(--marinho)}
.he-pergunta summary i{position:relative;width:32px;height:32px;border-radius:50%;background:var(--branco)}
.he-pergunta summary i::before,.he-pergunta summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:var(--coral-botao);transform:translate(-50%,-50%)}
.he-pergunta summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 260ms}
.he-pergunta[open] summary i::after{transform:translate(-50%,-50%) rotate(0)}
.he-pergunta p{margin:0;padding:0 1.4rem 1.4rem calc(1.4rem + 3.4rem);font-size:.98rem;line-height:1.55;color:var(--tinta-2)}
.he-pergunta p b{font-weight:600;color:var(--marinho)}
.he-pergunta[open]{background:var(--marinho)}
.he-pergunta[open] .he-pergunta__q{color:#fff}
.he-pergunta[open] p{color:var(--sobre-marinho)}
.he-pergunta[open] p b{color:#fff}
.he-compartilha{display:grid;gap:2.4rem;align-items:center}
.he-compartilha__cartao{padding:clamp(1.6rem,3vw,2.2rem);border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-compartilha__cartao .he-forma__icone{background:var(--coral-botao);color:#fff}
.he-compartilha__cartao p{margin:0;color:var(--sobre-marinho)}
.he-compartilha__cartao p b{color:#fff;font-weight:500}
@media (min-width:1000px){.he-compartilha{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(3rem,6vw,5rem)}}
.he-livro__capa--guia{background:radial-gradient(120% 80% at 80% 0,#6a8f9d 0,#517483 45%,#3a5866 100%)}
.he-livro__capa--guia .he-livro__titulo{font-size:1.7rem;line-height:1.1}
.he-livro__capa--guia .he-livro__titulo b{font-size:1em;color:#fff}
.he-livro__capa--guia::after{border-color:rgba(255,255,255,.5);border-left-color:rgba(255,255,255,.1);border-bottom-color:rgba(255,255,255,.1)}
.he-secao--cinza .he-livro__grade h2{color:var(--marinho)}
.he-guia{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem;padding:.4rem;border-radius:999px;background:var(--branco);max-width:520px}
.he-guia input{flex:1;min-width:200px;border:0;background:none;padding:.8rem 1rem;font:inherit;color:var(--marinho)}
.he-guia input:focus{outline:none}
.he-guia:focus-within{outline:2px solid var(--coral);outline-offset:2px}

/* 43 · SEÇÃO SOBRE (rodada de capricho, 04/10/2026) ========================== */
.he-tese--cadeia{justify-content:flex-start;gap:1.6rem}
.he-tese__rotulo{position:relative;z-index:1;margin:0;font-size:.85rem;font-weight:500;color:var(--sobre-marinho-3)}
.he-cadeia{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.he-cadeia li{display:grid;grid-template-columns:auto auto 1fr;gap:.2rem .7rem;align-items:center;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.12)}
.he-cadeia li:last-child{border-bottom:0;padding-bottom:0}
.he-cadeia b{grid-column:1/-1;font-size:clamp(1.5rem,1.2rem + 1.2vw,2.2rem);font-weight:500;letter-spacing:-.03em;color:#fff}
.he-cadeia__sem{font-size:.95rem;color:var(--sobre-marinho-3)}
.he-cadeia .icone{width:16px;height:16px;color:var(--coral)}
.he-cadeia__vira{font-size:1.05rem;font-weight:500;color:var(--coral)}
.he-manifesto .he-grande:first-child{margin-top:0}
.he-fecho--grande{margin-top:clamp(2.4rem,5vw,3.6rem);font-size:clamp(1.2rem,1rem + .8vw,1.6rem);max-width:52ch}
.he-creds--quatro{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.he-mesa{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem);align-items:stretch}
.he-mesa__lado{padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-mesa__lado .he-forma__icone{background:var(--coral-botao);color:#fff}
.he-mesa__lado h3{margin-top:.6rem;font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);line-height:1.15;color:#fff}
.he-mesa__lado p:not(.he-porta__publico){margin:.9rem 0 0;color:var(--sobre-marinho)}
.he-mesa__lado .he-porta__publico{color:var(--coral)}
.he-mesa__meio{display:grid;place-items:center}
.he-mesa__meio span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;color:var(--coral-botao)}
.he-mesa__meio .icone{width:22px;height:22px}
@media (min-width:900px){.he-mesa{grid-template-columns:1fr auto 1fr}}
@media (max-width:899px){.he-mesa__meio span{transform:rotate(90deg)}}
.he-citacao{margin:0;max-width:60rem}
.he-citacao blockquote{margin:.4rem 0 0;font-size:clamp(1.8rem,1.2rem + 2.4vw,3.2rem);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--marinho)}
.he-citacao figcaption{margin-top:1.6rem}
.he-citacao figcaption p{margin:0;max-width:52ch;font-size:1.05rem;color:var(--sobre-marinho)}
.he-citacao--escura blockquote{color:#fff}
.he-filhas{display:grid;gap:1rem;margin-top:1.6rem}
.he-filha{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--papel-2);color:var(--tinta);text-decoration:none;transition:transform 300ms cubic-bezier(.2,.6,.3,1),background 300ms}
.he-filha h3{font-size:1.45rem;color:var(--marinho)}
.he-filha p{margin:.6rem 0 0;color:var(--tinta-2)}
.he-filha .he-caso__ir{margin-top:auto;padding-top:1.6rem}
.he-filha:hover{transform:translateY(-4px);background:var(--marinho)}
.he-filha:hover h3,.he-filha:hover .he-caso__ir{color:#fff}
.he-filha:hover p{color:var(--sobre-marinho)}
@media (min-width:900px){.he-filhas{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* princípios: sete cartões numerados, o primeiro em destaque */
.he-principios{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.he-principio{position:relative;display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-principio__n{position:absolute;top:1.4rem;right:1.6rem;font-size:3rem;font-weight:300;letter-spacing:-.05em;line-height:1;color:transparent;-webkit-text-stroke:1px var(--fio-forte)}
.he-principio h3{font-size:1.45rem;color:var(--marinho)}
.he-principio p{margin:.7rem 0 0;font-size:.98rem;line-height:1.55;color:var(--tinta-2)}
.he-principio--destaque{background:var(--marinho)}
.he-principio--destaque h3{color:#fff}
.he-principio--destaque p{color:var(--sobre-marinho)}
.he-principio--destaque .he-forma__icone{background:var(--coral-botao);color:#fff}
.he-principio--destaque .he-principio__n{-webkit-text-stroke-color:rgba(255,255,255,.35)}
@media (min-width:1000px){.he-principios{grid-template-columns:repeat(4,minmax(0,1fr))}.he-principio--destaque{grid-column:span 2;grid-row:span 2;justify-content:flex-end}.he-principio--destaque h3{font-size:2.4rem}.he-principio--destaque p{font-size:1.15rem;max-width:40ch}}

/* Thiago: abertura com retrato */
.he-hero--pessoa{min-height:auto;padding-bottom:0;background:radial-gradient(80% 90% at 85% 40%,#2a4652 0,#1b2f37 55%,#0f1d23 100%)}
.he-pessoa{position:relative;z-index:2;display:grid;gap:2rem;align-items:end}
.he-hero--pessoa .he-hero__conteudo{padding-bottom:clamp(48px,7vw,96px)}
.he-hero--pessoa h1{font-size:clamp(3rem,2rem + 4vw,5.6rem);line-height:.98}
.he-pessoa__tese{margin:1.8rem 0 0;padding-left:1.2rem;border-left:2px solid var(--coral);font-size:clamp(1.05rem,.95rem + .4vw,1.25rem);font-weight:500;letter-spacing:-.01em;line-height:1.45;color:#fff;max-width:48ch}
.he-pessoa__retrato{align-self:end;justify-self:center;width:min(100%,460px)}
.he-pessoa__retrato img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 15%;border-radius:var(--raio-cartao) var(--raio-cartao) 0 0;
  -webkit-mask-image:linear-gradient(180deg,#000 75%,transparent 100%);mask-image:linear-gradient(180deg,#000 75%,transparent 100%)}
@media (min-width:1000px){.he-pessoa{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(3rem,6vw,5rem)}}

/* trajetória como subida: cada degrau mais alto que o anterior */
.he-subida{list-style:none;margin:clamp(2.6rem,5vw,4rem) 0 0;padding:0;display:grid;gap:.7rem}
.he-subida li{display:flex;flex-direction:column;padding:1.3rem 1.2rem;border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-subida li:last-child{background:var(--coral-botao)}
.he-subida__n{font-size:.8rem;font-weight:600;color:var(--coral)}
.he-subida li:last-child .he-subida__n{color:rgba(255,255,255,.8)}
.he-subida h3{margin-top:.6rem;font-size:1.05rem;line-height:1.25;color:#fff}
.he-subida p{margin:.5rem 0 0;font-size:.86rem;line-height:1.45;color:var(--sobre-marinho)}
.he-subida li:last-child p{color:#fff}
@media (min-width:1000px){
  .he-subida{grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;gap:.6rem}
  .he-subida li{min-height:calc(180px + var(--i) * 34px)}
}
.he-formacao{list-style:none;margin:clamp(2.4rem,5vw,3.6rem) 0 0;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.he-formacao li{display:flex;flex-direction:column;padding:1.4rem;border-radius:var(--raio-cartao);background:var(--branco)}
.he-formacao .he-num__icone{width:44px;height:44px;margin-bottom:1.4rem}
.he-formacao b{font-size:1.02rem;font-weight:500;line-height:1.3;color:var(--marinho)}
.he-formacao li > span:last-child{margin-top:.4rem;font-size:.85rem;color:var(--tinta-3)}
.he-chips-grade{display:grid;gap:1.6rem;margin-top:2.4rem}
.he-chips-grade h3{font-size:1.1rem;color:var(--marinho)}
.he-chips{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.45rem}
.he-chips li{padding:.5rem .95rem;border-radius:999px;background:var(--branco);font-size:.9rem;color:var(--marinho)}
@media (min-width:900px){.he-chips-grade{grid-template-columns:1fr 1fr}}
.he-producao__titulo{margin-top:2.4rem;font-size:1.2rem;color:var(--marinho)}
.he-producao{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.6rem}
.he-producao li{display:grid;grid-template-columns:auto auto 1fr;gap:.2rem .9rem;align-items:baseline;padding:1rem 1.2rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-producao__ano{font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-producao__tipo{font-size:.78rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-3)}
.he-producao b{font-weight:500;color:var(--marinho)}
.he-producao__onde{grid-column:3;font-size:.88rem;color:var(--tinta-3)}
.he-livro__grade h2{color:var(--marinho)}
.he-livro .he-livro__grade h2{color:#fff}
.he-checks--largo{max-width:none}
.he-checks--largo li{font-size:1.05rem;padding:1rem 1.2rem;border-radius:var(--raio-cartao);background:var(--branco)}

/* segurança: âncoras e práticas */
.he-ancoras{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-top:1rem}
.he-ancora{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:var(--raio-cartao);background:var(--branco);color:var(--marinho);text-decoration:none;font-weight:500;transition:transform var(--transicao)}
.he-ancora .he-num__icone{width:40px;height:40px;flex:0 0 auto}
.he-ancora .he-num__icone .icone{width:18px;height:18px}
.he-ancora:hover{transform:translateY(-3px)}
.he-praticas{display:grid;gap:1rem;margin-top:clamp(2.6rem,5vw,4rem)}
.he-pratica{scroll-margin-top:110px;padding:clamp(1.5rem,3vw,2.1rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-pratica__topo{display:flex;justify-content:space-between;align-items:flex-start}
.he-pratica__selo{padding:.3rem .75rem;border-radius:999px;background:var(--branco);font-size:.75rem;font-weight:600;color:var(--tinta-3)}
.he-pratica__selo--real{background:var(--marinho);color:#fff}
.he-pratica h3{font-size:1.5rem;color:var(--marinho)}
.he-pratica > p{margin:.6rem 0 0;color:var(--tinta-2)}
.he-pratica ul{list-style:none;margin:1.2rem 0 0;padding:1.2rem 0 0;border-top:1px solid var(--fio);display:grid;gap:.7rem}
.he-pratica li{display:grid;grid-template-columns:22px 1fr;gap:.7rem;font-size:.95rem;line-height:1.5;color:var(--marinho)}
.he-pratica li .icone{width:22px;height:22px;padding:4px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao)}
@media (min-width:900px){.he-praticas{grid-template-columns:1fr 1fr}}
/* confiança: nove compromissos em três grupos */
.he-grupo{display:grid;gap:1.2rem;margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid var(--fio-forte)}
.he-grupo__titulo{display:flex;align-items:baseline;gap:.8rem}
.he-grupo__titulo span{font-size:.85rem;font-weight:600;color:var(--coral-botao)}
.he-grupo__titulo h3{font-size:clamp(1.4rem,1.15rem + .9vw,1.9rem);color:var(--marinho)}
.he-compromissos{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.he-compromisso{display:flex;flex-direction:column;padding:1.5rem;border-radius:var(--raio-cartao);background:var(--branco);color:var(--tinta);text-decoration:none;transition:transform 300ms cubic-bezier(.2,.6,.3,1),background 300ms}
.he-compromisso .he-num__icone{width:46px;height:46px;margin-bottom:1.4rem}
.he-compromisso h3{font-size:1.15rem;line-height:1.25;color:var(--marinho)}
.he-compromisso p{margin:.5rem 0 0;font-size:.92rem;line-height:1.5;color:var(--tinta-2)}
.he-compromisso .he-caso__ir{margin-top:auto;padding-top:1.2rem;font-size:.9rem}
.he-compromisso:hover{transform:translateY(-4px);background:var(--marinho)}
.he-compromisso:hover h3,.he-compromisso:hover .he-caso__ir{color:#fff}
.he-compromisso:hover p{color:var(--sobre-marinho)}
@media (min-width:1000px){.he-grupo{grid-template-columns:minmax(0,.32fr) minmax(0,1fr);align-items:start}.he-grupo__titulo{flex-direction:column;gap:.4rem}}

/* 44 · INSIGHTS (rodada de capricho, 04/10/2026) ============================== */
.he-destaque{display:grid;overflow:hidden;border-radius:var(--raio-cartao);background:var(--marinho);color:var(--sobre-marinho);text-decoration:none}
.he-destaque__foto{min-height:280px;overflow:hidden}
.he-destaque__foto picture,.he-destaque__foto img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.6,.3,1)}
.he-destaque:hover .he-destaque__foto img{transform:scale(1.04)}
.he-destaque__corpo{display:flex;flex-direction:column;padding:clamp(1.8rem,4vw,3.2rem)}
.he-destaque__corpo .he-rotulo{color:#fff}
.he-destaque__meta{display:flex;gap:1rem;margin:0 0 .8rem;font-size:.85rem;color:var(--sobre-marinho-3)}
.he-destaque__meta span{color:var(--coral);font-weight:600}
.he-destaque h2{font-size:clamp(1.8rem,1.3rem + 1.8vw,2.8rem);line-height:1.08;color:#fff}
.he-destaque .he-grande{color:var(--sobre-marinho)}
.he-destaque .he-caso__ir{color:#fff;margin-top:auto;padding-top:1.6rem}
@media (min-width:1000px){.he-destaque{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}

.he-acervo .filtros{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.8rem 0 2rem;padding:0;border:0}
.he-acervo .filtros label{padding:.6rem 1.1rem;border-radius:999px;background:var(--branco);border:0;font-size:.92rem;font-weight:500;color:var(--tinta-2);cursor:pointer}
.he-acervo .filtros label::after{display:none}
.he-acervo .acervo{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.he-acervo .registro{display:flex;flex-direction:column;padding:0 0 1.4rem;border:0!important;border-radius:var(--raio-cartao);background:var(--branco);overflow:hidden}
.he-acervo .registro__foto{display:block;margin:0 0 1.2rem;aspect-ratio:3/2;overflow:hidden;border-radius:0}
.he-acervo .registro__foto img{width:100%;height:100%;object-fit:cover;transition:transform 900ms cubic-bezier(.2,.6,.3,1)}
.he-acervo .registro:hover .registro__foto img{transform:scale(1.05)}
.he-acervo .registro__meta{padding:0 1.3rem;display:flex;gap:.8rem;flex-wrap:wrap;font-size:.8rem;letter-spacing:0;text-transform:none}
.he-acervo .registro__meta span:first-child{color:var(--coral-botao);font-weight:600}
.he-acervo .registro h3{padding:0 1.3rem;margin-top:.5rem;font-size:1.2rem;line-height:1.25}
.he-acervo .registro h3 a{color:var(--marinho);text-decoration:none}
.he-acervo .registro h3 a:hover{color:var(--coral-botao)}

.he-estudos{display:grid;gap:1rem;margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-estudo{display:flex;flex-direction:column;padding:1.2rem 1.2rem 1.5rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-estudo__capa{position:relative;display:flex;flex-direction:column;justify-content:space-between;aspect-ratio:4/3;padding:1.3rem;border-radius:8px;overflow:hidden;
  background:radial-gradient(120% 80% at 85% 0,#33525e 0,#1b2f37 55%,#13232a 100%);margin-bottom:1.3rem}
.he-estudo__capa::after{content:"";position:absolute;right:-25%;bottom:-45%;width:80%;aspect-ratio:1;border-radius:50%;border:14px solid rgba(255,112,97,.8);border-left-color:rgba(255,255,255,.08);border-bottom-color:rgba(255,255,255,.08)}
.he-estudo__capa span{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.he-estudo__capa b{position:relative;z-index:1;font-size:1.15rem;font-weight:500;line-height:1.2;color:#fff;max-width:16ch}
.he-estudo__tag{margin:0;font-size:.8rem;font-weight:600;color:var(--coral-botao)}
.he-estudo h3{margin-top:.4rem;font-size:1.2rem;line-height:1.25;color:var(--marinho)}
.he-estudo > p:not(.he-estudo__tag):not(.he-estudo__rodape){margin:.5rem 0 0;font-size:.94rem;color:var(--tinta-2)}
.he-estudo__rodape{display:flex;align-items:center;gap:.5rem;margin:auto 0 0!important;padding-top:1.2rem;font-size:.85rem;font-weight:500;color:var(--marinho)}
.he-estudo__rodape .icone{width:16px;height:16px;color:var(--coral-botao)}
@media (min-width:900px){.he-estudos{grid-template-columns:repeat(3,minmax(0,1fr))}}
.he-producao--escura li{background:rgba(255,255,255,.06)}
.he-producao--escura b{color:#fff}
.he-producao--escura .he-producao__onde,.he-producao--escura .he-producao__tipo{color:var(--sobre-marinho-3)}
.he-producao--escura .he-producao__ano{color:var(--coral)}
/* filtro ativo em pílula escura (Insights e Cases) */
.he-acervo :is(#f-todos:checked ~ .filtros label[for="f-todos"],#f-gestao:checked ~ .filtros label[for="f-gestao"],
  #f-legalops:checked ~ .filtros label[for="f-legalops"],#f-escritorios:checked ~ .filtros label[for="f-escritorios"],
  #f-governanca:checked ~ .filtros label[for="f-governanca"],#f-controladoria:checked ~ .filtros label[for="f-controladoria"],
  #f-dados:checked ~ .filtros label[for="f-dados"],#f-tecnologia:checked ~ .filtros label[for="f-tecnologia"],
  #j-todos:checked ~ .filtros label[for="j-todos"],#j-dj:checked ~ .filtros label[for="j-dj"],#j-ea:checked ~ .filtros label[for="j-ea"],
  #s-todos:checked ~ .filtros label[for="s-todos"],#s-saude:checked ~ .filtros label[for="s-saude"],#s-advocacia:checked ~ .filtros label[for="s-advocacia"]){
  background:var(--marinho);color:#fff}
.he-acervo .filtros__titulo:not(.oculto){display:inline-flex;align-items:center;margin-right:.4rem;font-size:.85rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--tinta-3)}
.he-acervo .filtros + .filtros{margin-top:-1.4rem}
.he-acervo .he-casos-hub{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.he-acervo .he-casos-hub .registro--case{padding:0;background:none!important}
.he-acervo .he-casos-hub .he-caso,.he-acervo .he-casos-hub .he-caso__corpo{background:var(--branco)}
/* revisão 1 (04/10): grupos de confiança com o número exato de colunas; hub de
   cases em duas colunas largas para os três números caberem */
@media (min-width:1000px){.he-compromissos{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}}
.he-acervo .he-casos-hub{grid-template-columns:repeat(auto-fill,minmax(min(100%,460px),1fr))}
/* revisão 2: dentro do hub de cases o cartão não herda o recuo do registro de Insights */
.he-acervo .he-casos-hub .registro h3{padding:0}
@media (max-width:599px){.he-producao li{grid-template-columns:auto 1fr}.he-producao li b,.he-producao__onde{grid-column:1/-1}}

/* aviso de cookies: "Aceitar todos" no coral dos botões (pedido do Paulo, 23/10) */
.cookies .botao--aceitar{background:var(--coral-botao);border-color:var(--coral-botao);color:#fff}
.cookies .botao--aceitar:hover{background:var(--branco);border-color:var(--branco);color:var(--marinho)}
/* "Configurar preferências": no computador vira só uma engrenagem redonda, com o
   nome no title e no aria-label; no celular segue como link de texto (23/10) */
.cookies .botao--engrenagem .icone{display:none}
@media (min-width:600px){
  .cookies .botao--engrenagem{width:44px;height:44px;padding:0;justify-content:center;border-radius:50%;border-color:rgba(255,255,255,.35)}
  .cookies .botao--engrenagem .icone{display:block;width:19px;height:19px;transition:transform 400ms cubic-bezier(.2,.6,.3,1)}
  .cookies .botao--engrenagem .botao__texto{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .cookies .botao--engrenagem:hover .icone{transform:rotate(60deg)}
  .cookies__acoes{align-items:center}
}
@media (prefers-reduced-motion:reduce){.cookies .botao--engrenagem:hover .icone{transform:none}}

/* 45 · FORMULÁRIO E SEÇÃO DE CONVERSA (23/10/2026) ============================ */
/* campos menores e todos na mesma altura; select no mesmo corpo do input */
.forma--duas{align-items:start}
.campo{gap:.4rem}
.campo label{font-size:.82rem;font-weight:500;letter-spacing:0}
.campo input,.campo select{height:44px;padding:0 .9rem;font-size:.95rem;line-height:44px}
.campo select{padding-right:2.2rem}
.campo textarea{min-height:110px;padding:.7rem .9rem;font-size:.95rem}
.he-form .forma{gap:1.1rem 1.4rem}
.he-form .aviso-sigilo{font-size:.85rem;padding:.9rem 1rem}
.he-form .botao{height:46px;padding:0 1.6rem}

/* seção de conversa com foto de fundo: não pode se confundir com o rodapé */
.he-conversa{position:relative;overflow:hidden;
  background:linear-gradient(90deg,rgba(12,23,28,.92) 0,rgba(12,23,28,.78) 45%,rgba(12,23,28,.6) 100%),
             url("../img/home/hero-1600.jpg") center/cover no-repeat}
.he-conversa + * , .he-conversa ~ footer{border-top:0}
.he-form .aviso-sigilo{border-left:0}
.campo select{font-size:.95rem!important}

/* 46 · FORMULÁRIO EM ETAPAS (23/10/2026) ====================================== */
.forma-etapas{display:grid;gap:1.4rem}
.forma-etapas fieldset{margin:0;padding:0;border:0;min-width:0}
.etapa-form{display:grid;gap:1rem}
.etapa-form[hidden]{display:none}
.etapa-form + .etapa-form{padding-top:1.6rem;border-top:1px solid var(--fio)}
.forma-etapas--js .etapa-form + .etapa-form{padding-top:0;border-top:0}
.etapa-form__titulo{padding:0;font-size:clamp(1.3rem,1.1rem + .7vw,1.6rem);font-weight:500;letter-spacing:-.02em;color:var(--marinho);outline:none}
.etapa-form__rotulo{margin:.4rem 0 0;font-size:.82rem;font-weight:500;color:var(--tinta-2)}
.etapa-form__rotulo .req,.campo .req{color:var(--coral-botao)}

/* progresso: três passos numa trilha */
.etapas-progresso{display:none;list-style:none;margin:0;padding:0 0 1.2rem;position:relative;grid-template-columns:repeat(3,1fr);gap:.4rem;
  border-bottom:1px solid var(--fio)}
.forma-etapas--js .etapas-progresso{display:grid}
.etapas-progresso::after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:var(--progresso,33%);background:var(--coral-botao);transition:width 400ms cubic-bezier(.2,.6,.3,1)}
.etapas-progresso li{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:500;color:var(--tinta-3)}
.etapas-progresso li span{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--papel-2);font-size:.75rem;font-weight:600}
.etapas-progresso li.is-atual{color:var(--marinho)}
.etapas-progresso li.is-atual span{background:var(--coral-botao);color:#fff}
.etapas-progresso li.is-feito span{background:var(--marinho);color:#fff}
@media (max-width:420px){.etapas-progresso li:not(.is-atual){font-size:0;gap:0}}

/* opções em cartão (tipo de organização) e em pílula (desafio) */
.opcoes{display:grid;gap:.5rem}
.opcoes--cartoes{grid-template-columns:repeat(3,minmax(0,1fr))}
.opcoes--chips{display:flex;flex-wrap:wrap;gap:.45rem}
.opcao{position:relative;cursor:pointer}
.opcao input{position:absolute;opacity:0;width:1px;height:1px}
.opcao--cartao{display:flex;flex-direction:column;gap:.7rem;padding:1rem;border-radius:12px;background:var(--papel-2);transition:background var(--transicao),color var(--transicao)}
.opcao__icone{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--branco);color:var(--coral-botao)}
.opcao__icone .icone{width:18px;height:18px}
.opcao--cartao .opcao__texto{font-size:.92rem;font-weight:500;line-height:1.25;color:var(--marinho)}
.opcao--chip .opcao__texto{display:inline-block;padding:.55rem .95rem;border-radius:999px;background:var(--papel-2);font-size:.88rem;font-weight:500;color:var(--marinho);transition:background var(--transicao),color var(--transicao)}
.opcao:hover .opcao__texto{color:var(--coral-botao)}
.opcao--cartao:has(input:checked){background:var(--marinho)}
.opcao--cartao:has(input:checked) .opcao__texto{color:#fff}
.opcao--cartao:has(input:checked) .opcao__icone{background:var(--coral-botao);color:#fff}
.opcao--chip input:checked + .opcao__texto{background:var(--marinho);color:#fff}
.opcao:has(input:focus-visible){outline:2px solid var(--coral-botao);outline-offset:2px;border-radius:12px}
.opcao--chip:has(input:focus-visible){border-radius:999px}
@media (max-width:520px){.opcoes--cartoes{grid-template-columns:1fr}.opcao--cartao{flex-direction:row;align-items:center}}

.campos-duas{display:grid;gap:1rem 1.2rem;align-items:start}
@media (min-width:640px){.campos-duas{grid-template-columns:1fr 1fr}}
.aviso-sigilo--curto{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:0!important;background:none!important;border:0!important;font-size:.84rem;line-height:1.45;color:var(--tinta-3)}
.aviso-sigilo--curto .icone{flex:0 0 auto;width:16px;height:16px;margin-top:.1rem;color:var(--coral-botao)}

/* ações: Voltar discreto à esquerda, Continuar/Enviar à direita */
.etapas-acoes{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding-top:.4rem}
.etapas-acoes [hidden]{display:none!important}
.etapas-acoes [data-voltar],.etapas-acoes [data-avancar]{display:none}
.forma-etapas--js .etapas-acoes [data-voltar],.forma-etapas--js .etapas-acoes [data-avancar]{display:inline-flex}
.botao--voltar{background:transparent!important;border-color:transparent!important;color:var(--tinta-2)!important;padding-inline:.4rem!important}
.botao--voltar:hover{color:var(--marinho)!important;box-shadow:none!important}
.etapas-acoes [data-avancar],.etapas-acoes [data-enviar]{margin-left:auto;border-radius:999px}
.forma--clara .etapa-form__titulo{color:#fff}
.etapas-progresso li{white-space:nowrap}
/* etapas: número de passos variável (o canal de privacidade tem dois) */
.forma-etapas--js .etapas-progresso{grid-template-columns:repeat(var(--passos,3),1fr)}
.opcoes--seis{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:640px){.opcoes--seis{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.opcoes--seis{grid-template-columns:1fr}}
.corpo .forma-etapas{padding:clamp(1.4rem,3vw,2.2rem);border-radius:var(--raio-cartao,12px);background:var(--branco);box-shadow:0 30px 60px -40px rgba(27,47,55,.35)}
/* campos dos formulários em etapas fora do cartão he-form: mesmo visual sem borda */
.forma-etapas .campo input,.forma-etapas .campo select,.forma-etapas .campo textarea{border:1px solid transparent;border-radius:10px;background:var(--papel-2)}
.forma-etapas .campo input:focus,.forma-etapas .campo select:focus,.forma-etapas .campo textarea:focus{border-color:var(--coral-botao);background:var(--branco)}
.etapa-form__rotulo + .opcoes{margin-top:-.4rem}

/* 47 · FOTOS SEM REPETIÇÃO (23/10/2026) ======================================= */
/* cada seção de conversa e cada chamada de case tem a própria foto */
.he-conversa--dj{background:linear-gradient(90deg,rgba(12,23,28,.92) 0,rgba(12,23,28,.78) 45%,rgba(12,23,28,.55) 100%),url("../img/home/p-v-dj-1600.jpg") center/cover no-repeat}
.he-conversa--ea{background:linear-gradient(90deg,rgba(12,23,28,.92) 0,rgba(12,23,28,.78) 45%,rgba(12,23,28,.55) 100%),url("../img/home/p-v-ea-1600.jpg") center/cover no-repeat}
.secao--marinho.chamada-foto--dj{background:linear-gradient(90deg,rgba(12,23,28,.9) 0,rgba(12,23,28,.65) 50%,rgba(12,23,28,.35) 100%),url("../img/home/p-c-case-dj-1600.jpg") center/cover no-repeat}
.secao--marinho.chamada-foto--ea{background:linear-gradient(90deg,rgba(12,23,28,.9) 0,rgba(12,23,28,.65) 50%,rgba(12,23,28,.35) 100%),url("../img/home/p-c-case-ea-1600.jpg") center/cover no-repeat}
/* as fotos novas já deixam a esquerda escura: a chamada não precisa do zoom do corredor */
@media (min-width:900px){.he-final__foto img{transform:none!important;object-position:70% 50%}}

/* 48 · PÁGINAS DE TEXTO NA LARGURA DO SITE (23/10/2026) ======================= */
/* política, cookies, termos, LGPD, canal de privacidade e ética: caixa inteira,
   sumário fixo à esquerda e o texto à direita */
.he-doc__grade{display:grid;gap:2.4rem;align-items:start}
.he-doc__sumario{padding:1.4rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-doc__sumario-titulo{margin:0 0 .8rem;font-size:.82rem;font-weight:600;color:var(--tinta-3)}
.he-doc__sumario ol{list-style:none;margin:0;padding:0;display:grid;gap:.2rem}
.he-doc__sumario a{display:grid;grid-template-columns:2rem 1fr;gap:.3rem;padding:.55rem .6rem;border-radius:8px;color:var(--marinho);text-decoration:none;font-size:.95rem;font-weight:500;line-height:1.3;transition:background var(--transicao)}
.he-doc__sumario a span{font-size:.8rem;font-weight:600;color:var(--coral-botao)}
.he-doc__sumario a:hover{background:var(--branco)}
.he-doc__texto{min-width:0}
.he-doc__secao{scroll-margin-top:110px;padding:clamp(1.6rem,3vw,2.2rem) 0;border-bottom:1px solid var(--fio)}
.he-doc__secao:first-child{padding-top:0}
.he-doc__secao h2{font-size:clamp(1.5rem,1.2rem + 1vw,2rem);max-width:none;color:var(--marinho);margin-bottom:1rem}
.he-doc__secao p,.he-doc__secao li{font-size:1.05rem;line-height:1.7;color:var(--tinta-2)}
.he-doc__secao ul{padding-left:1.2rem;display:grid;gap:.4rem}
.he-doc__secao .tabela{width:100%;border-collapse:collapse;font-size:.95rem}
.he-doc__secao .tabela th,.he-doc__secao .tabela td{padding:.8rem .9rem;text-align:left;border-bottom:1px solid var(--fio)}
.he-doc__secao .tabela th{font-weight:600;color:var(--marinho);background:var(--papel-2)}
.he-doc__data{display:block;margin-top:.8rem;font-size:.85rem;color:var(--sobre-marinho-3)}
@media (min-width:1000px){
  .he-doc__grade{grid-template-columns:280px minmax(0,1fr);gap:clamp(3rem,6vw,5rem)}
  .he-doc__sumario{position:sticky;top:110px}
}
@media (max-width:999px){.he-doc__sumario{display:none}}
/* artigos e páginas de texto: o texto ocupa a coluna inteira ao lado do sumário */
.artigo__grade .corpo,.he-doc__texto.corpo{max-width:none}
.secao .artigo__grade .corpo h2{font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);max-width:none;margin:2em 0 .6em}
.secao .artigo__grade .corpo h2:first-child{margin-top:0}

/* 49 · CASE EM DESTAQUE NAS JORNADAS (23/10/2026) ============================= */
.he-cd{position:relative;display:grid;overflow:hidden;margin-top:clamp(2.4rem,5vw,3.6rem);border-radius:var(--raio-cartao);background:#0f1d23;color:var(--sobre-marinho)}
.he-cd__foto{position:absolute;inset:0}
.he-cd__foto picture,.he-cd__foto img{display:block;width:100%;height:100%}
.he-cd__foto img{object-fit:cover;object-position:80% 30%}
.he-cd::before{content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(12,23,28,.96) 0,rgba(12,23,28,.85) 40%,rgba(12,23,28,.25) 75%,rgba(12,23,28,.1) 100%),
             linear-gradient(0deg,rgba(12,23,28,.9) 0,rgba(12,23,28,0) 40%)}
.he-cd__conteudo{position:relative;z-index:2;padding:clamp(1.8rem,4vw,3.4rem);max-width:640px}
.he-cd__tag{display:inline-flex;margin:0;padding:.4rem .85rem;border-radius:999px;background:rgba(255,255,255,.1);font-size:.8rem;font-weight:500;color:#fff}
.he-cd h3{margin-top:1.2rem;font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);line-height:1.08;color:#fff}
.he-cd__etapas{display:grid;gap:1.1rem;margin:1.6rem 0 0}
.he-cd__etapas dt{font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.he-cd__etapas dd{margin:.35rem 0 0;font-size:1rem;line-height:1.5;color:var(--sobre-marinho)}
.he-cd .acoes{margin-top:1.8rem}
.he-cd__nums{position:relative;z-index:2;list-style:none;margin:0;padding:0 clamp(1.8rem,4vw,3.4rem) clamp(1.8rem,4vw,3rem);
  display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.he-cd__nums li{padding-top:1.1rem;border-top:2px solid var(--coral)}
.he-cd__nums b{display:block;font-size:clamp(2.6rem,1.8rem + 2.8vw,4.4rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:#fff;white-space:nowrap}
.he-cd__nums span{display:block;margin-top:.6rem;font-size:.92rem;line-height:1.45;color:var(--sobre-marinho);max-width:28ch}
@media (min-width:1000px){.he-cd{min-height:620px;align-content:space-between}}
@media (max-width:699px){
  .he-cd::before{background:linear-gradient(180deg,rgba(12,23,28,.75) 0,rgba(12,23,28,.92) 45%,rgba(12,23,28,.97) 100%)}
  .he-cd__nums{grid-template-columns:1fr}
}
.he-casos--um{margin-top:0!important;display:block!important}

/* 50 · GRADES SEM BURACO (23/10/2026) ======================================== */
@media (min-width:1100px){.he-caps--quatro{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media (min-width:600px) and (max-width:1099px){.he-caps--quatro{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
.he-cap--estatico .he-cap__icone{margin-bottom:0}
.he-cap--cta{background:var(--marinho)!important;text-decoration:none}
.he-cap--cta .he-cap__icone{background:var(--coral-botao);color:#fff}
.he-cap--cta h3{margin-top:1.6rem;color:#fff!important}
.he-cap--cta p{color:var(--sobre-marinho)!important}
.he-cap--cta .he-caso__ir{margin-top:auto;padding-top:1.2rem;color:#fff}
.he-cap--cta:hover{background:var(--coral-botao)!important}
.he-cap--cta:hover .he-cap__icone{background:#fff;color:var(--coral-botao)}
.he-cap--cta:hover .he-caso__ir .icone{color:#fff}

/* 51 · LIVRO EM FUNDO CLARO (23/10/2026) =====================================
   Em Escritórios o livro vinha logo antes do case, os dois em marinho. O case
   fica escuro; o livro passa ao cinza-claro e a capa escura vira o contraste. */
.he-livro--claro{background:var(--papel-2);color:var(--tinta-2)}
.he-livro--claro .he-rotulo,.he-livro.he-livro--claro .he-livro__grade h2{color:var(--marinho)}
.he-livro--claro .he-grande{color:var(--tinta-2)}
.he-livro--claro .livro-status{color:var(--tinta-3)}
.he-livro--claro .he-livro__capa{box-shadow:0 30px 60px -30px rgba(12,23,28,.45)}

/* 52 · PALESTRAS SEM BURACO (23/10/2026) =====================================
   Cinco temas: a principal ocupa duas linhas e as outras quatro fecham um 2×2. */
@media (min-width:640px){
  .he-palestras{grid-template-columns:repeat(2,minmax(0,1fr))}
  .he-palestra--principal{grid-column:1 / -1}
}
@media (min-width:1000px){
  .he-palestras{grid-template-columns:repeat(3,minmax(0,1fr))}
  .he-palestra--principal{grid-column:1;grid-row:1 / span 2}
  .he-palestra--principal h3{font-size:clamp(1.8rem,1.4rem + 1.4vw,2.4rem)}
}

/* 54 · EXECUTIVOS: O QUE MUDA, REFEITA (23/10/2026) ==========================
   A frase sozinha no topo; risco, custo e decisão como palavras grandes em três
   colunas com fio; o compartilhamento numa faixa clara de ponta a ponta. */
.he-virada3{list-style:none;margin:clamp(2.4rem,5vw,4rem) 0 0;padding:0;display:grid;border-top:1px solid rgba(255,255,255,.14)}
.he-virada3 li{display:grid;gap:.5rem;padding:clamp(1.6rem,3vw,2.4rem) 0;border-bottom:1px solid rgba(255,255,255,.14)}
.he-virada3__n{font-size:.8rem;font-weight:600;letter-spacing:.1em;color:var(--coral)}
.he-virada3 b{font-size:clamp(2.6rem,1.8rem + 3.2vw,4.6rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:#fff}
.he-virada3 li > span:last-child{max-width:30ch;font-size:1.02rem;line-height:1.5;color:var(--sobre-marinho)}
@media (min-width:860px){
  .he-virada3{grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid rgba(255,255,255,.14)}
  .he-virada3 li{border-bottom:0;padding:clamp(2rem,3vw,2.6rem) clamp(1.2rem,2.5vw,2.4rem)}
  .he-virada3 li:first-child{padding-left:0}
  .he-virada3 li + li{border-left:1px solid rgba(255,255,255,.14)}
}
.he-compartilha2{margin-top:clamp(2.4rem,5vw,3.6rem);display:grid;gap:1.2rem;align-items:center;padding:clamp(1.4rem,3vw,1.8rem) clamp(1.4rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-compartilha2 .he-forma__icone{margin:0;background:var(--coral-botao);color:#fff}
.he-compartilha2 > p{margin:0;font-size:1rem;line-height:1.5;color:var(--tinta-2)}
.he-compartilha2 > p b{color:var(--marinho);font-weight:600}
.he-compartilha2 .acoes{margin:0;display:flex;flex-wrap:wrap;gap:.6rem}
@media (min-width:1000px){.he-compartilha2{grid-template-columns:auto minmax(0,1fr) auto;gap:1.6rem}}

/* 55 · MÉTODO, REFEITA DO ZERO (23/10/2026) ==================================
   Ficam os dois anéis aprovados. O resto: o 9 e o 7 grandes, a equação em
   tipografia, a trilha como escada, a cadeia em linha do tempo com a evidência
   em barras de sinal e a maturidade numa régua que esquenta até o coral. */

/* Dois contextos */
.he-dois{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:1rem}
.he-dois__lado{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:400px;padding:clamp(1.8rem,4vw,3rem);
  border-radius:var(--raio-cartao);background:var(--papel-2);color:var(--tinta-2);text-decoration:none;transition:background-color .3s ease}
.he-dois__num{position:absolute;right:clamp(1.4rem,3vw,2.6rem);top:clamp(1rem,2vw,1.6rem);font-size:clamp(9rem,6rem + 8vw,14rem);font-weight:300;line-height:.8;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.5px rgba(27,47,55,.22);transition:-webkit-text-stroke-color .3s ease,transform .5s cubic-bezier(.2,.6,.3,1);pointer-events:none}
.he-dois__publico{position:relative;margin:0 0 auto;font-size:.78rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-botao)}
.he-dois__lado h3{position:relative;margin-top:3rem;max-width:14ch;font-size:clamp(1.9rem,1.4rem + 1.8vw,2.8rem);letter-spacing:-.035em;line-height:1.05;color:var(--marinho)}
.he-dois__texto{position:relative;margin:1rem 0 0;max-width:40ch;font-size:1.02rem;line-height:1.55}
.he-dois__ir{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-top:1.8rem;font-weight:500;color:var(--marinho)}
.he-dois__ir .icone{width:18px;height:18px;transition:transform .3s ease}
.he-dois__lado:hover .he-dois__num{-webkit-text-stroke-color:var(--coral);transform:translateY(.04em)}
.he-dois__lado:hover .he-dois__ir .icone{transform:translateY(3px)}
.he-dois__lado--escuro{background:var(--marinho);color:var(--sobre-marinho)}
.he-dois__lado--escuro .he-dois__num{-webkit-text-stroke-color:rgba(255,255,255,.24)}
.he-dois__lado--escuro h3,.he-dois__lado--escuro .he-dois__ir{color:#fff}
.he-dois__lado--escuro .he-dois__publico{color:var(--coral)}
@media (min-width:860px){.he-dois{grid-template-columns:repeat(2,minmax(0,1fr))}.he-dois__lado{min-height:480px}}

/* A equação: cartões encaixados, operadores sobre a emenda, resultado em coral */
.he-soma-topo{display:grid;gap:1.4rem;align-items:end}
.he-soma-topo > p{margin:0;max-width:42ch;font-size:1.05rem;line-height:1.55;color:var(--sobre-marinho)}
.he-soma{margin-top:clamp(2.4rem,5vw,3.6rem);display:grid;gap:.75rem}
.he-soma__termo{display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;min-height:300px;padding:clamp(1.6rem,3vw,2.4rem);
  border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-soma__tag{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.he-soma__termo b{display:block;font-size:clamp(1.8rem,1.4rem + 1.2vw,2.4rem);font-weight:500;letter-spacing:-.04em;line-height:1.05;color:#fff}
.he-soma__termo p{margin:.8rem 0 0;max-width:30ch;font-size:.98rem;line-height:1.5;color:var(--sobre-marinho)}
.he-soma__termo--fim{background:var(--coral-botao)}
.he-soma__termo--fim .he-soma__tag{color:rgba(255,255,255,.85)}
.he-soma__termo--fim p{color:rgba(255,255,255,.9)}
.he-soma__op{position:relative;z-index:2;justify-self:center;display:grid;place-items:center;width:64px;height:64px;margin:-38px 0;border-radius:50%;
  background:var(--coral-botao);border:6px solid var(--marinho);color:#fff;font-size:1.7rem;line-height:1}
.he-soma__op:last-of-type{background:#fff;color:var(--coral-botao)}
@media (min-width:1000px){
  .he-soma-topo{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem)}
  .he-soma{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:stretch}
  .he-soma__op{align-self:center;margin:0 -32px}
}

/* A ordem importa: escada */
.he-ordem{display:grid;gap:clamp(2.4rem,5vw,4rem);align-items:end}
.he-ordem h2{max-width:18ch}
.he-escada{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
.he-escada li{display:flex;flex-direction:column;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.3rem;border-radius:var(--raio-cartao);
  background:var(--papel-2);width:calc(52% + var(--i) * 12%);min-height:96px}
.he-escada__n{font-size:.78rem;font-weight:600;letter-spacing:.1em;color:var(--coral-botao)}
.he-escada b{font-size:1.08rem;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--marinho)}
.he-escada li:first-child{background:var(--coral-botao)}
.he-escada li:first-child .he-escada__n{color:rgba(255,255,255,.8)}
.he-escada li:first-child b{color:#fff}
.he-escada li:last-child{background:var(--marinho)}
.he-escada li:last-child b{color:#fff}
.he-escada li:last-child .he-escada__n{color:var(--coral)}
@media (min-width:1000px){
  .he-ordem{grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr)}
  .he-escada b{font-size:.98rem}
  .he-escada li{padding:1.1rem 1rem}
  .he-escada{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:.75rem}
  .he-escada li{width:auto;min-height:0;height:calc(110px + var(--i) * 70px)}
}

/* Como diagnosticamos: a cadeia em pílulas ligadas por setas (23/10/2026; a
   linha do tempo vertical ficou comprida e quebrou) */
.he-diag2{display:grid;gap:clamp(2.4rem,5vw,4rem)}
.he-diag2__texto .acoes{margin-top:2rem}
.he-cadeia-bloco{padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-cadeia__rotulo{margin:0 0 1.4rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.he-diag2 .he-cadeia{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.7rem 0;align-items:center}
.he-diag2 .he-cadeia li{position:relative;display:inline-flex;align-items:center;gap:.55rem;margin:0 1.6rem 0 0;padding:.45rem 1rem .45rem .45rem;
  border-radius:999px;background:var(--papel-2);font-size:1rem;font-weight:500;letter-spacing:-.01em;color:var(--marinho);white-space:nowrap}
.he-diag2 .he-cadeia li::after{content:"";position:absolute;right:-1.15rem;top:50%;width:.7rem;height:.7rem;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238A9BA3' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");transform:translateY(-50%)}
.he-diag2 .he-cadeia li:last-child{margin-right:0}
.he-diag2 .he-cadeia li:last-child::after{display:none}
.he-cadeia__n{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--branco);font-size:.68rem;font-weight:600;color:var(--petroleo)}
.he-diag2 .he-cadeia li.is-destaque{background:var(--coral-botao);color:#fff}
.he-diag2 .he-cadeia li.is-destaque .he-cadeia__n{background:rgba(255,255,255,.22);color:#fff}
.he-diag2 .he-cadeia li:last-child{background:var(--marinho);color:#fff}
.he-diag2 .he-cadeia li:last-child .he-cadeia__n{background:rgba(255,255,255,.14);color:#fff}
.he-cadeia__legenda{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;margin:1.6rem 0 0;padding-top:1.2rem;border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent);
  font-size:.9rem;color:var(--tinta-2)}
.he-cadeia__legenda span{display:inline-flex;align-items:center;gap:.45rem}
.he-cadeia__legenda i{width:10px;height:10px;border-radius:50%;background:var(--coral-botao)}
.he-cadeia__legenda b{font-weight:600;color:var(--marinho)}
@media (min-width:1000px){
  .he-diag2{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
}

/* Força da evidência: barras de sinal */
.he-sinais2{margin-top:clamp(3rem,6vw,5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid color-mix(in srgb,var(--marinho) 12%,transparent)}
.he-sinais2 h3{max-width:24ch;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.03em;color:var(--marinho)}
.he-sinais2 ol{list-style:none;margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding:0;display:grid;gap:1rem}
.he-sinal{display:flex;flex-direction:column;padding:clamp(1.4rem,2.6vw,1.8rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-sinal__barras{display:flex;align-items:flex-end;gap:5px;height:34px}
.he-sinal__barras i{width:9px;border-radius:3px;background:color-mix(in srgb,var(--marinho) 12%,transparent)}
.he-sinal__barras i:nth-child(1){height:25%}.he-sinal__barras i:nth-child(2){height:50%}
.he-sinal__barras i:nth-child(3){height:75%}.he-sinal__barras i:nth-child(4){height:100%}
.he-sinal__barras i.on{background:var(--coral-botao)}
.he-sinal__nome{margin:1.6rem 0 0;font-size:1.15rem;font-weight:500;letter-spacing:-.015em;line-height:1.25;color:var(--marinho)}
.he-sinal__nome span{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.he-sinal__texto{margin:.6rem 0 0;font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
@media (min-width:640px){.he-sinais2 ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.he-sinais2 ol{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Maturidade: régua */
.he-regua{list-style:none;margin:clamp(2.4rem,5vw,3.6rem) 0 0;padding:0;display:grid;gap:1.6rem}
.he-regua__faixa{display:block;height:10px;border-radius:999px;margin-bottom:1.4rem;
  background:color-mix(in srgb,var(--coral-botao) calc(var(--i) * 25%),var(--papel-2))}
.he-regua__n{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.he-regua__nome{margin:.4rem 0 0;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:500;letter-spacing:-.035em;line-height:1.1;color:var(--marinho)}
.he-regua__texto{margin:.7rem 0 0;max-width:30ch;font-size:.98rem;line-height:1.5;color:var(--tinta-2)}
.he-regua__pe{margin:clamp(2rem,4vw,3rem) 0 0;font-size:.92rem;color:var(--tinta-3)}
@media (min-width:860px){
  .he-regua{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  .he-regua li{padding-right:1.6rem}
  .he-regua__faixa{border-radius:0}
  .he-regua li:first-child .he-regua__faixa{border-radius:999px 0 0 999px}
  .he-regua li:last-child .he-regua__faixa{border-radius:0 999px 999px 0}
  .he-regua li:last-child{padding-right:0}
  .he-regua li:not(:last-child) .he-regua__faixa{margin-right:-1.6rem;border-right:3px solid var(--branco)}
}

/* 56 · MÉTODO 360®: POR QUE NASCEU, REFEITA (23/10/2026) =====================
   Os três sintomas no alto de um cartão escuro; as linhas descem e convergem
   num único ponto coral, a causa. */
.he-nasceu2{display:grid;gap:clamp(2.4rem,5vw,4rem);align-items:center}
.he-nasceu2__texto .he-grande{margin-top:1.4rem}
.he-nasceu2__tese{margin:1.6rem 0 0;padding-left:1.1rem;border-left:2px solid var(--coral);max-width:40ch;
  font-size:clamp(1.15rem,1.05rem + .4vw,1.4rem);font-weight:500;letter-spacing:-.015em;line-height:1.4;color:var(--marinho)}
.he-raiz{margin:0;padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--raio-cartao);background:var(--marinho);color:var(--sobre-marinho)}
.he-raiz__sintomas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.he-raiz__sintomas li{display:flex;flex-direction:column;gap:.5rem;min-height:118px;padding:1rem;border-radius:10px;background:rgba(255,255,255,.07);
  font-size:clamp(.92rem,.85rem + .3vw,1.05rem);font-weight:500;line-height:1.3;letter-spacing:-.01em;color:#fff}
.he-raiz__sintomas li span{font-size:.66rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sobre-marinho-3);opacity:.8}
.he-raiz__linhas{display:block;width:100%;height:clamp(80px,10vw,120px);overflow:visible}
.he-raiz__linhas path{fill:none;stroke:var(--coral);stroke-width:1.6;vector-effect:non-scaling-stroke;stroke-dasharray:none;opacity:.85}
.he-raiz__causa{display:flex;flex-direction:column;align-items:center;text-align:center}
.he-raiz__no{width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 8px rgba(255,112,97,.18),0 0 0 18px rgba(255,112,97,.08)}
.he-raiz__causa b{margin-top:1.6rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);font-weight:500;letter-spacing:-.035em;color:#fff}
.he-raiz__causa > span:last-child{margin-top:.5rem;max-width:32ch;font-size:.95rem;line-height:1.5;color:var(--sobre-marinho)}
@media (min-width:1000px){.he-nasceu2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:520px){.he-raiz__sintomas li{min-height:0;padding:.8rem .7rem;font-size:.86rem}}

/* 57 · MÉTODO 360®: O CICLO EM TRILHO (23/10/2026) ===========================
   Sete etapas num trilho; uma por vez num painel escuro (rádios, sem script).
   Trilha de referência e exceções compactas embaixo. */
.he-etapas7{margin-top:clamp(2rem,4vw,3rem)}
.he-trilho7{position:relative;display:flex;flex-wrap:wrap;gap:.5rem}
.he-trilho7__no{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem 1rem .45rem .45rem;border-radius:999px;background:var(--papel-2);
  font-size:.98rem;color:var(--marinho);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.he-trilho7__no span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--branco);font-size:.7rem;font-weight:600;color:var(--petroleo)}
.he-trilho7__no b{font-weight:500}
.he-trilho7__no:hover{background:color-mix(in srgb,var(--coral) 18%,var(--papel-2))}
.he-trilho7__no--antes{background:transparent;border:1px dashed color-mix(in srgb,var(--marinho) 28%,transparent);color:var(--tinta-3)}
#et360-0:checked ~ .he-trilho7 .he-trilho7__no--antes span{background:var(--coral-botao);color:#fff;border-color:var(--coral-botao)}
.he-trilho7__no--antes span{background:var(--papel-2);color:var(--tinta-3)}
@media (min-width:1000px){
  .he-trilho7{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;padding-top:.2rem}
  .he-trilho7::before{content:"";position:absolute;left:6%;right:6%;top:calc(.2rem + 22px);height:2px;background:var(--papel-2)}
  .he-trilho7__no{position:relative;flex-direction:column;gap:.7rem;padding:0;border-radius:0;background:none!important;border:0;text-align:center}
  .he-trilho7__no span{width:44px;height:44px;font-size:.8rem;background:var(--papel-2);box-shadow:0 0 0 6px var(--branco)}
  .he-trilho7__no b{font-size:.95rem}
  .he-trilho7__no:hover span{background:color-mix(in srgb,var(--coral) 25%,var(--papel-2))}
  .he-trilho7__no--antes span{background:var(--branco);border:1px dashed color-mix(in srgb,var(--marinho) 35%,transparent)}
}
.he-etapas7__paineis{margin-top:1.4rem}
.he-painel7{display:none;grid-template-columns:auto minmax(0,1fr);gap:clamp(1.4rem,4vw,3.6rem);align-items:start;min-height:300px;
  padding:clamp(1.8rem,4vw,3.2rem);border-radius:var(--raio-cartao);background:var(--marinho);color:var(--sobre-marinho)}
.he-painel7__n{font-size:clamp(5rem,3rem + 7vw,10rem);font-weight:300;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--coral)}
.he-painel7__etapa{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sobre-marinho-3)}
.he-painel7 h3{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:.7rem;font-size:clamp(2rem,1.5rem + 1.8vw,3rem);letter-spacing:-.04em;color:#fff}
.he-painel7__sigla{padding:.3rem .65rem;border-radius:999px;background:rgba(255,112,97,.16);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--coral)}
.he-painel7__corpo > p:not(.he-painel7__etapa){margin:1rem 0 0;max-width:52ch;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5;color:var(--sobre-marinho)}
.he-painel7__dias{list-style:none;margin:1.6rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.he-painel7__dias li{padding:1rem;background:rgba(255,255,255,.06);font-size:.92rem;line-height:1.35;color:#fff}
.he-painel7__dias li:first-child{border-radius:10px 0 0 10px}.he-painel7__dias li:last-child{border-radius:0 10px 10px 0;background:rgba(255,112,97,.18)}
.he-painel7__dias span{display:block;margin-bottom:.35rem;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coral)}
.he-painel7__ir{display:inline-flex;align-items:center;gap:.5rem;margin-top:2rem;font-weight:500;color:#fff;cursor:pointer}
.he-painel7__ir .icone{width:18px;height:18px;color:var(--coral);transition:transform .25s ease}
.he-painel7__ir:hover .icone{transform:translateX(4px)}
#et360-0:checked ~ .he-etapas7__paineis .he-painel7--0,#et360-1:checked ~ .he-etapas7__paineis .he-painel7--1,#et360-2:checked ~ .he-etapas7__paineis .he-painel7--2,
#et360-3:checked ~ .he-etapas7__paineis .he-painel7--3,#et360-4:checked ~ .he-etapas7__paineis .he-painel7--4,
#et360-5:checked ~ .he-etapas7__paineis .he-painel7--5,#et360-6:checked ~ .he-etapas7__paineis .he-painel7--6,
#et360-7:checked ~ .he-etapas7__paineis .he-painel7--7{display:grid;animation:painel7 .35s ease}
#et360-1:checked ~ .he-trilho7 [for="et360-1"],#et360-2:checked ~ .he-trilho7 [for="et360-2"],#et360-3:checked ~ .he-trilho7 [for="et360-3"],
#et360-4:checked ~ .he-trilho7 [for="et360-4"],#et360-5:checked ~ .he-trilho7 [for="et360-5"],#et360-6:checked ~ .he-trilho7 [for="et360-6"],
#et360-7:checked ~ .he-trilho7 [for="et360-7"]{background:var(--coral-botao);color:#fff}
@media (min-width:1000px){
  #et360-1:checked ~ .he-trilho7 [for="et360-1"],#et360-2:checked ~ .he-trilho7 [for="et360-2"],#et360-3:checked ~ .he-trilho7 [for="et360-3"],
  #et360-4:checked ~ .he-trilho7 [for="et360-4"],#et360-5:checked ~ .he-trilho7 [for="et360-5"],#et360-6:checked ~ .he-trilho7 [for="et360-6"],
  #et360-7:checked ~ .he-trilho7 [for="et360-7"]{background:none;color:var(--marinho)}
}
#et360-1:checked ~ .he-trilho7 [for="et360-1"] span,#et360-2:checked ~ .he-trilho7 [for="et360-2"] span,#et360-3:checked ~ .he-trilho7 [for="et360-3"] span,
#et360-4:checked ~ .he-trilho7 [for="et360-4"] span,#et360-5:checked ~ .he-trilho7 [for="et360-5"] span,#et360-6:checked ~ .he-trilho7 [for="et360-6"] span,
#et360-7:checked ~ .he-trilho7 [for="et360-7"] span{background:var(--coral-botao);color:#fff}
.he-etapas7 input:focus-visible ~ .he-trilho7{outline:2px solid var(--coral);outline-offset:6px;border-radius:12px}
@keyframes painel7{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.he-painel7{animation:none!important}}
@media (max-width:640px){.he-painel7{grid-template-columns:1fr}.he-painel7__n{font-size:4.6rem}.he-painel7__dias{grid-template-columns:1fr}
  .he-painel7__dias li{border-radius:10px!important}}

.he-ordem7{display:grid;gap:1rem;margin-top:1rem}
.he-ordem7 > div{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--papel-2)}
.he-ordem7 h3{font-size:1.25rem;letter-spacing:-.02em;color:var(--marinho)}
.he-ordem7 > div > p{margin:.4rem 0 0;font-size:.92rem;color:var(--tinta-3)}
.he-ordem7__trilha{list-style:none;margin:1.2rem 0 0;padding:0;counter-reset:t;display:flex;flex-wrap:wrap;gap:.5rem 1.4rem}
.he-ordem7__trilha li{position:relative;counter-increment:t;display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .4rem;border-radius:999px;background:var(--branco);
  font-size:.92rem;font-weight:500;color:var(--marinho)}
.he-ordem7__trilha li::before{content:counter(t,decimal-leading-zero);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--papel-2);font-size:.66rem;font-weight:600;color:var(--petroleo)}
.he-ordem7__trilha li:first-child{background:var(--coral-botao);color:#fff}
.he-ordem7__trilha li:first-child::before{background:rgba(255,255,255,.22);color:#fff}
.he-ordem7__trilha li:not(:last-child)::after{content:"→";position:absolute;right:-1.05rem;color:var(--tinta-3);font-size:.85rem}
.he-ordem7__excecoes{list-style:none;margin:1.2rem 0 0;padding:0;display:grid;gap:.5rem}
.he-ordem7__excecoes li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:center;padding:.8rem 1rem;border-radius:10px;background:var(--branco);font-size:.92rem}
.he-ordem7__excecoes b{font-weight:600;color:var(--marinho)}
.he-ordem7__excecoes span{color:var(--tinta-2)}
@media (min-width:1000px){.he-ordem7{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:640px){.he-ordem7__excecoes li{grid-template-columns:1fr;gap:.2rem}.he-ordem7__trilha{gap:.5rem}.he-ordem7__trilha li::after{display:none}}

/* 58 · ÍNDICE: O INSTRUMENTO EM DUAS COLUNAS (23/10/2026) =====================
   À esquerda, fixos, o título e a escolha do público em dois cartões; à direita,
   o palco. A abertura mostra o mapa do que vai ser perguntado. */
.he-instr2{max-width:none!important;margin:0!important;display:grid;gap:clamp(2rem,4vw,3rem);align-items:start}
.he-modos2{display:grid;gap:.6rem;margin:clamp(1.6rem,3vw,2.4rem) 0 0!important;padding:0;border:0}
.he-modos2 input{position:absolute;opacity:0;pointer-events:none}
.he-modos2 label{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;align-items:center;padding:1.1rem 1.2rem;border-radius:var(--raio-cartao);
  background:var(--branco);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.he-modos2__icone{grid-row:1 / span 2;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao)}
.he-modos2 label b{font-size:1.08rem;font-weight:500;letter-spacing:-.015em;color:var(--marinho)}
.he-modos2 label > span:last-child{font-size:.86rem;color:var(--tinta-3)}
.he-modos2 label:hover{background:color-mix(in srgb,var(--coral) 8%,var(--branco))}
.he-modos2 input:checked + label{background:var(--marinho)}
.he-modos2 input:checked + label b{color:#fff}
.he-modos2 input:checked + label > span:last-child{color:var(--sobre-marinho-3)}
.he-modos2 input:checked + label .he-modos2__icone{background:var(--coral-botao);color:#fff}
.he-modos2 input:focus-visible + label{outline:2px solid var(--coral);outline-offset:3px}
.he-instr2 .indice__palco{min-height:440px}
.he-instr2 .indice__palco h2{font-size:clamp(1.8rem,1.3rem + 1.6vw,2.6rem);letter-spacing:-.04em}
.he-instr2 .indice__sub{margin:.8rem 0 0;max-width:46ch;font-size:1.02rem;line-height:1.55;color:var(--tinta-2)}
.indice__mapa{list-style:none;margin:1.8rem 0 2rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.45rem}
.indice__mapa li{display:flex;align-items:center;gap:.6rem;padding:.55rem .8rem .55rem .55rem;border-radius:10px;background:var(--papel-2);
  font-size:.92rem;font-weight:500;line-height:1.25;color:var(--marinho)}
.indice__mapa li span{flex:0 0 auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--branco);font-size:.68rem;font-weight:600;color:var(--petroleo)}
.he-instr2 .indice__pergunta legend{font-family:inherit;font-size:1.15rem;font-weight:500;letter-spacing:-.01em}
.he-instr2 .indice__progresso i{background:var(--coral-botao)}
.he-instr2 .indice__nivel:has(input:checked){background:var(--marinho)!important;border-color:var(--marinho)}
.he-instr2 .indice__nivel:has(input:checked) .indice__marca{box-shadow:inset 0 0 0 3px var(--marinho)}
.he-instr2 .indice__estagio{font-style:normal;color:var(--coral-botao)}
.he-instr2 .indice__segmentos i.cheio{background:var(--coral-botao)}
.he-instr2 .indice__lema,.he-instr2 .indice__por-onde{font-family:inherit}
@media (min-width:1000px){
  .he-instr2{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}
  .he-instr2__lado{position:sticky;top:120px}
}
.he-modos2 label{border:0!important;box-shadow:none!important;margin:0!important}
.he-modos2__icone .icone{width:22px;height:22px}
.indice__mapa{display:flex!important;flex-wrap:wrap;gap:.45rem}
.indice__mapa li{border-radius:999px;padding:.4rem .95rem .4rem .4rem}
.indice__mapa li span{width:26px;height:26px}

/* 59 · INSIGHTS: NA MÍDIA EM LINHA DO TEMPO (23/10/2026) ======================= */
.he-midia{list-style:none;margin:clamp(2.4rem,5vw,3.6rem) 0 0;padding:0;display:grid;gap:1rem;position:relative}
.he-midia__quando{display:flex;align-items:center;gap:.7rem;margin:0 0 1rem;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--coral)}
.he-midia__quando i{width:12px;height:12px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 5px rgba(255,112,97,.18)}
.he-midia__cartao{display:flex;flex-direction:column;height:100%;min-height:280px;padding:clamp(1.4rem,2.6vw,1.9rem);border-radius:var(--raio-cartao);
  background:rgba(255,255,255,.06);transition:background-color .25s ease}
.he-midia__item:hover .he-midia__cartao{background:rgba(255,255,255,.1)}
.he-midia__icone{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--coral-botao);color:#fff}
.he-midia__icone .icone{width:22px;height:22px}
.he-midia__tipo{margin:1.6rem 0 0;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--sobre-marinho-3)}
.he-midia__cartao h3{margin-top:.6rem;font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);letter-spacing:-.025em;line-height:1.2;color:#fff}
.he-midia__onde{margin:auto 0 0;padding-top:1.4rem;font-size:.92rem;color:var(--sobre-marinho)}
@media (min-width:640px){.he-midia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1100px){
  .he-midia{grid-template-columns:repeat(4,minmax(0,1fr))}
  .he-midia::before{content:"";position:absolute;left:6px;right:0;top:7px;height:1px;background:rgba(255,255,255,.16)}
  .he-midia__quando{position:relative}
}
.he-midia__item{display:flex;flex-direction:column}
.he-midia__cartao{height:auto;flex:1}

/* 60 · CASES: FILTRO EM CONTROLES SEGMENTADOS (23/10/2026) ====================
   As duas fileiras de pílulas soltas viram duas cápsulas lado a lado, com o
   título dentro e a opção ativa em escuro. */
.he-casos-filtro .filtragem{display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:.6rem;align-items:center}
.he-casos-filtro .filtragem > :not(.filtros){grid-column:1 / -1}
.he-casos-filtro .filtros{display:inline-flex!important;flex-wrap:nowrap;align-items:center;gap:.2rem!important;margin:clamp(1.6rem,3vw,2.2rem) 0 clamp(1.6rem,3vw,2.2rem)!important;
  padding:.3rem!important;border-radius:999px;background:var(--branco);max-width:100%;overflow-x:auto;scrollbar-width:none}
.he-casos-filtro .filtros::-webkit-scrollbar{display:none}
.he-casos-filtro .filtros__titulo{flex:0 0 auto;padding:0 .7rem 0 .9rem;font-size:.72rem!important;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.he-casos-filtro .filtros label{flex:0 0 auto;padding:.5rem .95rem!important;font-size:.88rem!important;white-space:nowrap;background:transparent!important}
.he-casos-filtro .filtros label:hover{background:var(--papel-2)!important}
@media (max-width:760px){
  .he-casos-filtro .filtragem{grid-template-columns:minmax(0,1fr)}
  .he-casos-filtro .filtros{margin:0 0 .5rem!important}
  .he-casos-filtro .filtros:first-of-type{margin-top:1.6rem!important}
  .he-casos-filtro .filtros + .filtros{margin-bottom:1.6rem!important}
}
.he-casos-filtro :is(#j-todos:checked ~ .filtros label[for="j-todos"],#j-dj:checked ~ .filtros label[for="j-dj"],#j-ea:checked ~ .filtros label[for="j-ea"],
  #s-todos:checked ~ .filtros label[for="s-todos"],#s-saude:checked ~ .filtros label[for="s-saude"],#s-advocacia:checked ~ .filtros label[for="s-advocacia"]){
  background:var(--marinho)!important;color:#fff!important;border-radius:999px}
.he-casos-filtro .filtros label{border-radius:999px}
@media (max-width:760px){
  .he-casos-filtro .filtros{display:flex!important;flex-wrap:wrap;border-radius:18px;overflow:visible}
  .he-casos-filtro .filtros__titulo{width:100%;padding:.5rem .7rem .3rem}
}
/* fio por coluna: ponto · data · fio até a próxima (o fio contínuo cortava as datas) */
.he-midia::before{display:none!important}
.he-midia__quando i{width:10px;height:10px;box-shadow:none;flex:0 0 auto}
.he-midia__quando::after{content:"";flex:1;height:1px;margin-right:-1rem;background:rgba(255,255,255,.16)}
.he-midia__item:last-child .he-midia__quando::after{margin-right:0}
@media (max-width:639px){.he-midia__quando::after{margin-right:0}}

/* 61 · CASES: FILTRO EM MENU SUSPENSO DESENHADO (23/10/2026) ==================
   Botão em pílula que abre uma lista própria (o select do sistema foi recusado).
   Cada case no modelo de destaque das jornadas. */
.filtragem--select > .filtros{display:none!important}
.he-selects{position:relative;z-index:5;display:flex;flex-wrap:wrap;gap:.6rem;margin:clamp(1.6rem,3vw,2.2rem) 0}
.he-selects[hidden]{display:none}
.he-dd{position:relative}
.he-dd__botao{display:inline-flex;align-items:center;gap:.7rem;padding:.8rem 1rem .8rem 1.2rem;border:0;border-radius:999px;background:var(--branco);
  font:inherit;cursor:pointer;transition:box-shadow .2s ease}
.he-dd__botao:hover{box-shadow:0 0 0 2px color-mix(in srgb,var(--coral) 30%,transparent)}
.he-dd__botao:focus-visible{outline:none;box-shadow:0 0 0 2px var(--coral)}
.he-dd__titulo{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-3)}
.he-dd__valor{font-size:.95rem;font-weight:500;color:var(--marinho)}
.he-dd__botao .icone{width:18px;height:18px;color:var(--coral-botao);transition:transform .25s ease}
.he-dd.is-aberto .he-dd__botao{box-shadow:0 0 0 2px var(--coral)}
.he-dd.is-aberto .he-dd__botao .icone{transform:rotate(180deg)}
.he-dd__lista{position:absolute;left:0;top:calc(100% + .5rem);min-width:100%;width:max-content;max-width:min(320px,90vw);margin:0;padding:.4rem;list-style:none;
  border-radius:16px;background:var(--branco);box-shadow:0 24px 48px -16px rgba(12,23,28,.28),0 4px 12px -4px rgba(12,23,28,.12);
  opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:top left;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;outline:none}
.he-dd.is-aberto .he-dd__lista{opacity:1;visibility:visible;transform:none;transition:opacity .18s ease,transform .18s ease}
.he-dd__lista li{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;padding:.7rem .9rem;border-radius:10px;font-size:.95rem;color:var(--tinta-2);cursor:pointer}
.he-dd__lista li.is-ativo{background:var(--papel-2);color:var(--marinho)}
.he-dd__lista li .icone{width:18px;height:18px;color:var(--coral-botao);opacity:0}
.he-dd__lista li[aria-selected="true"]{font-weight:600;color:var(--marinho)}
.he-dd__lista li[aria-selected="true"] .icone{opacity:1}
@media (prefers-reduced-motion:reduce){.he-dd__lista,.he-dd__botao .icone{transition:none}}
@media (max-width:640px){.he-selects{flex-direction:column}.he-dd__botao{width:100%;justify-content:flex-start}.he-dd__botao .icone{margin-left:auto}
  .he-dd__lista{width:100%;max-width:none}}
.he-acervo .he-casos-hub{grid-template-columns:minmax(0,1fr)!important;gap:1.2rem!important}
.he-casos-hub .he-cd{margin-top:0}
.he-casos-hub .registro--case{border-radius:var(--raio-cartao)}
.he-dd{z-index:1}.he-dd.is-aberto{z-index:3}
/* no hub, o .registro antigo apagava a etiqueta e encolhia o título do destaque */
.he-acervo .he-casos-hub .he-cd__tag{color:#fff!important;opacity:1!important}
.he-acervo .he-casos-hub .he-cd h3{font-size:clamp(1.7rem,1.3rem + 1.6vw,2.6rem)!important;line-height:1.08;color:#fff!important}
.he-acervo .he-casos-hub .he-cd__etapas dd{color:var(--sobre-marinho)!important}
.he-acervo .he-casos-hub .he-cd__tag{font-size:.8rem!important;margin:0!important}.he-acervo .he-casos-hub .he-cd h3{margin-top:1.2rem!important}

/* 62 · CONTATO: CANAIS NUM PAINEL ESCURO (23/10/2026) ========================= */
.he-painel-contato{padding:clamp(1.6rem,3vw,2.4rem);border-radius:var(--raio-cartao);background:var(--marinho);color:var(--sobre-marinho)}
.he-painel-contato .he-rotulo{color:#fff}
.he-canais2{list-style:none;margin:1rem 0 2.2rem;padding:0}
.he-canais2 li + li{border-top:1px solid rgba(255,255,255,.1)}
.he-canal2,.he-painel-contato__confianca{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1rem 0;text-decoration:none;color:inherit}
.he-canal2__icone{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:rgba(255,112,97,.16);color:var(--coral);transition:background-color .2s ease,color .2s ease}
.he-canal2__icone .icone{width:20px;height:20px}
.he-canal2__texto b,.he-painel-contato__confianca b{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sobre-marinho-3)}
.he-canal2__texto > span:not(.he-canal2__nota){display:block;margin-top:.2rem;font-size:1rem;font-weight:500;color:#fff;overflow-wrap:anywhere}
.he-canal2__nota{display:flex;gap:.4rem;align-items:flex-start;margin-top:.45rem;font-size:.8rem;line-height:1.4;color:var(--sobre-marinho-3)}
.he-canal2__nota .icone{flex:0 0 auto;width:14px;height:14px;margin-top:.1rem;color:var(--coral)}
.he-canal2__seta{width:18px;height:18px;color:var(--sobre-marinho-3);transition:transform .2s ease,color .2s ease}
.he-canal2:hover .he-canal2__icone,.he-painel-contato__confianca:hover .he-canal2__icone{background:var(--coral-botao);color:#fff}
.he-canal2:hover .he-canal2__seta,.he-painel-contato__confianca:hover .he-canal2__seta{color:var(--coral);transform:translate(2px,-2px)}
.he-passos3{list-style:none;margin:1.2rem 0 0;padding:0;position:relative}
.he-passos3::before{content:"";position:absolute;left:15px;top:16px;bottom:16px;width:1px;background:rgba(255,255,255,.16)}
.he-passos3 li{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:1rem;padding:.55rem 0}
.he-passos3 li > span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--marinho);box-shadow:inset 0 0 0 1px rgba(255,112,97,.6);
  font-size:.7rem;font-weight:600;color:var(--coral)}
.he-passos3 p{margin:.3rem 0 0;font-size:.95rem;line-height:1.5;color:var(--sobre-marinho)}
.he-passos3 p b{font-weight:600;color:#fff}
.he-painel-contato__confianca{margin-top:1.8rem;padding:1rem 1.1rem;border-radius:12px;background:rgba(255,255,255,.06)}
.he-painel-contato__confianca > span:nth-child(2) > span{display:block;margin-top:.2rem;font-size:.95rem;font-weight:500;color:#fff}
@media (min-width:1000px){.he-painel-contato{position:sticky;top:110px}}
.he-painel-contato .he-rotulo{margin:0!important}
.he-painel-contato .he-canais2{margin:.6rem 0 1.8rem}
.he-canal2__texto > span:not(.he-canal2__nota){overflow-wrap:normal}

/* 63 · SOBRE: CITAÇÃO E "NESTA SEÇÃO" (23/10/2026) =========================== */
.he-citacao figcaption p.he-rotulo{color:var(--tinta-2)}
.he-escuro .he-citacao figcaption p.he-rotulo{color:#fff}
.he-filhas2{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:1rem}
.he-filha2{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:360px;padding:clamp(1.6rem,3vw,2.2rem);border-radius:var(--raio-cartao);
  background:var(--papel-2);color:var(--tinta-2);text-decoration:none}
.he-filha2__num{position:absolute;right:clamp(1.2rem,2.4vw,1.8rem);top:clamp(.8rem,1.6vw,1.2rem);font-size:clamp(7rem,5rem + 5vw,10rem);font-weight:300;line-height:.85;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1.5px rgba(27,47,55,.2);transition:-webkit-text-stroke-color .3s ease;pointer-events:none}
.he-filha2__unidade{position:relative;margin:0 0 auto;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-botao);max-width:16ch}
.he-filha2 h3{position:relative;margin-top:3rem;font-size:clamp(1.5rem,1.2rem + 1vw,2rem);letter-spacing:-.035em;line-height:1.1;color:var(--marinho)}
.he-filha2__texto{position:relative;margin:.7rem 0 0;font-size:.98rem;line-height:1.5;max-width:34ch}
.he-filha2__ir{position:relative;display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;font-weight:500;color:var(--marinho)}
.he-filha2__ir .icone{width:18px;height:18px;color:var(--coral-botao);transition:transform .25s ease}
.he-filha2:hover .he-filha2__num{-webkit-text-stroke-color:var(--coral)}
.he-filha2:hover .he-filha2__ir .icone{transform:translateX(4px)}
.he-filha2--escura{background:var(--marinho);color:var(--sobre-marinho)}
.he-filha2--escura .he-filha2__num{-webkit-text-stroke-color:rgba(255,255,255,.24)}
.he-filha2--escura h3,.he-filha2--escura .he-filha2__ir{color:#fff}
.he-filha2--escura .he-filha2__unidade{color:var(--coral)}
@media (min-width:900px){.he-filhas2{grid-template-columns:repeat(3,minmax(0,1fr))}}
.he-painel-contato{display:block}

/* 64 · THIAGO: RETRATO RECORTADO NO FUNDO DO HERO (23/10/2026) ================
   A foto real, sem o fundo, sai do próprio hero: base esfumada, brilho coral e
   um arco que lembra o anel do Método 360®. */
.he-pessoa__retrato--recorte{position:relative;width:min(100%,540px);margin-top:clamp(1rem,3vw,2rem)}
.he-pessoa__retrato--recorte::before{content:"";position:absolute;left:2%;right:2%;top:2%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle at 50% 45%,rgba(255,112,97,.28) 0,rgba(255,112,97,.08) 38%,transparent 66%)}
.he-pessoa__retrato--recorte::after{content:"";position:absolute;left:6%;right:6%;top:4%;aspect-ratio:1;border-radius:50%;
  border:2px solid rgba(255,255,255,.07);border-top-color:var(--coral);border-right-color:var(--coral);transform:rotate(-28deg);opacity:.85}
.he-pessoa__retrato--recorte picture{position:relative;z-index:1;display:block}
.he-pessoa__retrato--recorte img{display:block;width:100%;height:auto;aspect-ratio:auto!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;
  -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 99%);mask-image:linear-gradient(180deg,#000 72%,transparent 99%)}
@media (max-width:999px){.he-pessoa__retrato--recorte{width:min(88%,420px)}}

/* 65 · THIAGO: FORMAÇÃO, AUTOR E ATUAÇÃO REFEITAS (23/10/2026) ================ */
.he-formacao2{display:grid;gap:clamp(2rem,4vw,3rem);align-items:start}
.he-formacao2__lado{position:relative}
.he-formacao2__num{display:block;margin-bottom:1rem;font-size:clamp(7rem,5rem + 6vw,12rem);font-weight:300;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--coral)}
.he-diplomas{list-style:none;margin:0;padding:0;border-top:1px solid color-mix(in srgb,var(--marinho) 12%,transparent)}
.he-diplomas li{display:grid;grid-template-columns:118px minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1.05rem 0;border-bottom:1px solid color-mix(in srgb,var(--marinho) 12%,transparent)}
.he-diplomas__tipo{justify-self:start;padding:.3rem .7rem;border-radius:999px;background:var(--branco);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--coral-botao)}
.he-diplomas b{font-size:clamp(1rem,.95rem + .3vw,1.15rem);font-weight:500;letter-spacing:-.01em;line-height:1.3;color:var(--marinho)}
.he-diplomas__onde{font-size:.88rem;font-weight:500;color:var(--tinta-3);white-space:nowrap}
@media (max-width:640px){.he-diplomas li{grid-template-columns:1fr;gap:.35rem}.he-diplomas__onde{white-space:normal}}
@media (min-width:1000px){.he-formacao2{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.he-formacao2__lado{position:sticky;top:120px}}
.he-chips-grade--compacta{margin-top:clamp(2.4rem,5vw,3.6rem);padding-top:clamp(1.6rem,3vw,2.2rem);border-top:1px solid color-mix(in srgb,var(--marinho) 12%,transparent)}
.he-chips-grade--compacta h3{font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.he-chips-grade--compacta .he-chips li{padding:.45rem .9rem;font-size:.9rem}

.he-autor{display:grid;gap:clamp(1.6rem,4vw,3rem);align-items:center}
.he-autor__capa{width:150px!important;justify-self:start;padding:1.2rem!important;aspect-ratio:2/3}
.he-autor__capa .he-livro__titulo{font-size:1.2rem!important}
.he-autor__capa .he-livro__autor{margin-top:.8rem!important;font-size:.58rem!important}
.he-autor .acoes{margin-top:1.6rem}
.he-autor__sub{margin-top:clamp(2.6rem,5vw,3.6rem);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.he-autor__sub + .he-midia{margin-top:1.2rem}
@media (min-width:760px){.he-autor{grid-template-columns:auto minmax(0,1fr)}}
.he-midia--claro .he-midia__quando{color:var(--coral-botao)}
.he-midia--claro .he-midia__quando i{background:var(--coral-botao)}
.he-midia--claro .he-midia__quando::after{background:color-mix(in srgb,var(--marinho) 14%,transparent)}
.he-midia--claro .he-midia__cartao{background:var(--papel-2);min-height:250px}
.he-midia--claro .he-midia__item:hover .he-midia__cartao{background:color-mix(in srgb,var(--coral) 8%,var(--papel-2))}
.he-midia--claro .he-midia__tipo{color:var(--tinta-3)}
.he-midia--claro .he-midia__cartao h3{color:var(--marinho)}
.he-midia--claro .he-midia__onde{color:var(--tinta-2)}

.he-papeis{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;gap:1rem}
.he-papel{display:flex;flex-direction:column;min-height:260px;padding:clamp(1.5rem,3vw,2.1rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-papel__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--coral-botao);color:#fff}
.he-papel__icone .icone{width:22px;height:22px}
.he-papel__quando{margin:auto 0 0;padding-top:2rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-botao)}
.he-papel h3{margin-top:.5rem;font-size:clamp(1.25rem,1.1rem + .5vw,1.5rem);letter-spacing:-.025em;line-height:1.2;color:var(--marinho)}
.he-papel__onde{margin:.5rem 0 0;font-size:.95rem;line-height:1.5;color:var(--tinta-2)}
.he-papel:first-child{background:var(--marinho)}
.he-papel:first-child h3{color:#fff}
.he-papel:first-child .he-papel__onde{color:var(--sobre-marinho)}
.he-papel:first-child .he-papel__quando{color:var(--coral)}
@media (min-width:860px){.he-papeis{grid-template-columns:repeat(3,minmax(0,1fr))}}
.he-diplomas li{grid-template-columns:148px minmax(0,1fr) auto}
.he-autor__sub{letter-spacing:.12em!important;font-weight:600!important}

/* 66 · THIAGO: FORMAÇÃO EM TRÊS FRENTES E RETRATO MAIOR (23/10/2026) ========== */
.he-frentes{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;gap:1rem}
.he-frente{display:flex;flex-direction:column;padding:clamp(1.6rem,3vw,2.2rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-frente__topo{display:flex;align-items:flex-start;justify-content:space-between}
.he-frente__icone{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--coral-soft);color:var(--coral-botao)}
.he-frente__icone .icone{width:22px;height:22px}
.he-frente__n{font-size:clamp(5rem,3.6rem + 3vw,7rem);font-weight:300;line-height:.8;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--coral)}
.he-frente h3{margin-top:1.6rem;font-size:clamp(1.6rem,1.3rem + 1vw,2.1rem);letter-spacing:-.035em;color:var(--marinho)}
.he-frente ul{list-style:none;margin:1.2rem 0 0;padding:0}
.he-frente ul li{display:grid;gap:.15rem;padding:.9rem 0;border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent)}
.he-frente ul li span{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--coral-botao)}
.he-frente ul li b{font-size:1.02rem;font-weight:500;line-height:1.3;color:var(--marinho)}
.he-frente ul li em{font-style:normal;font-size:.86rem;color:var(--tinta-3)}
.he-frente--escura{background:var(--marinho)}
.he-frente--escura .he-frente__icone{background:var(--coral-botao);color:#fff}
.he-frente--escura h3,.he-frente--escura ul li b{color:#fff}
.he-frente--escura ul li{border-top-color:rgba(255,255,255,.12)}
.he-frente--escura ul li span{color:var(--coral)}
.he-frente--escura ul li em{color:var(--sobre-marinho-3)}
@media (min-width:900px){.he-frentes{grid-template-columns:repeat(3,minmax(0,1fr))}}
.he-areas2{display:grid;gap:1rem;margin-top:1rem}
.he-areas2 > div{padding:clamp(1.4rem,3vw,2rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-areas2 h3{font-size:.72rem;font-weight:600;letter-spacing:.12em!important;text-transform:uppercase;color:var(--tinta-3)}
.he-areas2 .he-chips{margin-top:1rem}
.he-areas2 .he-chips li{background:var(--papel-2);padding:.45rem .9rem;font-size:.9rem}
@media (min-width:900px){.he-areas2{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* retrato do hero maior */
@media (min-width:1000px){
  .he-hero--pessoa .he-pessoa{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem)}
  .he-pessoa__retrato--recorte{width:min(100%,660px);justify-self:end;margin-top:-1rem;margin-right:-2rem}
}
@media (max-width:999px){.he-pessoa__retrato--recorte{width:min(100%,500px)}}
/* as pernas tocam as bordas da foto: esfumar laterais e base juntas */
.he-pessoa__retrato--recorte img{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,#000 66%,transparent 98%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent 0,#000 14%,#000 86%,transparent 100%),linear-gradient(180deg,#000 66%,transparent 98%);
  mask-composite:intersect}

/* 67 · PRINCÍPIOS SEM BURACO (23/10/2026) =====================================
   O primeiro numa faixa escura de ponta a ponta; os outros seis em 3 × 2. */
.he-principios{grid-template-columns:minmax(0,1fr)!important}
.he-principio{min-height:280px}
.he-principio .he-forma__icone{margin-bottom:auto}
.he-principio h3{margin-top:2.2rem}
.he-principio__n{font-size:3.4rem;-webkit-text-stroke:1.5px color-mix(in srgb,var(--coral) 55%,transparent)}
.he-principio:hover .he-principio__n{-webkit-text-stroke-color:var(--coral)}
.he-principio--destaque{grid-column:1 / -1!important;grid-row:auto!important;min-height:0}
@media (min-width:640px){.he-principios{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (min-width:1000px){
  .he-principios{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .he-principio--destaque{display:grid!important;grid-template-columns:auto minmax(0,1fr) minmax(0,1.1fr);column-gap:clamp(1.6rem,3vw,3rem);align-items:center;
    padding:clamp(2rem,4vw,3.2rem)!important}
  .he-principio--destaque .he-forma__icone{margin:0}
  .he-principio--destaque h3{margin:0;font-size:clamp(2.4rem,1.8rem + 2vw,3.4rem)!important}
  .he-principio--destaque p{margin:0;font-size:1.2rem!important;max-width:44ch}
  .he-principio--destaque .he-principio__n{position:absolute;top:50%;right:clamp(2rem,4vw,3.2rem);transform:translateY(-50%);font-size:6rem;opacity:.5}
  .he-principio--destaque p{padding-right:7rem}
}

/* 68 · SEGURANÇA, REFEITA, E CONFIANÇA EM TRÊS COLUNAS (23/10/2026) =========== */
.he-legenda-selo{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin:0;font-size:.9rem;color:var(--tinta-2)}
.he-legenda-selo span{display:inline-flex;align-items:center;gap:.5rem}
.he-legenda-selo i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--marinho) 22%,transparent)}
.he-legenda-selo i.real{background:var(--coral-botao)}
.he-temas{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:1rem;align-items:start}
.he-temas__lista{display:grid;gap:.4rem}
.he-temas__item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem 1rem .85rem .85rem;border-radius:12px;
  background:var(--branco);color:var(--marinho);cursor:pointer;transition:background-color .2s ease,color .2s ease}
.he-temas__item:hover{background:color-mix(in srgb,var(--coral) 8%,var(--branco))}
.he-temas__n{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--papel-2);font-size:.72rem;font-weight:600;color:var(--petroleo)}
.he-temas__nome{font-size:1rem;font-weight:500;line-height:1.3}
.he-temas__selo{width:9px;height:9px;border-radius:50%;background:color-mix(in srgb,var(--marinho) 22%,transparent)}
.he-temas__selo--real{background:var(--coral-botao)}
.he-temas input:focus-visible ~ .he-temas__lista{outline:2px solid var(--coral);outline-offset:4px;border-radius:12px}
.he-resposta{display:none;flex-direction:column;min-height:100%;padding:clamp(1.8rem,4vw,3rem);border-radius:var(--raio-cartao);background:var(--branco);animation:painel7 .3s ease}
.he-resposta__topo{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.he-resposta__icone{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--coral-botao);color:#fff}
.he-resposta__icone .icone{width:24px;height:24px}
.he-resposta__n{margin:2rem 0 0;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.he-resposta h3{margin-top:.5rem;font-size:clamp(1.9rem,1.4rem + 1.6vw,2.8rem);letter-spacing:-.04em;line-height:1.05;color:var(--marinho)}
.he-resposta__pergunta{margin:.9rem 0 0;max-width:52ch;font-size:1.05rem;line-height:1.55;color:var(--tinta-2)}
.he-resposta__lista{list-style:none;margin:1.8rem 0 0;padding:0}
.he-resposta__lista li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:.8rem;align-items:start;padding:1rem 0;border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent);
  font-size:1rem;line-height:1.5;color:var(--marinho)}
.he-resposta__lista li span{font-size:.8rem;font-weight:600;color:var(--coral-botao);padding-top:.15rem}
@media (min-width:1000px){
  .he-temas{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:1.2rem;align-items:stretch}
  .he-temas__lista{align-content:start}
}
.he-subs{display:grid;gap:clamp(2rem,4vw,3rem);align-items:center}
.he-subs h2{max-width:20ch}
.he-subs__lista{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.he-subs__lista li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;align-items:center;padding:1.3rem 1.4rem;border-radius:var(--raio-cartao);background:rgba(255,255,255,.06)}
.he-sub__icone{grid-row:1 / span 2;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--coral-botao);color:#fff}
.he-sub__icone .icone{width:22px;height:22px}
.he-subs__lista b{font-size:1.3rem;font-weight:500;letter-spacing:-.02em;color:#fff}
.he-subs__lista li > span:last-child{font-size:.95rem;color:var(--sobre-marinho)}
@media (min-width:1000px){.he-subs{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}

.he-grupos2{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;display:grid;gap:1rem}
.he-grupo2{display:flex;flex-direction:column;padding:clamp(1.6rem,3vw,2.2rem);border-radius:var(--raio-cartao);background:var(--branco)}
.he-grupo2__topo{display:flex;align-items:flex-start;justify-content:space-between}
.he-grupo2 h3{margin-top:1.4rem;font-size:clamp(1.5rem,1.25rem + .9vw,2rem);letter-spacing:-.035em;color:var(--marinho)}
.he-grupo2 ul{list-style:none;margin:1rem 0 0;padding:0}
.he-grupo2 ul li{border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent)}
.he-compr{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:start;padding:1rem 0;text-decoration:none;color:inherit}
.he-compr__icone{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--papel-2);color:var(--coral-botao);transition:background-color .2s ease,color .2s ease}
.he-compr__icone .icone{width:17px;height:17px}
.he-compr__texto b{display:block;font-size:1rem;font-weight:500;line-height:1.3;color:var(--marinho)}
.he-compr__texto span{display:block;margin-top:.3rem;font-size:.88rem;line-height:1.45;color:var(--tinta-3)}
.he-compr__seta{width:16px;height:16px;margin-top:.2rem;color:var(--tinta-3);transition:transform .2s ease,color .2s ease}
.he-compr:hover .he-compr__icone{background:var(--coral-botao);color:#fff}
.he-compr:hover .he-compr__seta{color:var(--coral-botao);transform:translate(2px,-2px)}
.he-grupo2--escuro{background:var(--marinho)}
.he-grupo2--escuro .he-frente__icone{background:var(--coral-botao);color:#fff}
.he-grupo2--escuro h3,.he-grupo2--escuro .he-compr__texto b{color:#fff}
.he-grupo2--escuro ul li{border-top-color:rgba(255,255,255,.12)}
.he-grupo2--escuro .he-compr__icone{background:rgba(255,255,255,.08);color:var(--coral)}
.he-grupo2--escuro .he-compr__texto span,.he-grupo2--escuro .he-compr__seta{color:var(--sobre-marinho-3)}
@media (min-width:1000px){.he-grupos2{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* 69 · HOME: OS DOIS CASES NO MODELO DE DESTAQUE, EM PAR (23/10/2026) ======== */
.he-casos--par{display:grid!important;gap:1rem;margin-top:clamp(2.4rem,5vw,3.6rem)}
.he-casos--par .he-cd{margin:0;min-height:680px;align-content:end;box-shadow:0 0 0 1px rgba(255,255,255,.06)}
.he-cd--par .he-cd__foto img{object-position:50% 25%;transition:transform .8s cubic-bezier(.2,.6,.3,1)}
.he-cd--par:hover .he-cd__foto img{transform:scale(1.04)}
.he-cd--par::before{background:linear-gradient(180deg,rgba(12,23,28,.15) 0,rgba(12,23,28,.55) 30%,rgba(12,23,28,.93) 58%,rgba(12,23,28,.98) 100%)!important}
.he-cd--par .he-cd__conteudo{max-width:none;padding-bottom:1.6rem}
.he-cd--par h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)!important}
.he-cd--par .he-cd__etapas > div + div{display:none}
.he-cd--par .he-cd__nums{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:1rem}
.he-cd--par .he-cd__nums b{font-size:clamp(1.9rem,1.4rem + 1.4vw,2.8rem)}
.he-cd--par .he-cd__nums span{font-size:.84rem}
@media (min-width:1000px){.he-casos--par{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.he-cd--par .he-cd__nums{grid-template-columns:1fr!important}}
.he-casos--par .he-cd{min-height:800px}
.he-cd--par::before{background:linear-gradient(180deg,rgba(12,23,28,.05) 0,rgba(12,23,28,.3) 22%,rgba(12,23,28,.9) 42%,rgba(12,23,28,.98) 100%)!important}
.he-cd--par .he-cd__nums b{font-size:clamp(1.8rem,1.3rem + 1.2vw,2.5rem)}
@media (max-width:999px){.he-casos--par .he-cd{min-height:0;padding-top:200px}}

/* 70 · FORMAS DE ATUAÇÃO EM SANFONA (23/10/2026) ==============================
   Quatro colunas; as fechadas mostram a foto sob película escura, número, ícone e
   o nome na vertical; a aberta, o texto em cima e a foto embaixo. */
.he-sanfona{margin-top:clamp(2rem,4vw,3rem);display:flex;gap:.75rem;height:660px}
.he-sanfona__item{position:relative;flex:1 1 0;min-width:0;overflow:hidden;border-radius:var(--raio-cartao);background:var(--marinho);
  transition:flex-grow .7s cubic-bezier(.2,.7,.2,1)}
.he-sanfona__item:has(input:checked){flex-grow:4.6}
.he-sanfona__fundo,.he-sanfona__fundo picture,.he-sanfona__fundo img{position:absolute;inset:0;width:100%;height:100%}
.he-sanfona__fundo img{object-fit:cover;transform:scale(1.15);transition:transform .9s ease,opacity .5s ease}
.he-sanfona__fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,29,35,.72) 0,rgba(15,29,35,.88) 100%);transition:opacity .4s ease}
.he-sanfona__item:hover .he-sanfona__fundo img{transform:scale(1.08)}
.he-sanfona__item:hover .he-sanfona__fundo::after{opacity:.82}
.he-sanfona__item:has(input:checked) .he-sanfona__fundo{opacity:0;transition:opacity .3s ease}
.he-sanfona__cabeca{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:1.6rem 1.4rem;cursor:pointer;color:#fff}
.he-sanfona__seta{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;transition:background-color .3s ease,transform .3s ease}
.he-sanfona__seta .icone{grid-area:1/1;width:20px;height:20px;transition:opacity .3s ease,transform .3s ease}
.he-sanfona__seta .icone:last-child{opacity:0;transform:rotate(-45deg)}
.he-sanfona__item:hover .he-sanfona__seta{background:var(--coral-botao);transform:translateY(2px)}
.he-sanfona__n{margin-top:1.2rem;font-size:3.2rem;font-weight:300;line-height:1;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px rgba(255,255,255,.55)}
.he-sanfona__mini{margin-top:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,112,97,.18);color:var(--coral)}
.he-sanfona__mini .icone{width:18px;height:18px}
.he-sanfona__nome{margin-top:1.2rem;writing-mode:vertical-rl;transform:rotate(180deg);font-size:1.35rem;font-weight:500;letter-spacing:-.02em;white-space:nowrap;color:#fff}
.he-sanfona__item:has(input:checked) .he-sanfona__cabeca{pointer-events:none}
.he-sanfona__item:has(input:checked) :is(.he-sanfona__mini,.he-sanfona__nome){opacity:0}
.he-sanfona__item:has(input:checked) .he-sanfona__seta{background:var(--coral-botao)}
.he-sanfona__item:has(input:checked) .he-sanfona__seta .icone:first-child{opacity:0;transform:rotate(45deg)}
.he-sanfona__item:has(input:checked) .he-sanfona__seta .icone:last-child{opacity:1;transform:none}
.he-sanfona__item:has(input:checked) .he-sanfona__n{position:absolute;top:1.4rem;right:1.6rem;margin:0;font-size:5rem;-webkit-text-stroke-color:var(--coral)}
.he-sanfona__item input:focus-visible + .he-sanfona__cabeca{outline:2px solid var(--coral);outline-offset:-6px;border-radius:var(--raio-cartao)}
.he-sanfona__corpo{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;width:clamp(520px,46vw,640px);padding:5.6rem 2.2rem 1.6rem;
  opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}
.he-sanfona__item:has(input:checked) .he-sanfona__corpo{opacity:1;visibility:visible;transform:none;transition:opacity .45s ease .3s,transform .45s ease .3s}
.he-sanfona__rel{display:inline-flex;align-items:center;gap:.6rem;margin:0;font-size:.74rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.he-sanfona__icone{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(255,112,97,.18)}
.he-sanfona__icone .icone{width:15px;height:15px}
.he-sanfona__texto h3{margin-top:.9rem;font-size:clamp(2rem,1.5rem + 1.6vw,2.9rem);letter-spacing:-.04em;line-height:1.02;color:#fff}
.he-sanfona__texto > p:not(.he-sanfona__rel):not(.acoes){margin:.8rem 0 0;max-width:52ch;font-size:.98rem;line-height:1.55;color:var(--sobre-marinho)}
.he-sanfona__texto > p.he-sanfona__citacao{padding-left:1rem;border-left:2px solid var(--coral);font-weight:500;color:#fff!important}
.he-sanfona__texto .acoes{margin-top:1.3rem}
.he-sanfona__foto{position:relative;flex:1;min-height:150px;margin-top:1.4rem;overflow:hidden;border-radius:14px}
.he-sanfona__foto picture,.he-sanfona__foto img{position:absolute;inset:0;width:100%;height:100%}
.he-sanfona__foto img{object-fit:cover}
@media (max-width:999px){
  .he-sanfona{flex-direction:column;height:auto}
  .he-sanfona__item{flex:none;min-height:92px;transition:none}
  .he-sanfona__cabeca{flex-direction:row;align-items:center;gap:1rem;padding:1.2rem 1.3rem}
  .he-sanfona__n{margin:0;font-size:2rem}
  .he-sanfona__mini{display:none}
  .he-sanfona__nome{margin:0;writing-mode:horizontal-tb;transform:none;font-size:1.15rem}
  .he-sanfona__item:has(input:checked) .he-sanfona__n{top:1.2rem;right:1.3rem;font-size:2.6rem}
  .he-sanfona__corpo{position:relative;width:auto;display:none;padding:5rem 1.3rem 1.3rem}
  .he-sanfona__item:has(input:checked) .he-sanfona__corpo{display:flex}
  .he-sanfona__foto{flex:none;aspect-ratio:3/2}
}
@media (prefers-reduced-motion:reduce){.he-sanfona__item,.he-sanfona__corpo,.he-sanfona__fundo img{transition:none!important}}
@media (max-width:999px){.he-sanfona__item:has(input:checked) .he-sanfona__cabeca{height:auto;bottom:auto}}
/* celular: o nome quebra em vez de espremer a seta */
@media (max-width:999px){
  .he-sanfona__seta{flex:0 0 44px}
  .he-sanfona__n{flex:0 0 auto}
  .he-sanfona__nome{min-width:0;white-space:normal;line-height:1.2}
}
@media (max-width:420px){.he-sanfona__cabeca{gap:.8rem;padding:1.1rem 1rem}.he-sanfona__n{font-size:1.7rem}.he-sanfona__nome{font-size:1.05rem}}
/* credenciais no celular: lista de uma coluna num cartão só (23/10/2026) */
@media (max-width:639px){
  .he-creds{grid-template-columns:1fr!important;gap:0!important;padding:.4rem 1.2rem;border-radius:var(--raio-cartao);background:var(--papel-2)}
  .he-secao--cinza .he-creds{background:var(--branco)}
  .he-cred{display:grid!important;grid-template-columns:44px minmax(0,1fr);column-gap:1rem;align-items:start;padding:1.1rem 0!important;border-radius:0;background:none!important}
  .he-cred + .he-cred{border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent)}
  .he-cred .he-num__icone{grid-row:1 / span 2;width:44px!important;height:44px!important;margin:0}
  .he-cred b{margin:0!important;font-size:1.2rem!important;line-height:1.2}
  .he-cred > span:last-child{margin-top:.25rem;font-size:.92rem!important;max-width:none}
}
/* case em destaque no celular (23/10/2026): foto limpa no topo, bloco escuro
   embaixo, números em linhas e link no lugar do botão grande */
@media (max-width:699px){
  .he-cd.he-cd{display:flex;flex-direction:column;min-height:0!important;padding:0!important;align-content:normal}
  .he-cd.he-cd::before{display:none}
  .he-cd.he-cd .he-cd__foto{position:relative;inset:auto;aspect-ratio:16/10;overflow:hidden}
  .he-cd.he-cd .he-cd__foto img{object-position:50% 30%;transform:none!important}
  .he-cd.he-cd .he-cd__conteudo{padding:1.3rem 1.3rem 0!important;max-width:none}
  .he-cd.he-cd .he-cd__tag{font-size:.72rem!important;padding:.35rem .7rem!important;margin:0!important}
  .he-cd.he-cd h3{margin-top:.8rem!important;font-size:1.3rem!important;line-height:1.2;color:#fff!important}
  .he-cd.he-cd .he-cd__etapas{margin-top:.9rem!important;gap:0!important}
  .he-cd.he-cd .he-cd__etapas > div + div{display:none}
  .he-cd.he-cd .he-cd__etapas dt{font-size:.68rem}
  .he-cd.he-cd .he-cd__etapas dd{margin-top:.25rem;font-size:.92rem!important;line-height:1.5}
  .he-cd.he-cd .acoes{margin-top:1rem!important}
  .he-cd.he-cd .acoes .he-botao{min-height:0;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:var(--coral)!important;font-size:.95rem;gap:.5rem}
  .he-cd.he-cd .acoes .he-botao__icone{width:28px;height:28px;background:var(--coral-botao)!important;color:#fff!important}
  .he-cd.he-cd .he-cd__nums{display:grid;grid-template-columns:1fr!important;gap:0!important;margin-top:1.2rem;padding:0 1.3rem .6rem!important}
  .he-cd.he-cd .he-cd__nums li{display:grid;grid-template-columns:92px minmax(0,1fr);gap:.9rem;align-items:center;padding:.8rem 0!important;
    border-top:1px solid rgba(255,255,255,.12)!important}
  .he-cd.he-cd .he-cd__nums b{font-size:1.5rem!important;color:var(--coral)!important;white-space:nowrap}
  .he-cd.he-cd .he-cd__nums span{margin:0!important;font-size:.85rem!important;line-height:1.4;max-width:none}
}
@media (max-width:699px){.he-acervo .he-casos-hub .he-cd h3{font-size:1.3rem!important;margin-top:.8rem!important}.he-acervo .he-casos-hub .he-cd__tag{font-size:.72rem!important}}
/* etiqueta do case em pílulas separadas: quebram inteiras, nunca no meio (23/10/2026) */
.he-cd__tags{position:relative;display:flex;flex-wrap:wrap;gap:.4rem;margin:0}
.he-cd__tags span{padding:.38rem .8rem;border-radius:999px;background:rgba(255,255,255,.12);font-size:.8rem;font-weight:500;line-height:1.2;color:#fff;white-space:nowrap}
.he-cd__tags span:first-child{background:var(--coral-botao)}
@media (max-width:699px){.he-cd__tags span{font-size:.72rem;padding:.32rem .65rem}}

/* 71 · FORMULÁRIO EM ETAPAS COMPACTO NO CELULAR (23/10/2026) ==================
   Os três tipos numa fileira, pílulas menores, títulos e espaços mais curtos:
   cada etapa cabe numa tela. */
@media (max-width:640px){
  .forma-etapas{gap:1rem}
  .etapa-form{gap:.75rem}
  .etapa-form__titulo{font-size:1.2rem}
  .etapas-progresso{padding-bottom:.9rem}
  .opcoes--cartoes{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.4rem!important}
  .opcao--cartao{flex-direction:column!important;align-items:center!important;justify-content:center;gap:.4rem!important;padding:.7rem .4rem!important;text-align:center;min-height:86px}
  .opcao--cartao .opcao__icone{width:32px;height:32px}
  .opcao--cartao .opcao__icone .icone{width:16px;height:16px}
  .opcao--cartao .opcao__texto{font-size:.76rem!important;line-height:1.2}
  .opcoes--chips{gap:.35rem}
  .opcao--chip .opcao__texto{padding:.42rem .72rem;font-size:.8rem}
  .he-form,.he-contato__form{padding:1.3rem 1.1rem!important}
  .he-form :is(input:not([type=radio]):not([type=checkbox]),select){min-height:44px}
  .he-form textarea{min-height:96px}
}
/* campo de e-mail com botão: no celular, campo e botão separados (23/10/2026) */
@media (max-width:560px){
  .he-guia{display:grid!important;gap:.6rem;padding:0!important;border-radius:0!important;background:none!important;max-width:none}
  .he-guia:focus-within{outline:none}
  .he-guia input{min-width:0;min-height:52px;padding:.9rem 1.3rem!important;border-radius:999px;background:var(--branco)!important}
  .he-guia input:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
  .he-guia .botao{width:100%;justify-content:center;min-height:52px}
}
/* Insights: menu suspenso só no celular; no desktop seguem as pílulas */
.he-selects--celular{display:none!important}
@media (max-width:760px){
  .filtragem--select-celular .he-selects--celular{display:flex!important}
  .filtragem--select-celular > .filtros{display:none!important}
}
/* números grandes no celular: grade 2 × 2 num cartão, em vez de lista comprida (23/10/2026) */
@media (max-width:640px){
  .he-numeros-livro{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;padding:.3rem 0;border-radius:var(--raio-cartao);background:var(--papel-2)}
  .he-secao--cinza .he-numeros-livro{background:var(--branco)}
  .he-numeros-livro li{padding:1.1rem 1.1rem!important;border-left:0!important}
  .he-numeros-livro li:nth-child(even){border-left:1px solid color-mix(in srgb,var(--marinho) 10%,transparent)!important}
  .he-numeros-livro li:nth-child(n+3){border-top:1px solid color-mix(in srgb,var(--marinho) 10%,transparent)}
  .he-numeros-livro li:only-child,.he-numeros-livro li:last-child:nth-child(odd){grid-column:1 / -1}
  .he-numeros-livro b{font-size:2rem!important;color:var(--coral-botao)}
  .he-numeros-livro span{margin-top:.35rem;font-size:.84rem;line-height:1.35}
}
/* Segurança no celular (23/10/2026): a resposta abre logo abaixo do tema tocado.
   A lista e os painéis se desfazem (display:contents) e cada item entra na ordem
   tema, resposta, tema, resposta... */
@media (max-width:999px){
  .he-temas{display:flex!important;flex-direction:column;gap:.4rem}
  .he-temas__lista,.he-temas__paineis{display:contents}
  .he-temas__item,.he-resposta{order:var(--o)}
  .he-resposta{min-height:0;margin:.1rem 0 .6rem;padding:1.4rem 1.2rem}
  .he-resposta__topo{display:none}
  .he-resposta__n{margin-top:0}
  .he-resposta h3{display:none}
  .he-resposta__pergunta{margin-top:.4rem;font-size:.95rem}
  .he-resposta__lista{margin-top:1rem}
  .he-resposta__lista li{padding:.8rem 0;font-size:.94rem}
  .he-temas input:focus-visible ~ .he-temas__lista{outline:none}
}
@media (max-width:999px){.he-temas>.he-temas__lista>.he-temas__item,.he-temas>.he-temas__paineis>.he-resposta{align-self:stretch}.he-temas{align-items:stretch!important}}

/* =========================================================================
   37. Página de case no padrão novo e chamada de jornada do artigo (26/10/2026)
   "A página de um case é a mais simples de tudo": as mesmas peças da
   listagem e das jornadas, com fundo alternado seção a seção.
   ========================================================================= */
.he-case__tags{margin:0 0 1.2rem}
.he-hero .he-aviso{margin-top:1.4rem;max-width:62ch}

/* Resultados: três números grandes, fio coral em cima */
.he-case-nums{list-style:none;margin:0;padding:0;display:grid;gap:2rem}
.he-case-nums li{padding-top:1.2rem;border-top:2px solid var(--coral)}
.he-case-nums b{display:block;font-size:clamp(3rem,2.2rem + 3.4vw,5.2rem);font-weight:500;letter-spacing:-.05em;line-height:1;color:var(--marinho)}
.he-case-nums span{display:block;margin-top:.8rem;max-width:28ch;font-size:1rem;line-height:1.45;color:var(--tinta-2)}
@media (min-width:760px){.he-case-nums{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem}}

/* A história: passos com o nome grande e o texto embaixo */
.he-case-historia .he-fase__t{max-width:52ch;font-size:1rem;line-height:1.6;color:var(--tinta-2)}

/* O que foi estruturado: cartões cinza com check coral */
.he-case-entregas__grade{display:grid;gap:2.4rem}
.he-case-entregas{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.he-case-entregas li{display:flex;gap:1rem;align-items:flex-start;padding:1.3rem 1.4rem;border-radius:var(--raio-cartao);background:var(--papel-2);font-size:1rem;line-height:1.5;color:var(--marinho)}
.he-case-entrega__icone{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--coral-botao);color:#fff}
.he-case-entrega__icone .icone{width:16px;height:16px}
@media (min-width:1000px){.he-case-entregas__grade{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}.he-case-entregas__grade > div:first-child{position:sticky;top:120px}}

/* Antes e depois: bloco escuro, uma linha por virada */
.he-virada__secao{background:var(--marinho);color:var(--sobre-marinho);--cinza-frase:#8fa3ab}
.he-virada__secao .he-rotulo,.he-virada__secao h2{color:#fff}
.he-virada{list-style:none;margin:clamp(2.2rem,4vw,3.2rem) 0 0;padding:0;display:grid;gap:.8rem}
.he-virada__linha{display:grid;gap:.6rem;align-items:stretch}
.he-virada__linha p{margin:0;padding:1.2rem 1.4rem;border-radius:var(--raio-cartao);font-size:1rem;line-height:1.5}
.he-virada__linha p span{display:block;margin-bottom:.35rem;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.he-virada__antes{background:rgba(255,255,255,.06);color:#b4c3c9}
.he-virada__antes span{color:#8fa3ab}
.he-virada__depois{background:var(--petroleo);color:#fff}
.he-virada__depois span{color:#ffd9d4}
.he-virada__seta{display:grid;place-items:center;justify-self:center;width:40px;height:40px;border-radius:50%;background:var(--coral-botao);color:#fff;transform:rotate(90deg)}
.he-virada__seta .icone{width:18px;height:18px}
@media (min-width:760px){
  .he-virada__linha{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}
  .he-virada__linha p{height:100%;display:flex;flex-direction:column;justify-content:center}
  .he-virada__seta{transform:none}
}

/* Aprendizados: citação grande */
.he-aprendizado{margin:0;position:relative;padding-top:2.2rem}
.he-aprendizado::before{content:"“";position:absolute;top:-.9rem;left:-.04em;font-family:Georgia,"Times New Roman",serif;font-size:5.5rem;line-height:1;color:var(--coral)}
.he-aprendizado p{margin:0;max-width:32ch;font-size:clamp(1.5rem,1.15rem + 1.5vw,2.4rem);font-weight:400;line-height:1.25;letter-spacing:-.02em;color:var(--marinho)}

/* Capacidades e o caminho para a jornada */
.he-case-fecho{display:grid;gap:2rem;align-items:end}
.he-case-caps{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.he-case-caps a{display:inline-block;padding:.6rem 1.1rem;border-radius:999px;background:var(--papel-2);font-size:.92rem;font-weight:500;color:var(--marinho);text-decoration:none;transition:background-color 180ms,color 180ms}
.he-case-caps a:hover{background:var(--marinho);color:#fff}
.he-case-fecho .acoes{margin:0}
@media (min-width:1000px){.he-case-fecho{grid-template-columns:minmax(0,1fr) auto}}

/* Chamada de jornada no fim do artigo: texto e foto da jornada, botão em pílula */
.jornada-cta{display:grid;margin-top:clamp(2.6rem,5vw,3.6rem);border-radius:var(--raio-cartao);overflow:hidden;background:var(--marinho);color:var(--sobre-marinho)}
.jornada-cta__texto{padding:clamp(1.6rem,3vw,2.4rem)}
.jornada-cta__rotulo{display:flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.85rem;font-weight:500;color:#fff}
.jornada-cta__rotulo::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
.jornada-cta .jornada-cta__titulo{margin:0;max-width:26ch;font-size:clamp(1.3rem,1.1rem + .7vw,1.7rem);font-weight:400;line-height:1.25;color:#fff}
.jornada-cta__apoio{margin:.9rem 0 1.6rem;max-width:44ch;font-size:.95rem;line-height:1.55;color:#c2ced3}
.jornada-cta .he-botao{display:inline-flex;align-items:center;text-decoration:none}
.jornada-cta__foto{position:relative;min-height:180px}
.jornada-cta__foto picture,.jornada-cta__foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.jornada-cta__foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(27,47,55,0) 40%,rgba(27,47,55,.55))}
@media (min-width:760px){
  .jornada-cta{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
  .jornada-cta__foto{order:2;min-height:100%}
  .jornada-cta__foto::after{background:linear-gradient(90deg,var(--marinho) 0,rgba(27,47,55,0) 45%)}
}