/* Site profissional: Direção 1c, Editorial arredondado (decisão m3x7d, 2026-10-10).
   Tokens: GL-003, seção "Web: site profissional". Toda cor, fonte e medida de token vem de :root.
   Medidas internas de componente (respiros finos, gap interno, espaçamento de letras, deslocamentos do
   retrato, raio da linha de canto) vêm da referência aprovada _build/direcoes/direcao-1c.css (Iris),
   sem token próprio na GL-003 (exceção L5). Fontes hospedadas no site: Prata 400 e Inter 400/500/600 (OFL,
   textos em fonts/OFL-*.txt). */
@font-face{font-family:"Prata";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/prata-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:400;font-style:normal;font-display:swap;src:url("fonts/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:500;font-style:normal;font-display:swap;src:url("fonts/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:600;font-style:normal;font-display:swap;src:url("fonts/inter-latin-600-normal.woff2") format("woff2")}

:root{
  /* web.cor.* */
  --web-cor-texto:#1B1D21;
  --web-cor-apoio:#585D66;
  --web-cor-acento:#6E1E2E;
  --web-cor-fundo:#FFFFFF;
  --web-cor-fundo-alternado:#F3F4F6;
  --web-cor-filete:#D9DCE0;
  --web-cor-fio:#B9BDC4;
  --web-cor-texto-inverso:#FFFFFF;
  --web-cor-apoio-inverso:#C9CCD2;
  --web-cor-fio-inverso:#3A3D44;
  /* web.fonte.* */
  --web-fonte-titulo:"Prata",Georgia,"Times New Roman",serif;
  --web-fonte-texto:"Inter",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  /* web.tipo.* (largo) */
  --web-tipo-h1:clamp(2.2rem,3.9vw,3.4rem);
  --web-tipo-h2:clamp(1.8rem,2.8vw,2.5rem);
  --web-tipo-h3:1.45rem;
  --web-tipo-h4:1.3rem;
  --web-tipo-frase:clamp(1.6rem,2.8vw,2.3rem);
  --web-tipo-abertura:1.125rem;
  --web-tipo-corpo:1.0625rem;
  --web-tipo-nome:1.3rem;
  --web-tipo-areas:.9rem;
  --web-tipo-menu:.9rem;
  --web-tipo-botao:.95rem;
  --web-tipo-rotulo:.75rem;
  --web-tipo-numeral:.95rem;
  /* espaço, larguras (largo) */
  --web-secao:6rem;
  --web-secao-abertura:5.5rem 0 5rem;
  --web-secao-frase:7rem 0 5.5rem;
  --web-esp-bloco:5rem;
  --web-esp-titulo:2.5rem;
  --web-esp-coluna:4rem;
  --web-margem:2rem;
  --web-largura-pagina:72rem;
  --web-largura-texto:42rem;
  --web-largura-estreita:50rem;
  /* linha, formas, tamanhos, alvo, foco */
  --web-linha:1px;
  --web-raio-painel:1rem;
  --web-raio-ladrilho:.6rem;
  --web-raio-pilula:999px;
  --web-raio-foto:14rem;
  --web-selo-tamanho:4.25rem;
  --web-divisor-tamanho:4.5rem;
  --web-ladrilho-tamanho:2.75rem;
  --web-icone-tamanho:1.75rem;
  --web-alvo-min:3rem;
  --web-foco-contorno:2px;
  --web-foco-afastamento:3px;
  --web-logo-tamanho:3rem;
}
/* web.quebra.media = 52rem: abaixo dela, uma coluna */
@media (max-width:52rem){
  :root{
    --web-tipo-nome:1.15rem;
    --web-tipo-rotulo:.7rem;
    --web-secao:4rem;
    --web-secao-abertura:4rem 0 4rem;
    --web-secao-frase:5rem 0 4rem;
    --web-margem:1.4rem;
    --web-raio-foto:10rem;
    --web-logo-tamanho:2.6rem;
  }
}

/* base */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem}
body{margin:0;background:var(--web-cor-fundo);color:var(--web-cor-texto);font:400 var(--web-tipo-corpo)/1.7 var(--web-fonte-texto)}
img{max-width:100%;height:auto;display:block}
svg[hidden]{display:none}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0}
a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px;transition:color .15s,background-color .15s,border-color .15s}
:focus-visible{outline:var(--web-foco-contorno) solid var(--web-cor-acento);outline-offset:var(--web-foco-afastamento)}
.contato :focus-visible,.rodape :focus-visible{outline-color:var(--web-cor-texto-inverso)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.wrap{max-width:var(--web-largura-pagina);margin:0 auto;padding:0 var(--web-margem)}
.estreito{max-width:var(--web-largura-estreita)}
.centro{text-align:center}
.texto{max-width:var(--web-largura-texto)}
.texto > * + *{margin-top:1rem}
.nome{white-space:nowrap}
/* texto só para leitor de tela (nomes acessíveis distintos, L4 da Vera V2) */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pular{position:absolute;left:1rem;top:-5rem;z-index:9;display:inline-flex;align-items:center;min-height:var(--web-alvo-min);padding:0 1rem;background:var(--web-cor-texto);color:var(--web-cor-texto-inverso)}
.pular:focus{top:.5rem}

/* Prata: só o peso 400, sem itálico, sem negrito ou itálico falsos (GL-003, m3x7d) */
h1,h2,h3,h4,.topo-nome,.rodape .nome,.frase,.aspas,.ladrilho,.num{font-family:var(--web-fonte-titulo);font-weight:400;font-style:normal;font-synthesis:none}
/* Nenhum itálico no site (spec, linha 48; Vera V3 L3, escolha do Eduardo): não há Inter itálica hospedada */
em{font-style:normal}

/* cabeçalho f4k8w em barra: marca à esquerda, menu, pílula do WhatsApp à direita */
.topo{border-bottom:var(--web-linha) solid var(--web-cor-filete);background:var(--web-cor-fundo)}
.topo-in{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:6.5rem}
.marca{display:flex;align-items:center;gap:1rem;text-decoration:none;color:var(--web-cor-texto)}
.logo{width:var(--web-logo-tamanho);height:var(--web-logo-tamanho);flex:none}
.logo-arco{stroke:var(--web-cor-acento)}
.logo-ponto{fill:var(--web-cor-acento)}
.logo-psi{stroke:var(--web-cor-texto)}
.marca-texto{display:flex;flex-direction:column;line-height:1.25}
.topo-nome{font-size:var(--web-tipo-nome);line-height:1.25}
.topo-cred{font:500 var(--web-tipo-rotulo)/1.5 var(--web-fonte-texto);letter-spacing:.18em;text-transform:uppercase;color:var(--web-cor-apoio);margin-top:.2rem}
.topo-areas{font:400 var(--web-tipo-areas)/1.4 var(--web-fonte-texto);color:var(--web-cor-apoio)}
.menu ul{list-style:none;display:flex;gap:2rem}
.menu a{display:flex;align-items:center;min-height:var(--web-alvo-min);font:400 var(--web-tipo-menu)/1.3 var(--web-fonte-texto);text-decoration:none;color:var(--web-cor-apoio)}
.menu a:hover,.menu a[aria-current]{color:var(--web-cor-texto)}
.menu a[aria-current]{border-bottom:var(--web-linha) solid var(--web-cor-acento)} /* Vera V3 L2: fio, não sombra */

/* pílula: contorno de 1 px em bordô, cheia só no hover */
.botao{display:inline-flex;align-items:center;justify-content:center;min-height:var(--web-alvo-min);padding:.6rem 1.75rem;border:var(--web-linha) solid var(--web-cor-acento);border-radius:var(--web-raio-pilula);background:transparent;color:var(--web-cor-acento);text-align:center;text-decoration:none;font:500 var(--web-tipo-botao)/1.3 var(--web-fonte-texto);letter-spacing:.01em}
.botao:hover{background:var(--web-cor-acento);color:var(--web-cor-texto-inverso)}
.botao-topo{flex:none;font-size:var(--web-tipo-menu);padding:0 1.4rem}
.link{font-weight:500;font-size:var(--web-tipo-botao)}
.link:hover{color:var(--web-cor-acento)}
.acao{padding-top:.75rem}

/* abertura em cinza: texto à esquerda (h1, fio, abertura, pílula); retrato em arco à direita quando houver */
.abre{position:relative;overflow:hidden;background:var(--web-cor-fundo-alternado);padding:var(--web-secao-abertura)}
.abre-in{position:relative;display:grid;grid-template-columns:minmax(0,1fr)}
.abre-in.duas{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--web-esp-bloco);align-items:center}
.abre-texto{container-type:inline-size}
/* H1 da Vera V2 (WCAG 1.4.10): a palavra mais longa ("neuropsicológica.", 8,37 em medidos na Prata 400 com a woff2
   carregada, 2026-10-10) cabe na coluna. O token web.tipo.h1 vale sempre que couber; numa coluna mais estreita
   o título encolhe na proporção. 8.6 = largura medida da palavra em em, com folga (era 7.7 na Fraunces itálico).
   overflow-wrap/hyphens só como rede de segurança. Vera V3 L4: o divisor 8.6 vale só no Início (GL-003:316-325);
   o Sobre também usa .abre-in.duas, por isso o gancho é .abre.inicio. As outras aberturas ficam no token. */
.abre h1{font-size:var(--web-tipo-h1);line-height:1.18;letter-spacing:-.005em;max-width:15em;overflow-wrap:break-word;hyphens:manual}
.abre.inicio h1{font-size:min(var(--web-tipo-h1),calc(100cqi / 8.6))}
.abre h1::after{content:"";display:block;width:62%;height:var(--web-linha);background:var(--web-cor-fio);margin:2.25rem 0 2rem}
.abertura{color:var(--web-cor-apoio);font-size:var(--web-tipo-abertura);line-height:1.65;max-width:32rem}
.abertura + p,.abertura + .indice{margin-top:2.25rem}
.abre .rotulo + .abertura{margin-top:.75rem}
.abre.baixa{overflow:visible} /* L1: o anel de foco do índice não é cortado */
/* linha de canto: corre na margem esquerda e dobra num canto arredondado abaixo do botão; nunca cruza texto.
   O raio de 6 rem e os deslocamentos são medidas internas da direcao-1c.css. */
.linha{position:absolute;pointer-events:none;border:var(--web-linha) solid var(--web-cor-fio)}
.linha-a{left:max(1rem,(100vw - var(--web-largura-pagina)) / 2 - 1.5rem);top:calc(-1 * var(--web-linha));width:38%;height:calc(100% - 2.25rem);border-top:0;border-right:0;border-radius:0 0 0 6rem}
/* retrato em arco: moldura bordô deslocada 1,1 rem para cima e à esquerda; segundo arco em fio 2,6 rem para fora */
.retrato{position:relative;z-index:0;margin:0 0 0 auto;max-width:23rem;width:100%}
.retrato::before{content:"";position:absolute;inset:-1.1rem 1.1rem 1.1rem -1.1rem;border:var(--web-linha) solid var(--web-cor-acento);border-radius:var(--web-raio-foto) var(--web-raio-foto) 0 0}
.retrato::after{content:"";position:absolute;z-index:-1;inset:-2.6rem -2.6rem 3rem 2.6rem;border:var(--web-linha) solid var(--web-cor-fio);border-bottom:0;border-radius:calc(var(--web-raio-foto) + 2.6rem) calc(var(--web-raio-foto) + 2.6rem) 0 0}
.retrato .foto{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--web-raio-foto) var(--web-raio-foto) 0 0}

/* divisor em anel: filete de largura total, anel de 1 px com o logo em traço fino */
.divisor{position:relative;z-index:1;height:0;border-top:var(--web-linha) solid var(--web-cor-filete)}
.divisor-anel{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:var(--web-divisor-tamanho);height:var(--web-divisor-tamanho);border-radius:var(--web-raio-pilula);border:var(--web-linha) solid var(--web-cor-acento);background:var(--web-cor-fundo);display:grid;place-items:center}
.divisor-marca{width:2.3rem;height:2.3rem;stroke:var(--web-cor-acento);fill:var(--web-cor-acento);stroke-width:1.6;stroke-linecap:round}

/* frase em destaque: centrada, aspas acima, sem fio vertical */
.frase-s{padding:var(--web-secao-frase)}
.frase-c{text-align:center}
.aspas{display:block;font-size:5rem;line-height:.6;height:2.5rem;color:var(--web-cor-acento)}
.frase{font-size:var(--web-tipo-frase);line-height:1.4;max-width:22em;margin:0 auto}
.frase + p{margin-top:2rem}
.frase-c.destaque{margin:calc(var(--web-esp-bloco) + var(--web-esp-titulo)) auto 0}

/* seções */
.s{padding:var(--web-secao) 0}
.s.alt{background:var(--web-cor-fundo-alternado)}
.s:not(.alt) + .s:not(.alt){border-top:var(--web-linha) solid var(--web-cor-filete)}
.bloco + .bloco{margin-top:var(--web-esp-bloco)}
h2{font-size:var(--web-tipo-h2);line-height:1.2}
h2.centro{margin-bottom:3.5rem} /* web.esp.titulo sob h2 centrado: 3,5 rem */
h3{font-size:var(--web-tipo-h3);line-height:1.3}
h4{font-size:var(--web-tipo-h4);line-height:1.3}
.rotulo{font:600 var(--web-tipo-rotulo)/1.5 var(--web-fonte-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--web-cor-texto)}
.rotulo.apoio{font-weight:500;color:var(--web-cor-apoio)}
.nota{color:var(--web-cor-apoio);max-width:40em;margin-bottom:3rem}
.nota.centro{margin-left:auto;margin-right:auto}
.meta{font:500 var(--web-tipo-rotulo)/1.5 var(--web-fonte-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--web-cor-apoio)}
/* cabeçalho de seção das páginas internas: ladrilho numerado + h2 */
.bloco-cab{display:flex;align-items:center;gap:1.25rem;margin-bottom:var(--web-esp-titulo)}
/* f9d2r (2026-10-10), mesma técnica do h1 do Início: "neuropsicológica" mede 7,47 em na Prata 400 (woff2 carregada);
   7.7 = essa largura com folga. O token web.tipo.h2 vale enquanto a palavra cabe ao lado do ladrilho (de ~346 px de
   viewport para cima, portanto sempre a 390+); abaixo disso o título encolhe na proporção. min-width:0 deixa o
   overflow-wrap agir como rede de segurança dentro do flex. Só neste título (gancho .h2-longo, Atendimento). */
.bloco-cab:has(> .h2-longo){container-type:inline-size}
.bloco-cab > .h2-longo{min-width:0;overflow-wrap:break-word;font-size:min(var(--web-tipo-h2),calc((100cqi - var(--web-ladrilho-tamanho) - 1.25rem) / 7.7))}
/* título à esquerda, conteúdo à direita */
.lado{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--web-esp-coluna)}
.lado > .bloco-cab{flex-direction:column;align-items:flex-start;gap:1rem;margin-bottom:0}

/* ladrilho numerado: um nível por página */
.ladrilho{flex:none;width:var(--web-ladrilho-tamanho);height:var(--web-ladrilho-tamanho);display:inline-grid;place-items:center;border:var(--web-linha) solid var(--web-cor-acento);border-radius:var(--web-raio-ladrilho);font-size:var(--web-tipo-numeral);line-height:1;color:var(--web-cor-acento)}
/* numeral de passo de ordem real: Prata bordô, sem ladrilho */
.num{display:block;font-size:var(--web-tipo-numeral);line-height:1;color:var(--web-cor-acento);margin-bottom:.6rem}

/* formação (Início): painel da marca sangrando à esquerda + lista com ladrilhos */
.formacao{border-top:var(--web-linha) solid var(--web-cor-filete)}
.formacao-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--web-esp-bloco);align-items:start}
.painel-marca{position:relative;margin-left:calc(-1 * max(var(--web-margem), (100vw - var(--web-largura-pagina)) / 2 + var(--web-margem)));aspect-ratio:4/5;max-height:34rem;border:var(--web-linha) solid var(--web-cor-filete);border-left:0;border-radius:0 var(--web-raio-foto) var(--web-raio-painel) 0;display:grid;place-items:center}
.marca-grande{width:62%;height:62%;stroke:var(--web-cor-fio);fill:var(--web-cor-acento);stroke-width:.35;stroke-linecap:round}
.formacao-texto h2{margin-bottom:2rem}
.h2-menor{font-size:1.6rem;margin-top:3.5rem} /* "Em andamento" (Início), subtítulo irmão de "Especializações": medida interna da direcao-1c.css */
.esp{list-style:none}
.esp li{display:flex;gap:1.25rem;align-items:flex-start;padding:1.1rem 0;border-bottom:var(--web-linha) solid var(--web-cor-filete)}
.esp li:first-child{border-top:var(--web-linha) solid var(--web-cor-filete)}
.esp-nome{font-weight:500;font-size:1.05rem;line-height:1.4}
.esp-tipo{font-size:var(--web-tipo-areas);color:var(--web-cor-apoio)}
.inst{font:500 var(--web-tipo-rotulo)/1.5 var(--web-fonte-texto);letter-spacing:.18em;text-transform:uppercase;color:var(--web-cor-apoio);margin-top:.2rem}

/* cartões brancos de 1 px com selo em anel sobre a borda de cima */
.cartoes{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:2.25rem}
.cartoes.dois{grid-template-columns:repeat(2,minmax(0,1fr))}
.cartao{position:relative;background:var(--web-cor-fundo);border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-painel);padding:3.75rem 2rem 2rem;text-align:center}
.cartao.destaque{border-color:var(--web-cor-acento)}
.cartao h3{margin-bottom:.75rem}
.cartao > p{color:var(--web-cor-apoio)}
.cartao .linhas{text-align:left;margin-top:1rem}
.anel{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);width:var(--web-selo-tamanho);height:var(--web-selo-tamanho);border-radius:var(--web-raio-pilula);border:var(--web-linha) solid var(--web-cor-acento);background:var(--web-cor-fundo);display:grid;place-items:center}
.anel-ic{width:var(--web-icone-tamanho);height:var(--web-icone-tamanho);stroke:var(--web-cor-texto);fill:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}

/* sanfona e "Saiba mais": "+" e "−" em bordô, fora do nome acessível (Vera V2, L2) */
summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:var(--web-alvo-min)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";content:"+" / "";flex:none;font:400 1.25rem/1 var(--web-fonte-texto);color:var(--web-cor-acento)}
details[open] > summary::after{content:"\2212";content:"\2212" / ""}
.saiba{margin-top:1.5rem}
.saiba > summary{display:inline-flex;gap:.6rem;font:500 var(--web-tipo-menu)/1.4 var(--web-fonte-texto)}
.saiba > :not(summary){margin-top:1rem}
.saiba p,.saiba dd,.saiba li{font-size:.97rem}
.saiba p + p{margin-top:1rem}
.saiba h3{font-size:var(--web-tipo-h4);margin-top:1.5rem}
.saiba dl{border-top:var(--web-linha) solid var(--web-cor-filete)}
.saiba dt{font-weight:600;padding-top:1rem}
.saiba dd{padding:.25rem 0 1rem;border-bottom:var(--web-linha) solid var(--web-cor-filete)}
.cartao .saiba{padding-top:1.25rem;border-top:var(--web-linha) solid var(--web-cor-filete);text-align:left}
.cartao .saiba > summary{display:flex;justify-content:center}

/* listas como linhas com filete */
.linhas{list-style:none;border-top:var(--web-linha) solid var(--web-cor-filete)}
.linhas li{padding:.6rem 0;border-bottom:var(--web-linha) solid var(--web-cor-filete);line-height:1.55}
.linhas strong{font-weight:600}

/* grupos de temas: título em Prata, linhas com filete e o ponto do logo como marcador */
.temas-bloco{margin-top:5.5rem}
.temas-bloco > .rotulo{margin-bottom:1rem}
.temas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;margin-bottom:2.5rem}
.temas:last-child{margin-bottom:0}
.tema > h3,.tema > h4{font-size:var(--web-tipo-h4);line-height:1.3;margin-bottom:.5rem}
.tema ul{list-style:none}
.tema li{position:relative;padding:.65rem 0 .65rem 1.25rem;border-bottom:var(--web-linha) solid var(--web-cor-filete);font-size:.97rem;line-height:1.5}
.tema li::before{content:"";position:absolute;left:0;top:1.3rem;width:.35rem;height:.35rem;border-radius:var(--web-raio-pilula);background:var(--web-cor-acento)}

/* passos de ordem real em cartões de 1 px; numeral Prata bordô acima do nome */
.passos{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.passos > li{background:var(--web-cor-fundo);border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-painel);padding:2rem}
.passo-nome{font:400 var(--web-tipo-h4)/1.3 var(--web-fonte-titulo);font-synthesis:none}
.passo-texto{margin-top:.5rem}
.passos .acao{padding-top:1.25rem}
.passos + .saiba{margin-top:2.5rem}
/* em pé (avaliação): uma linha por passo, nome à esquerda e explicação à direita */
.passos.vertical{grid-template-columns:1fr;gap:0;border-top:var(--web-linha) solid var(--web-cor-filete);margin-bottom:2.5rem}
.passos.vertical > li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--web-esp-coluna);background:none;border:0;border-bottom:var(--web-linha) solid var(--web-cor-filete);border-radius:0;padding:1.4rem 0}
.passos.vertical .passo-texto{margin-top:0}

/* Sobre: os cinco passos em linhas com filete, numeral antes do nome */
.orienta{list-style:none;border-top:var(--web-linha) solid var(--web-cor-filete)}
.orienta li{display:grid;grid-template-columns:2rem minmax(0,1fr);column-gap:1rem;padding:1.25rem 0;border-bottom:var(--web-linha) solid var(--web-cor-filete)}
.orienta .num{grid-row:span 2;margin:0;padding-top:.35rem}
.orienta-nome{font:400 var(--web-tipo-h4)/1.3 var(--web-fonte-titulo);font-synthesis:none;margin-bottom:.35rem}
.texto > h3 + .nota{margin:.5rem 0 1.5rem}

/* Para pais: painel de 1 px, sem fundo próprio; rótulo em web.tipo.rotulo */
.pais{border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-painel);padding:1.75rem 2rem}
.texto > .pais{margin-top:2rem}
.pais .linhas{border-top:0}
.pais .linhas li:first-child{padding-top:0}
.pais .linhas strong{display:block;font:600 var(--web-tipo-rotulo)/1.5 var(--web-fonte-texto);letter-spacing:.16em;text-transform:uppercase;margin-bottom:.15rem}
.pais .acao{margin-top:1rem}
.pais .acao + p{margin-top:1rem}

/* índice da Atendimento: pílulas de contorno de 1 px, embrulham em várias linhas */
.indice ul{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}
.indice a{display:inline-flex;align-items:center;min-height:var(--web-alvo-min);padding:.5rem 1.4rem;border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-pilula);font:400 var(--web-tipo-menu)/1.3 var(--web-fonte-texto);text-decoration:none;color:var(--web-cor-texto)}
.indice a:hover{border-color:var(--web-cor-acento)}

/* Dúvidas comuns: painéis brancos de 1 px sobre seção cinza */
.faq details{background:var(--web-cor-fundo);border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-painel);margin-bottom:.9rem}
.faq summary{min-height:3.5rem;padding:.9rem 1.5rem;font-weight:500;line-height:1.45}
.faq summary::after{font-size:1.3rem}
.faq details p{padding:0 1.5rem 1.4rem;max-width:var(--web-largura-texto)}
.mais{margin-top:2rem}

/* Materiais: cada ebook numa linha em cartão; capa A4 inteira, sem recorte e sem raio (GL-003, L6) */
.ebooks{list-style:none}
.ebook{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);gap:var(--web-esp-coluna);align-items:start;border:var(--web-linha) solid var(--web-cor-filete);border-radius:var(--web-raio-painel);padding:2.5rem}
.ebook + .ebook{margin-top:2rem}
.capa{width:100%}
.ebook-texto{max-width:var(--web-largura-texto)}
.ebook-texto .bloco-cab{margin-bottom:0}
.ebook-texto .rotulo{margin:.75rem 0 1.25rem}
.ebook-texto .meta{margin:1.25rem 0}

/* faixa de chamada grafite (b6t2m): emenda no rodapé */
.contato{background:var(--web-cor-texto);color:var(--web-cor-texto-inverso);text-align:center;padding:var(--web-secao) 0 5rem}
.contato .rotulo{color:var(--web-cor-apoio-inverso);margin-bottom:2rem}
.contato .rotulo + p:not(.acao){font-size:var(--web-tipo-abertura)}
.contato .botao{background:var(--web-cor-texto-inverso);border-color:var(--web-cor-texto-inverso);color:var(--web-cor-texto)}
.contato .botao:hover{background:var(--web-cor-fundo-alternado);border-color:var(--web-cor-fundo-alternado);color:var(--web-cor-acento)}

/* rodapé grafite: monograma, nome e CRP à esquerda; links em pílula à direita */
.rodape{background:var(--web-cor-texto);color:var(--web-cor-texto-inverso);padding:3rem 0}
.com-faixa .rodape{padding-top:0}
/* fio fino entre a faixa e o rodapé, na largura do conteúdo (só decoração) */
.com-faixa .rodape-in::before{content:"";flex-basis:100%;align-self:stretch;height:var(--web-linha);background:var(--web-cor-fio-inverso);margin-bottom:1rem}
.rodape-in{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap}
.rodape-marca{display:flex;align-items:center;gap:1rem;font-size:var(--web-tipo-menu);line-height:1.5}
.rodape .nome{font-size:1.05rem}
.nome-cred{white-space:nowrap}
.mono{flex:none;width:2.5rem;height:2.5rem;stroke:var(--web-cor-apoio-inverso);fill:var(--web-cor-apoio-inverso);stroke-width:1.4;stroke-linecap:round}
.rodape ul{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}
.rodape a{display:inline-flex;align-items:center;min-height:var(--web-alvo-min);padding:0 1.1rem;border:var(--web-linha) solid var(--web-cor-fio-inverso);border-radius:var(--web-raio-pilula);color:var(--web-cor-apoio-inverso);text-decoration:none;font:400 var(--web-tipo-menu)/1.3 var(--web-fonte-texto)}
.rodape a:hover{color:var(--web-cor-texto-inverso);border-color:var(--web-cor-apoio-inverso)}

/* botão flutuante do WhatsApp (2026-10-10): círculo bordô, glifo branco, contorno de 1 px branco (lê sobre
   o claro pelo fundo bordô, 11,12, e sobre a faixa e o rodapé grafite pelo contorno branco, 16,88). Sem sombra,
   sem animação. 3.5rem (56 px) é medida interna do componente; afastamento = web.margem + área segura. */
.wa-flutua{position:fixed;z-index:8;right:calc(var(--web-margem) + env(safe-area-inset-right,0px));bottom:calc(var(--web-margem) + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border:var(--web-linha) solid var(--web-cor-texto-inverso);border-radius:var(--web-raio-pilula);background:var(--web-cor-acento);color:var(--web-cor-texto-inverso)}
.wa-flutua-ic{width:var(--web-icone-tamanho);height:var(--web-icone-tamanho);fill:currentColor}
/* foco em dois tons: o contorno global bordô (sobre o claro) e, colado por fora, um anel branco (sobre grafite) */
.wa-flutua:focus-visible::after{content:"";position:absolute;inset:calc(-1 * (var(--web-linha) + var(--web-foco-afastamento) + 2 * var(--web-foco-contorno)));border:var(--web-foco-contorno) solid var(--web-cor-texto-inverso);border-radius:var(--web-raio-pilula);pointer-events:none}
/* o rodapé ganha respiro embaixo para o botão nunca cobrir os links: 3.5rem do botão + web.margem + 1rem de folga */
.rodape{padding-bottom:calc(1rem + 3.5rem + var(--web-margem) + env(safe-area-inset-bottom,0px))}

/* web.quebra.topo = 60rem: o cabeçalho empilha e a pílula do cabeçalho some */
@media (max-width:60rem){
  .topo-in{flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1.5rem}
  .menu{order:3;width:100%;border-top:var(--web-linha) solid var(--web-cor-filete)}
  .menu ul{justify-content:center;flex-wrap:wrap;gap:0 1.1rem}
  .botao-topo{display:none}
}
/* web.quebra.media = 52rem: uma coluna, linha de canto some */
@media (max-width:52rem){
  /* botão flutuante do WhatsApp só no largo: no celular atrapalhava a leitura (Eduardo, 2026-10-10); sem ele, o rodapé volta ao respiro normal */
  .wa-flutua{display:none}
  .rodape{padding-bottom:3rem}
  .marca{gap:.9rem}
  .topo-cred{letter-spacing:.14em}
  .abre-in.duas{grid-template-columns:1fr;gap:3.5rem}
  .duas .abre-texto{text-align:center}
  .duas .abre-texto h1::after{margin:1.75rem auto}
  .duas .abertura{margin-left:auto;margin-right:auto}
  .abre h1::after{margin:1.75rem 0}
  .retrato{order:-1;max-width:15rem;margin:1.25rem auto 0}
  .retrato::after{inset:-1.9rem -1.9rem 2rem 1.9rem;border-radius:calc(var(--web-raio-foto) + 1.9rem) calc(var(--web-raio-foto) + 1.9rem) 0 0}
  .linha{display:none}
  .formacao-in{grid-template-columns:1fr;gap:2.5rem}
  .painel-marca{width:70%;max-height:none;aspect-ratio:1/1}
  .cartoes,.cartoes.dois,.temas,.passos,.lado,.ebook,.passos.vertical > li{grid-template-columns:1fr}
  .cartoes{gap:3.25rem}
  .passos{gap:1.25rem}
  .lado{gap:0}
  .lado > .bloco-cab{margin-bottom:var(--web-esp-titulo)}
  .passos.vertical > li{gap:.5rem}
  .cartao{padding:3.5rem 1.4rem 1.6rem}
  .pais{padding:1.4rem}
  .ebook{gap:2rem;padding:1.6rem}
  .capa{max-width:12rem}
  .contato{padding:4.5rem 0 4rem}
  .rodape-in{flex-direction:column;align-items:flex-start}
}