/* Legacy Business B2G. Folha única do site novo.
   Versão 1.1, 14 de outubro de 2026. Entraram os blocos que estavam soltos nas páginas, na seção 25.
   Versão 1.2, 15 de outubro de 2026. Seção 26, as peças desenhadas da home, a foto da dupla e o selo da Mentoring League Society.
   Versão 1.3, 15 de outubro de 2026. Seção 27, fase 5. Logo pela regra do logo, respiro entre seções e blocos, linha de texto
   até cerca de 68 caracteres, etapas em linha do tempo vertical e fotos do banco de imagens.
   Base visual. A página do Clube aprovada, em Produtos/Clube/saida/pagina/index.html.
   Valores. ficha/marca.json e ficha/tokens.css. Cor nova só entra pela ficha.
   Mobile primeiro. Cada bloco começa no celular e abre em telas maiores com min-width.
   As peças visuais (Radar, três estruturas, três situações, tese, fonte, título, primeiro ano)
   ficam em pecas.css, gerado por _base/montar.py a partir de Produtos/Clube/saida/modelos/pecas.py.
   Mapa dos blocos em _base/LEIA-ME.md. */

/* ---------- 1. Letra, só os pesos usados, servida do próprio site ---------- */
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url("/assets/fontes/inter-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url("/assets/fontes/inter-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url("/assets/fontes/inter-latin-600-normal.woff2") format("woff2")}

/* ---------- 2. Tokens ---------- */
:root{
  --fundo:#0B2038; --halo:#184068; --breu:#061222; --abismo:#030A14; --facho:#3E76A8; --facho-contido:#234565;
  --perola:#F4F1EA; --porcelana:#F6F5F2; --halo-claro:#FDFCF8; --card:#FFFFFF; --sombra-clara:#E7E1D4;
  --ouro:#C9AE6E; --ouro-luz:#E8D5A4; --ouro-claro:#7F6636;
  --t-escuro:#F6F5F2; --apoio-escuro:#AEBED0;
  --t-claro:#0B2038; --corpo-claro:#44576D; --apoio-claro:#5A6B7D;
  --borda-claro:#E5E2DB; --borda-escuro:rgba(255,255,255,.11); --card-escuro:rgba(255,255,255,.045);
  --acao:#3C71A1; --acao-hover:#4B80B0; --acao-texto:#EAF1F8;
  --erro:#B3261E;
  --r-sm:10px; --r-md:16px; --r-lg:24px;
  --max:1160px;
  --pilha:Inter,-apple-system,system-ui,"Segoe UI",Arial,sans-serif;
  --altura-topo:72px;
}

/* ---------- 3. Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--altura-topo) + 16px)}
body{margin:0;font-family:var(--pilha);background:var(--perola);color:var(--corpo-claro);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
button,input,select,textarea{font:inherit}
[hidden]{display:none !important}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.claro :focus-visible,.form-unico :focus-visible{outline-color:var(--acao)}
.sr{position:absolute !important;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:16px;top:-80px;z-index:200;background:#fff;color:var(--t-claro);padding:12px 16px;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.pular:focus{top:8px}
@media (min-width:641px){body{font-size:17px}}

.wrap{max-width:var(--max);margin:0 auto;padding:0 16px}
@media (min-width:641px){.wrap{padding:0 24px}}

/* ---------- 4. Fundos. Construção de luz, nunca chapado ---------- */
.escuro{position:relative;color:var(--apoio-escuro);background:
  radial-gradient(64% 46% at 30% 20%, rgba(24,64,104,.55), transparent 70%),
  radial-gradient(46% 34% at 82% 92%, rgba(62,118,168,.30), transparent 70%),
  linear-gradient(176deg, var(--fundo) 0%, var(--breu) 100%);overflow:hidden}
.claro{position:relative;background:
  radial-gradient(64% 46% at 44% 20%, var(--halo-claro), transparent 70%),
  radial-gradient(52% 30% at 86% 98%, rgba(231,225,212,.67), transparent 70%),
  var(--perola)}
.escuro::before,.claro::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}
.escuro::before{opacity:.05}.claro::before{opacity:.035}
.escuro>*,.claro>*{position:relative}

/* ---------- 5. Seção e tipografia ---------- */
.secao{padding:72px 0}
.secao.curta{padding:56px 0}
@media (min-width:641px){.secao{padding:112px 0}.secao.curta{padding:80px 0}}

h1,h2,h3,h4{font-weight:600;letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(32px,5.4vw,58px)}
h2{font-size:clamp(27px,3.8vw,44px)}
h3{font-size:19px;line-height:1.3}
@media (min-width:641px){h3{font-size:20px}}
.escuro h1,.escuro h2,.escuro h3{color:var(--t-escuro)}
.claro h1,.claro h2,.claro h3{color:var(--t-claro)}
/* h4 com peso zero de seletor, para não vencer a cor de um título dentro de peça ou cartão de fundo oposto */
:where(.escuro) h4{color:var(--t-escuro)}
:where(.claro) h4{color:var(--t-claro)}
h1 em,h2 em{font-style:normal}
.escuro h1 em,.escuro h2 em{color:var(--ouro-luz)}
.claro h2 em{color:var(--ouro-claro)}

.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55;max-width:720px}
.escuro .lead{color:var(--apoio-escuro)}
.eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:20px}
.eyebrow::before{content:"";width:40px;height:2px;flex:none}
@media (min-width:641px){.eyebrow::before{width:56px}.eyebrow{margin-bottom:22px}}
.escuro .eyebrow{color:var(--ouro)}.escuro .eyebrow::before{background:var(--ouro)}
.claro .eyebrow{color:var(--ouro-claro)}.claro .eyebrow::before{background:var(--ouro-claro)}
.cabeca{max-width:820px;margin-bottom:40px}
.cabeca p{margin-top:18px}
@media (min-width:641px){.cabeca{margin-bottom:56px}}
.fecho{margin-top:40px;font-size:clamp(19px,2vw,24px);font-weight:500;letter-spacing:-.01em;max-width:820px;line-height:1.4}
.claro .fecho{color:var(--t-claro)}.escuro .fecho{color:var(--t-escuro)}

/* Link de seguir, sempre com o destino escrito */
.seguir{display:inline-flex;align-items:center;gap:10px;margin-top:32px;font-weight:600;font-size:16px;text-decoration:none;min-height:44px}
.seguir::after{content:"";width:22px;height:10px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h19M16 1.2 20 5l-4 3.8'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M1 5h19M16 1.2 20 5l-4 3.8'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .2s ease}
.seguir:hover::after{transform:translateX(3px)}
.claro .seguir{color:var(--acao)}.escuro .seguir{color:var(--ouro-luz)}
.seguir:hover{text-decoration:underline;text-underline-offset:4px}

/* Losango, o marcador da marca */
.losango{display:inline-block;width:9px;height:9px;transform:rotate(45deg);flex:none;margin-top:.62em}
.escuro .losango{background:var(--ouro)}.claro .losango{background:var(--ouro-claro)}
ul.l{list-style:none;display:grid;gap:14px}
ul.l li{display:flex;gap:14px}

/* Marcador do que ainda falta decidir. Some quando o dado chega */
.pendente{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;border:1px dashed;border-radius:999px;padding:6px 12px;line-height:1.3}
.pendente::before{content:"";width:7px;height:7px;transform:rotate(45deg);background:currentColor;flex:none}
.escuro .pendente{color:var(--ouro-luz);border-color:rgba(201,174,110,.6)}
.claro .pendente{color:var(--ouro-claro);border-color:rgba(127,102,54,.5)}

/* ---------- 6. Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:16px;line-height:1.25;padding:15px 24px;min-height:48px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;text-align:center;transition:background .2s ease,border-color .2s ease}
.btn-p{background:var(--acao);color:var(--acao-texto)}
.btn-p:hover{background:var(--acao-hover)}
.btn-s{background:transparent;color:var(--t-escuro);border:1px solid rgba(255,255,255,.28)}
.btn-s:hover{border-color:rgba(255,255,255,.55)}
.claro .btn-s{color:var(--t-claro);border-color:var(--borda-claro)}
.acoes{display:flex;flex-direction:column;gap:12px;margin-top:32px}
@media (min-width:560px){.acoes{flex-direction:row;flex-wrap:wrap}}
@media (min-width:641px){.btn{padding:18px 26px}}

/* ---------- 7. Cabeçalho e menu ---------- */
.topo{position:sticky;top:0;z-index:60;background:var(--breu);border-bottom:1px solid var(--borda-escuro);color:var(--t-escuro)}
.topo-barra{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:var(--altura-topo)}
.topo-logo{display:flex;align-items:center;min-height:44px;flex:none}
.topo-logo img{width:260px;height:auto} /* Regra do logo. Horizontal ouro no navy, 260 px no cabeçalho, nunca abaixo de 240 px. Abaixo disso, só o símbolo (seção 27.1) */
.topo-acao{display:none}
.menu-botao{display:inline-flex;align-items:center;gap:10px;min-height:44px;min-width:44px;padding:0 14px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:transparent;color:var(--t-escuro);font-weight:600;font-size:15px;cursor:pointer}
.menu-botao i{position:relative;width:16px;height:2px;background:currentColor;border-radius:2px}
.menu-botao i::before,.menu-botao i::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px;transition:transform .2s ease}
.menu-botao i::before{top:-5px}.menu-botao i::after{top:5px}
.menu-botao[aria-expanded="true"] i{background:transparent}
.menu-botao[aria-expanded="true"] i::before{transform:translateY(5px) rotate(45deg)}
.menu-botao[aria-expanded="true"] i::after{transform:translateY(-5px) rotate(-45deg)}
.menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--breu);border-bottom:1px solid var(--borda-escuro);max-height:calc(100vh - var(--altura-topo));overflow:auto}
.menu.aberto{display:block}
.menu ul{list-style:none;display:grid;padding:8px 16px 4px}
.menu li a{display:flex;align-items:center;min-height:52px;padding:0 4px;color:var(--t-escuro);text-decoration:none;font-weight:500;font-size:17px;border-bottom:1px solid var(--borda-escuro)}
.menu li a[aria-current="page"]{color:var(--ouro-luz)}
.menu-acao{padding:16px 16px 22px}
.menu-acao .btn{width:100%}
html:not(.js) .menu{display:block;position:static;background:transparent;border:0}
html:not(.js) .menu-botao{display:none}
html:not(.js) .topo{position:relative}
html:not(.js) .topo-barra{flex-wrap:wrap}
@media (min-width:641px){.menu ul{padding:8px 24px 4px}.menu-acao{padding:16px 24px 22px}}
@media (min-width:760px){.topo-acao{display:inline-flex;margin-left:auto;padding:11px 18px;min-height:44px;font-size:14px}.menu-acao{display:none}}
@media (min-width:1240px){
  .menu-botao{display:none}
  .menu{display:block;position:static;background:transparent;border:0;max-height:none;overflow:visible;margin-left:auto;order:2}
  .menu ul{display:flex;gap:24px;padding:0}
  .menu li a{min-height:44px;padding:0;border:0;font-size:15px;color:var(--apoio-escuro)}
  .menu li a:hover{color:var(--t-escuro)}
  .menu li a[aria-current="page"]{color:var(--t-escuro);box-shadow:inset 0 -2px 0 var(--ouro)}
  .topo-acao{margin-left:8px;order:3}
}

/* Trilha de navegação das páginas internas */
.migalhas ol{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;font-size:13.5px;margin-bottom:24px}
.migalhas li{display:flex;align-items:center;gap:10px}
.migalhas li+li::before{content:"";width:5px;height:5px;transform:rotate(45deg);background:currentColor;opacity:.6}
.migalhas a{text-decoration:none}
.migalhas a:hover{text-decoration:underline}
.escuro .migalhas{color:var(--apoio-escuro)}.escuro .migalhas [aria-current]{color:var(--t-escuro)}
.claro .migalhas{color:var(--apoio-claro)}.claro .migalhas [aria-current]{color:var(--t-claro)}

/* ---------- 8. Topo de página (hero) ---------- */
.hero{padding:48px 0 72px}
.hero-grid{display:grid;gap:44px;align-items:center}
.hero .lead{margin-top:22px}
.kicker{color:var(--ouro);font-size:clamp(16px,1.6vw,20px);font-weight:500;line-height:1.4;margin-bottom:18px;display:flex;gap:12px;align-items:flex-start}
.kicker::before{content:"";width:9px;height:9px;background:var(--ouro);transform:rotate(45deg);flex:none;margin-top:.5em}
.hero h1{font-size:clamp(32px,4.4vw,54px)}
.hero-peca{min-width:0}
.hero-peca .seguir{margin-top:18px;font-size:15px}
.hero.simples{padding:56px 0 64px}
.hero.simples h1{font-size:clamp(30px,4.6vw,52px);max-width:900px}
@media (min-width:641px){.hero{padding:72px 0 96px}.hero.simples{padding:80px 0 88px}}
@media (min-width:1000px){.hero-grid{grid-template-columns:.95fr 1.05fr;gap:52px}.hero{padding:96px 0 112px}}

/* Faixa de três fatos */
.trio{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;margin-top:32px;padding-top:22px;border-top:1px solid var(--borda-escuro);max-width:600px}
.trio div{padding:0 14px;border-left:1px solid var(--borda-escuro);min-width:0}
.trio div:first-child{padding-left:0;border-left:0}
.trio b{display:block;font-size:24px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--ouro-luz)}
.trio span{display:block;margin-top:6px;font-size:13px;line-height:1.3;color:var(--apoio-escuro);max-width:150px}
@media (min-width:641px){.trio div{padding:0 20px}.trio b{font-size:30px}}

/* ---------- 9. Bloco de entidade. O que é, para quem e quem conduz, em poucas frases ---------- */
.entidade{display:grid;gap:24px}
.entidade p{font-size:clamp(17px,1.5vw,19px);line-height:1.6;color:var(--corpo-claro);max-width:760px}
.entidade p b{color:var(--t-claro);font-weight:600}
.entidade .assinatura{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--apoio-claro)}
.entidade .assinatura img{width:auto;height:40px}
@media (min-width:900px){.entidade{grid-template-columns:1fr auto;align-items:end;gap:48px}}

/* ---------- 10. Encaixe. Para quem é ---------- */
.lg-enc{display:grid;gap:24px;margin-top:6px}
.lg-enc blockquote{padding:0 0 0 20px;border-left:2px solid var(--ouro);font-size:18px;line-height:1.5;letter-spacing:-.01em;color:var(--t-claro)}
.lg-enc ul{list-style:none;display:grid;gap:12px}
.lg-enc li{background:var(--card);border:1px solid var(--borda-claro);border-radius:13px;padding:16px 18px}
.lg-enc li small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro-claro)}
.lg-enc li b{display:block;margin-top:5px;font-size:16px;font-weight:600;color:var(--t-claro);line-height:1.4}
@media (min-width:900px){.lg-enc{grid-template-columns:1.25fr 1fr;gap:34px;align-items:start}.lg-enc blockquote{font-size:21px;padding-left:22px}}

/* ---------- 11. Cartões ---------- */
.cartoes{display:grid;gap:14px;list-style:none}
.cartao{background:var(--card);border:1px solid var(--borda-claro);border-radius:var(--r-md);padding:22px 22px 24px}
.cartao h3{font-size:18px;margin-bottom:8px}
.cartao p{font-size:15.5px;line-height:1.55}
.cartao .rot{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:10px}
.cartao.forte{background:var(--fundo);border-color:var(--fundo);color:var(--apoio-escuro)}
.cartao.forte h3{color:var(--t-escuro)}
.cartao.forte .rot{color:var(--ouro)}
.escuro .cartao{background:var(--card-escuro);border-color:var(--borda-escuro);color:var(--apoio-escuro)}
.escuro .cartao h3{color:var(--t-escuro)}
.escuro .cartao .rot{color:var(--ouro)}
@media (min-width:641px){.cartoes{grid-template-columns:repeat(2,1fr);gap:16px}.cartao{padding:26px 26px 28px}}
@media (min-width:960px){.cartoes.c3{grid-template-columns:repeat(3,1fr)}}

/* ---------- 12. Etapas, a trilha numerada ---------- */
.etapas{list-style:none;display:grid;gap:26px;counter-reset:et}
.etapa{position:relative;counter-increment:et;display:grid;grid-template-columns:44px 1fr;gap:16px}
.etapa::before{content:counter(et);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--ouro);color:var(--fundo);font-weight:600;position:relative;z-index:1}
.etapa h3{font-size:18px;margin:9px 0 6px}
.etapa p{font-size:15px;line-height:1.55}
.etapa .etiqueta{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 10px;border-radius:999px}
.claro .etapa .etiqueta{color:var(--ouro-claro);background:rgba(127,102,54,.1)}
.escuro .etapa .etiqueta{color:var(--ouro-luz);background:rgba(201,174,110,.12)}
.etapa a{text-decoration:none}
.etapa a:hover{text-decoration:underline}
@media (min-width:1040px){
  .etapas{grid-template-columns:repeat(5,1fr);gap:22px}
  .etapas::before{content:"";position:absolute;top:22px;left:22px;right:10%;height:2px;background:linear-gradient(90deg,var(--ouro),rgba(201,174,110,.12))}
  .etapas{position:relative}
  .etapa{display:block}
  .etapa::before{margin-bottom:16px}
  .etapa h3{margin:0 0 8px;font-size:17px}
  .etapa p{font-size:14.5px}
}

/* ---------- 13. Pessoas ---------- */
.pessoas{display:grid;gap:16px}
.pessoa{background:var(--card);border:1px solid var(--borda-claro);border-radius:var(--r-lg);padding:24px;display:grid;gap:18px;align-content:start}
.avatar{width:104px;height:104px;overflow:hidden;border-radius:50%;background:radial-gradient(70% 70% at 30% 20%,#184068,#0B2038);box-shadow:inset 0 0 0 1px rgba(201,174,110,.5)}
.avatar img{width:100%;height:100%;object-fit:cover}
.pessoa .dominio{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:8px}
.pessoa h3{font-size:24px;margin-bottom:10px}
.pessoa h3 a{text-decoration:none}
.pessoa h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.pessoa p{font-size:15.5px}
.pilulas{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;list-style:none}
.pilulas li{padding:7px 12px;border-radius:999px;border:1px solid var(--borda-claro);background:var(--porcelana);font-size:13px;font-weight:500;color:var(--t-claro)}
.pessoa .papel{margin-top:16px;padding-top:14px;border-top:1px solid var(--borda-claro);font-size:14.5px;color:var(--apoio-claro)}
.pessoa .papel b{color:var(--ouro-claro);font-weight:600}
.pessoa .seguir{margin-top:14px;font-size:15px}
@media (min-width:521px){.pessoa{grid-template-columns:auto 1fr;gap:22px;padding:32px}}
@media (min-width:960px){.pessoas{grid-template-columns:1fr 1fr}}

/* ---------- 14. Live e imersões ---------- */
.lg-live{display:grid;gap:18px;background:var(--card-escuro);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:24px;margin-top:8px}
.lg-live-q{border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 18px}
.lg-live-q b{display:block;font-size:40px;font-weight:600;letter-spacing:-.03em;color:var(--ouro);line-height:1}
.lg-live-q span{display:block;margin-top:8px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--apoio-escuro)}
.lg-live p{font-size:16.5px;line-height:1.55;color:var(--apoio-escuro)}
.lg-live p b{color:var(--t-escuro);font-weight:600}
.lg-live .btn{width:100%}
@media (min-width:900px){.lg-live .btn{width:auto}.lg-live{grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px 30px}.lg-live-q{border-bottom:0;border-right:1px solid rgba(255,255,255,.12);padding:0 28px 0 0;text-align:center}.lg-live p{font-size:17px}}
.eventos{display:grid;gap:14px;margin-top:16px}
.evento{display:flex;flex-direction:column;gap:12px;background:var(--card-escuro);border:1px solid var(--borda-escuro);border-radius:18px;padding:22px 22px 24px}
.evento .rot{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)}
.evento h3{font-size:21px}
.evento p{font-size:15.5px;line-height:1.55}
.evento .pendente{align-self:flex-start}
.evento .seguir{margin-top:auto;padding-top:6px}
.eventos-nota{margin-top:18px;font-size:14px;color:var(--apoio-escuro);max-width:760px}
@media (min-width:760px){.eventos{grid-template-columns:1fr 1fr;gap:16px}.evento{padding:26px 28px 28px}}

/* ---------- 15. O que não prometemos e para quem não é ---------- */
.lg-nao{display:grid;gap:16px;margin-top:8px;align-items:stretch}
.lg-nao > div{border-radius:16px;padding:24px 22px 22px}
.lg-nao h3{margin:0 0 16px;font-size:19px;letter-spacing:-.02em}
.lg-nao ul{list-style:none;display:grid;gap:13px}
.lg-nao li{display:grid;grid-template-columns:10px 1fr;gap:13px;font-size:15.5px;line-height:1.5}
.lg-nao li i{width:8px;height:8px;transform:rotate(45deg);margin-top:8px}
.lg-nao-esc{background:var(--fundo);color:var(--apoio-escuro)}
.lg-nao-esc h3{color:var(--t-escuro) !important}
.lg-nao-esc li i{background:var(--ouro)}
.lg-nao-cla{background:var(--card);border:1px solid var(--borda-claro);color:var(--corpo-claro)}
.lg-nao-cla li i{background:var(--ouro-claro)}
.lg-nao-cla b{color:var(--t-claro)}
@media (min-width:900px){.lg-nao{grid-template-columns:1fr 1.25fr;gap:18px}.lg-nao > div{padding:28px 28px 26px}}

/* ---------- 16. Perguntas frequentes ---------- */
.faq{max-width:860px}
.faq details{border-bottom:1px solid var(--borda-claro);padding:6px 0}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:56px;padding:12px 0;color:var(--t-claro);font-weight:600;font-size:17px;line-height:1.35}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--ouro-claro);font-weight:500;font-size:24px;line-height:1;flex:none}
.faq details[open] summary::after{content:"\2212"}
.faq details > p{margin:0 0 18px;font-size:16px;max-width:760px}
.faq h3{font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0}
@media (min-width:641px){.faq summary{font-size:18px}}

/* ---------- 17. Chamada final e passos da pré-leitura ---------- */
.final-grid{display:grid;gap:36px;align-items:start}
.final .lead{margin-top:18px}
.passos-leitura{list-style:none;display:grid;gap:18px;counter-reset:pl;margin-top:30px}
.passos-leitura li{display:grid;grid-template-columns:36px 1fr;gap:14px;counter-increment:pl;color:var(--t-escuro);font-size:16.5px;line-height:1.4}
.passos-leitura li::before{content:counter(pl);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(201,174,110,.14);color:var(--ouro);font-weight:600;font-size:14px}
.passos-leitura li span{display:block;color:var(--apoio-escuro);font-size:14.5px;margin-top:2px}
.final-nota{margin-top:26px;font-size:14.5px;color:var(--apoio-escuro);max-width:520px}
.final-nota a{color:var(--t-escuro)}
@media (min-width:960px){.final-grid{grid-template-columns:1fr 1fr;gap:56px}}

/* ---------- 18. Formulário único ---------- */
.form-unico{position:relative;background:#fff;color:var(--t-claro);border-radius:20px;padding:24px 20px 22px;box-shadow:0 30px 80px -30px rgba(1,5,11,.75)}
@media (min-width:641px){.form-unico{padding:32px 30px 28px}}
.form-titulo{font-size:22px;line-height:1.2;font-weight:600;letter-spacing:-.02em;color:var(--t-claro) !important}
.form-sub{margin-top:6px;font-size:15px;color:var(--corpo-claro)}
.form-passo{margin-top:14px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.form-etapa{display:grid;gap:16px;margin-top:20px;border:0;padding:0;min-width:0}
.campo{display:grid;gap:6px;min-width:0}
.campo > label,.campo legend{font-size:14px;font-weight:600;color:var(--t-claro);padding:0}
.campo .dica{font-size:13px;color:var(--apoio-claro);font-weight:400}
.campo input:not([type=checkbox]):not([type=radio]),.campo textarea{width:100%;font-size:16px;line-height:1.4;padding:12px 14px;min-height:48px;border:1px solid #CFCCC6;border-radius:var(--r-sm);background:#FCFCFB;color:var(--t-claro)}
.campo textarea{min-height:88px;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:2px solid var(--acao);outline-offset:1px;border-color:var(--acao)}
.campo [aria-invalid="true"]{border-color:var(--erro) !important}
.campo fieldset{border:0;padding:0;margin:0;min-width:0}
.opcoes{display:grid;gap:8px;margin-top:6px}
.opcao{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;min-height:48px;border:1px solid #CFCCC6;border-radius:var(--r-sm);background:#FCFCFB;font-size:15px;line-height:1.4;color:var(--t-claro);cursor:pointer}
.opcao input{margin:2px 0 0;width:18px;height:18px;flex:none;accent-color:var(--fundo)}
.opcao:has(input:checked){border-color:var(--fundo);background:#F1F4F8}
.aceite{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;line-height:1.5;color:var(--corpo-claro);cursor:pointer}
.aceite input{margin:2px 0 0;width:20px;height:20px;flex:none;accent-color:var(--fundo)}
.aceite a{color:var(--acao)}
.aceite-opcional{margin-top:12px}
.erro-campo{font-size:13px;color:var(--erro);font-weight:500}
.btn-form{width:100%;margin-top:4px;background:var(--fundo);color:var(--t-escuro)}
.btn-form:hover{background:var(--halo)}
.btn-form[disabled]{opacity:.7;cursor:progress}
.form-obs{margin-top:12px;font-size:13px;color:var(--apoio-claro);text-align:center}
.form-erro{margin-top:12px;font-size:14px;color:var(--erro);font-weight:500}
.form-erro a{color:inherit}
.form-recebido{padding:20px 0 6px;text-align:center}
.form-recebido p{margin-top:8px;font-size:15px}
.campo-mel{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}

/* ---------- 19. Texto corrido. Artigo, pilar e páginas legais ---------- */
.texto{max-width:720px;color:var(--corpo-claro);font-size:17px;line-height:1.7}
.texto > * + *{margin-top:18px}
.texto h2{font-size:clamp(24px,3vw,32px);margin-top:48px;color:var(--t-claro)}
.texto h3{font-size:20px;margin-top:32px;color:var(--t-claro)}
.texto a{color:var(--acao);text-underline-offset:3px}
.texto ul,.texto ol{padding-left:0;list-style:none;display:grid;gap:10px}
/* Item de lista em bloco, com o marcador posto à parte, para link e negrito seguirem na mesma linha do texto */
.texto ul li{position:relative;padding-left:22px}
.texto ul li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;transform:rotate(45deg);background:var(--ouro-claro)}
.texto ol{counter-reset:tx}
.texto ol li{position:relative;counter-increment:tx;padding-left:38px}
.texto ol li::before{content:counter(tx) ".";position:absolute;left:0;top:0;font-weight:600;color:var(--ouro-claro)}
.texto blockquote{border-left:2px solid var(--ouro);padding-left:18px;color:var(--t-claro);font-size:19px;line-height:1.5}
.texto .resposta{font-size:clamp(18px,1.7vw,20px);color:var(--t-claro);line-height:1.6}
.texto .norma{font-size:15px;background:var(--porcelana);border:1px solid var(--borda-claro);border-radius:var(--r-sm);padding:14px 16px}
.autor{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;margin-top:48px;padding:20px;border:1px solid var(--borda-claro);border-radius:var(--r-md);background:var(--card);max-width:720px}
.autor img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.autor small{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.autor b{display:block;color:var(--t-claro);font-size:17px}
.autor a{color:var(--acao);font-size:14.5px}
.datas{font-size:14px;color:var(--apoio-claro)}
.escuro .datas{color:var(--apoio-escuro)}

/* ---------- 20. Rodapé ---------- */
.rodape{background:var(--abismo);color:var(--apoio-escuro);font-size:14.5px;line-height:1.6;padding:56px 0 28px}
.rodape a{color:var(--apoio-escuro);text-underline-offset:3px}
.rodape a:hover{color:var(--t-escuro)}
.rodape-grid{display:grid;gap:36px}
.rodape-marca .rodape-logo{width:260px;height:auto}
.rodape-marca p{margin-top:16px;max-width:360px}
.rodape-marca .aviso{font-size:13.5px}
/* Selo de membro oficial da Mentoring League Society ao lado da assinatura, 15/10/2026. Selo branco no fundo escuro */
.rodape-marca .rodape-mls{display:flex;align-items:center;gap:14px;max-width:420px}
.rodape-mls picture{flex:none}
.rodape-marca .rodape-mls img{height:50px;width:auto}
.rodape h2{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);margin-bottom:14px;line-height:1.3}
.rodape ul{list-style:none;display:grid;gap:2px}
.rodape li a{display:inline-flex;align-items:center;min-height:36px;text-decoration:none}
.rodape li a:hover{text-decoration:underline}
.rodape address{font-style:normal;display:grid;gap:10px}
.rodape address b{color:var(--t-escuro);font-weight:500}
.rodape-linha{margin-top:40px;padding-top:20px;border-top:1px solid var(--borda-escuro);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:13px}
.botao-link{background:none;border:0;padding:0;color:var(--apoio-escuro);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:inherit;min-height:36px}
.botao-link:hover{color:var(--t-escuro)}
@media (min-width:760px){.rodape-grid{grid-template-columns:1.3fr 1fr 1fr}}
@media (min-width:1080px){.rodape-grid{grid-template-columns:1.4fr 1.2fr .8fr .8fr}}

/* ---------- 21. Aviso de cookies. Aceitar e recusar com o mesmo peso ---------- */
.cookies{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;max-width:560px;margin:0 auto;background:var(--breu);color:var(--apoio-escuro);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:18px 18px 16px;box-shadow:0 20px 60px -20px rgba(0,0,0,.8);font-size:14px;line-height:1.5}
.cookies p b{color:var(--t-escuro);font-weight:600}
.cookies a{color:var(--t-escuro)}
.cookies-botoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.cookies-botoes button{min-height:44px;border-radius:999px;border:1px solid rgba(201,174,110,.7);background:transparent;color:var(--t-escuro);font-weight:600;font-size:15px;cursor:pointer}
.cookies-botoes button:hover{background:rgba(201,174,110,.12)}
@media (min-width:760px){.cookies{left:24px;right:auto;bottom:24px}}

/* ---------- 22. Página 404 ---------- */
.p404 .busca{display:flex;flex-direction:column;gap:10px;margin-top:28px;max-width:520px}
.p404 .busca input{width:100%;min-height:48px;padding:12px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.06);color:var(--t-escuro);font-size:16px}
.p404 .busca input::placeholder{color:var(--apoio-escuro)}
.p404 .links{list-style:none;display:grid;gap:10px;margin-top:32px}
.p404 .links a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:0 18px;border:1px solid var(--borda-escuro);border-radius:14px;background:var(--card-escuro);color:var(--t-escuro);text-decoration:none;font-weight:500}
.p404 .links a:hover{border-color:rgba(201,174,110,.6)}
@media (min-width:560px){.p404 .busca{flex-direction:row}.p404 .links{grid-template-columns:1fr 1fr}}

/* ---------- 23. Movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ---------- 24. Ajustes das peças dentro do site ---------- */
/* No site, o texto das linhas do Radar quebra em vez de ser cortado com reticências */
.rd-wrap .rd-o b,.rd-wrap .rd-o small{white-space:normal;overflow:visible;text-overflow:clip}
/* Radar em seção clara. A legenda de baixo pega o tom de apoio do claro */
.claro .rd-wrap figcaption{color:var(--apoio-claro)}

/* ---------- 25. Blocos que subiram das páginas, 14/10/2026 ----------
   Eram estilo local repetido nas páginas. Um bloco por necessidade, na ordem do mapa do site. */

/* 25.1 Topo interno com foto. Páginas de pessoa e conselheiros. foto-topo larga é a foto dos dois juntos */
.hero-foto .hero-grid{align-items:center}
.foto-topo{margin:0;width:100%;max-width:380px;border-radius:var(--r-lg);overflow:hidden;background:var(--breu);box-shadow:inset 0 0 0 1px rgba(201,174,110,.35)}
.foto-topo.larga{max-width:420px}
.foto-topo img{width:100%;aspect-ratio:4/5;object-fit:cover}
@media (min-width:1000px){.hero-foto .hero-grid{grid-template-columns:1.3fr .7fr}.foto-topo{justify-self:end}}

/* 25.2 Assuntos da pessoa e citação em destaque */
.assuntos{max-width:820px}
.assuntos li{font-size:16.5px;line-height:1.6;color:var(--corpo-claro)}
.assuntos li b{color:var(--t-claro);font-weight:600}
.frase{margin-top:40px;max-width:820px;border-left:2px solid var(--ouro);padding-left:20px;font-size:clamp(19px,2vw,23px);line-height:1.45;font-weight:500;color:var(--t-claro)}

/* 25.3 Lista com losango em seção escura */
.escuro ul.l li{color:var(--apoio-escuro);font-size:16.5px;line-height:1.6;max-width:820px}
.escuro ul.l li b{color:var(--t-escuro);font-weight:600}

/* 25.4 Bloco de dados da empresa e assinatura da Mentoring League Society. Sobre */
.dados{display:grid;gap:0;max-width:820px;border-top:1px solid var(--borda-claro)}
.dados div{display:grid;gap:4px;padding:16px 0;border-bottom:1px solid var(--borda-claro)}
.dados dt{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.dados dd{color:var(--t-claro);font-size:16.5px;line-height:1.55}
.dados a{color:var(--acao);text-underline-offset:3px}
@media (min-width:641px){.dados div{grid-template-columns:200px 1fr;gap:24px;padding:18px 0}.dados dt{padding-top:3px}}
.chancela{display:grid;gap:28px}
.chancela .texto{max-width:none}
.chancela .assinatura{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--apoio-claro);padding:18px 20px;border:1px solid var(--borda-claro);border-radius:var(--r-md);background:var(--card)}
.chancela .assinatura img{width:auto;height:40px}
@media (min-width:900px){.chancela{grid-template-columns:1.4fr 1fr;gap:48px;align-items:start}}

/* 25.5 Dados de contato. Contato */
.ct-canais .cartao a{color:var(--acao);font-weight:600;font-size:17px;text-underline-offset:3px;word-break:break-word}
.ct-canais .cartao.forte a{color:var(--ouro-luz)}
.ct-dados{font-style:normal}
.ct-dados .cartao p + p{margin-top:8px}
.ct-dados .cartao b{color:var(--t-claro);font-weight:600}

/* 25.6 Linha de rodapé no cartão. Regra da camada, o que a estrutura não faz, onde olhar */
.cartao .camada-regra{margin-top:14px;padding-top:12px;border-top:1px solid var(--borda-claro);font-size:14px;font-weight:600;color:var(--ouro-claro)}
.cartao.forte .camada-regra{border-color:rgba(255,255,255,.14);color:var(--ouro)}
.cartao .nao-faz{margin-top:14px;padding-top:12px;border-top:1px solid var(--borda-claro);font-size:14.5px;color:var(--apoio-claro)}
.cartao .nao-faz b{display:block;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:4px}
.cartao.forte .nao-faz{border-color:rgba(255,255,255,.14);color:var(--apoio-escuro)}
.cartao.forte .nao-faz b{color:var(--ouro)}
.cartao .olha{margin-top:16px;padding-top:14px;border-top:1px solid var(--borda-claro);font-size:14.5px}
.cartao .olha b{display:block;font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--apoio-claro);margin-bottom:4px}
.cartao.forte .olha{border-top-color:var(--borda-escuro)}
.cartao.forte .olha b{color:var(--ouro)}

/* 25.7 Ficha do evento e nota do Código de Defesa do Consumidor. Live e imersões */
.ev-ficha{display:grid;margin-top:28px;max-width:640px}
.ev-ficha div{display:grid;grid-template-columns:minmax(96px,140px) 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--borda-escuro)}
.ev-ficha div:last-child{border-bottom:1px solid var(--borda-escuro)}
.ev-ficha dt{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)}
.ev-ficha dd{margin:0;color:var(--t-escuro);font-size:16px;line-height:1.45}
.ev-ficha .pendente{margin:0}
.nota-cdc{margin-top:22px;padding:16px 18px;border:1px solid var(--borda-escuro);border-radius:14px;font-size:14.5px;line-height:1.55;color:var(--apoio-escuro);max-width:560px}
.nota-cdc b{color:var(--t-escuro);font-weight:600}
.nota-cdc a{color:var(--ouro-luz)}

/* 25.8 Documento legal, com selo de versão e sumário. Privacidade, termos e aviso jurídico */
.versao{margin-top:22px}
.sumario{border:1px solid var(--borda-claro);border-radius:var(--r-md);background:var(--card);padding:20px 22px}
.sumario b{display:block;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:12px}
.texto .sumario ol{gap:6px;font-size:16px}
.texto .sumario a{text-decoration:none}
.texto .sumario a:hover{text-decoration:underline}
.texto h2{scroll-margin-top:calc(var(--altura-topo) + 16px)}
.texto .pendente{vertical-align:middle}
.legal-links{display:flex;flex-wrap:wrap;gap:0 28px;max-width:720px}
.estrutura-nao{margin-top:12px;padding-top:12px;border-top:1px solid var(--borda-claro);font-size:15px}
.escuro .estrutura-nao{border-top-color:var(--borda-escuro)}

/* 25.9 Cartão de tema com perguntas. Índice de artigos */
.temas .cartao{display:flex;flex-direction:column}
.temas .cartao h3 a{text-decoration:none}
.temas .cartao h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.tema-meta{display:grid;gap:4px;margin-top:14px;font-size:14px;line-height:1.5;color:var(--apoio-claro)}
.tema-meta b{color:var(--t-claro);font-weight:600}
.tema-meta a{color:var(--acao);text-underline-offset:3px}
.tema-perguntas{list-style:none;display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--borda-claro)}
.tema-perguntas li{display:flex;gap:12px;font-size:15px;line-height:1.45;color:var(--t-claro)}
.tema-perguntas li::before{content:"";width:6px;height:6px;transform:rotate(45deg);background:var(--ouro-claro);flex:none;margin-top:.6em}
.tema-perguntas a{color:var(--acao);text-underline-offset:3px}
.temas .seguir{margin-top:auto;padding-top:18px;font-size:15px}
.como-lista{max-width:720px;margin-top:32px}

/* 25.10 Pequenos ajustes de uso comum. Par de links de seguir, texto sem quebra, parágrafos seguidos na entidade */
.seguir-par{display:flex;flex-wrap:wrap;gap:0 32px}
.nw{white-space:nowrap}
.entidade p + p{margin-top:14px}

/* 25.11 Etapa por extenso. Método */
.mt-etapas{list-style:none;display:grid;gap:14px;max-width:880px}
.mt-etapa{background:var(--card);border:1px solid var(--borda-claro);border-radius:var(--r-md);padding:24px 22px 26px;scroll-margin-top:calc(var(--altura-topo) + 16px)}
.mt-etapa .rot{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:10px}
.mt-etapa .rot span{letter-spacing:.04em;text-transform:none;font-size:12px;padding:4px 10px;border-radius:999px;background:rgba(127,102,54,.1)}
.mt-etapa h3{font-size:clamp(20px,2.2vw,24px);margin-bottom:6px}
.mt-etapa .pergunta{font-size:clamp(17px,1.6vw,19px);color:var(--t-claro);font-weight:500;line-height:1.45;margin-bottom:14px}
.mt-etapa p + p{margin-top:12px}
.mt-etapa p{font-size:16px;line-height:1.65}
.mt-etapa .seguir{margin-top:18px;font-size:15px}
@media (min-width:641px){.mt-etapa{padding:30px 32px 32px}}

/* 25.12 Perguntas abertas, com índice. Perguntas frequentes */
.pf-indice{list-style:none;display:grid;gap:4px;margin-top:28px;max-width:900px}
.pf-indice a{display:inline-flex;min-height:36px;align-items:center;color:var(--ouro-luz);text-decoration:none;font-size:15.5px;line-height:1.4}
.pf-indice a:hover{text-decoration:underline;text-underline-offset:3px}
.pf-lista{list-style:none;display:grid;gap:14px}
.pf-item{background:var(--card);border:1px solid var(--borda-claro);border-radius:var(--r-md);padding:22px 22px 24px;scroll-margin-top:calc(var(--altura-topo) + 16px)}
.pf-item h3{font-size:clamp(18px,1.8vw,21px);margin-bottom:10px}
.pf-item p{font-size:16px;line-height:1.65}
.pf-item p + p{margin-top:10px}
.pf-item .resposta{color:var(--t-claro);font-weight:500}
.secao.pf-seg{padding-top:0}
@media (min-width:641px){.pf-indice{grid-template-columns:1fr 1fr;column-gap:32px}.pf-item{padding:28px 30px 30px}}
@media (min-width:900px){.pf-lista{grid-template-columns:1fr 1fr;gap:16px}}

/* 25.13 Pilares de território. Margem da linha de autor e espaço da peça da tese depois do texto */
.hero.simples .datas{margin-top:20px}
.texto + .lg-tese{margin-top:48px}

/* ---------- 26. Peças desenhadas da home, 15/10/2026 ----------
   Pedido do Guilherme Minaré. Mais peças visuais no espírito do painel do Radar, com cor alternada.
   Ouro na tese, claro na trilha, navy na mesa, branco na live e papel na agenda. Nenhuma pessoa gerada,
   só fotos da ficha. Movimento só com prefers-reduced-motion livre, no fim desta seção. */

/* 26.1 Topo da home. Foto da dupla na plenária, enquadrada nos dois, e o selo da Mentoring League Society */
.selo-mls{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:13.5px;line-height:1.4;color:var(--apoio-escuro);max-width:440px}
.selo-mls picture{flex:none}
.selo-mls img{width:auto;height:38px}
.hero-dupla .trio{margin-top:24px}
.dupla{margin:0;min-width:0}
.dupla-quadro{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--breu);box-shadow:0 40px 90px -40px rgba(0,0,0,.85)}
.dupla-quadro img{width:100%;aspect-ratio:3/2;object-fit:cover}
.dupla-quadro::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(201,174,110,.35);background:linear-gradient(180deg,rgba(6,18,34,0) 60%,rgba(6,18,34,.5) 100%);pointer-events:none}
.dupla-quadro::before{content:"";position:absolute;z-index:1;inset:12px;border:1px solid rgba(201,174,110,.5);border-radius:16px;pointer-events:none}
.dupla figcaption{display:flex;gap:10px;margin-top:14px;font-size:13.5px;line-height:1.45;color:var(--apoio-escuro)}
.dupla figcaption .losango{width:7px;height:7px;margin-top:.5em}
@media (min-width:641px){.selo-mls img{height:42px}.dupla-quadro::before{inset:16px}}
@media (min-width:1000px){
  .hero.hero-dupla{padding:64px 0 104px} /* o selo fica acima do aviso de cookies na primeira visita, em 1440 por 900 */
  .hero-dupla .hero-grid{grid-template-columns:1.06fr .94fr;gap:56px}
  .dupla{position:relative}
  .dupla-quadro img{aspect-ratio:1/1}
  .dupla-quadro::after{background:linear-gradient(180deg,rgba(6,18,34,0) 56%,rgba(6,18,34,.82) 100%)}
  .dupla figcaption{position:absolute;z-index:2;left:34px;right:34px;bottom:32px;margin:0;color:var(--t-escuro)}
}

/* 26.2 Radar de Oportunidades em seção própria, logo abaixo do topo. O painel ocupa a largura toda, com o mapa ao lado da lista */
.radar-grid{display:grid;gap:0}
.radar-grid .cabeca{margin-bottom:32px}
.radar-grid .seguir{margin-top:18px}
.radar-peca{min-width:0}
@media (min-width:1000px){
  .radar-grid .cabeca{max-width:none;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);column-gap:56px;align-items:end;margin-bottom:44px}
  .radar-grid .eyebrow,.radar-grid h2{grid-column:1}
  .radar-grid .lead{grid-column:2;grid-row:1 / span 2;margin:0;font-size:18px}
  .radar-grid .seguir{grid-column:2;grid-row:3;margin-top:10px;justify-self:start}
  .radar-grid h2{grid-row:2}
}

/* 26.3 Tese em fundo ouro. A peça da carta marcada, de pecas.py, com o cabeçalho de edital e o carimbo */
.tese-ouro .lg-tese-c{position:relative;overflow:hidden;color:var(--t-claro);background:
  radial-gradient(70% 90% at 12% 0%,rgba(253,252,248,.55),transparent 60%),
  linear-gradient(135deg,var(--ouro-luz) 0%,var(--ouro) 100%);border:1px solid var(--ouro);box-shadow:0 34px 70px -40px rgba(127,102,54,.75)}
.tese-doc{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:0 120px 14px 0;border-bottom:1px dashed rgba(11,32,56,.35);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t-claro)}
.tese-doc span:first-child{background:var(--t-claro);color:var(--ouro-luz);padding:4px 10px;border-radius:6px}
.tese-carimbo{position:absolute;top:22px;right:24px;transform:rotate(-8deg);border:2px solid var(--t-claro);border-radius:8px;padding:5px 13px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--t-claro);box-shadow:inset 0 0 0 3px rgba(232,213,164,.6),inset 0 0 0 4px rgba(11,32,56,.5)}
.tese-ouro .lg-tese-cab{color:rgba(11,32,56,.8);border-bottom-color:rgba(11,32,56,.2)}
.tese-ouro .lg-tese-l{border-bottom-color:rgba(11,32,56,.2)}
.tese-ouro .lg-tese-l:last-child{border-bottom:0;padding-bottom:4px}
.tese-ouro .lg-tese-l b{color:var(--t-claro)}
.tese-ouro .lg-tese-l s{color:rgba(11,32,56,.8);text-decoration-color:rgba(11,32,56,.7)}
.tese-ouro .lg-tese-l span::before{background:var(--t-claro)}
@container (max-width:680px){
  .tese-ouro .lg-tese-l b{color:var(--t-claro)}
  .tese-ouro .lg-tese-l:first-of-type{border-top-color:rgba(11,32,56,.2)}
  .tese-doc{padding-right:96px}
  .tese-carimbo{top:20px;right:16px;font-size:11.5px;padding:4px 10px}
}

/* 26.4 As cinco etapas como trilha, com o pictograma de cada território */
.trilha{list-style:none;position:relative;display:grid;gap:14px}
.trilha::before{content:"";position:absolute;left:31px;top:32px;bottom:32px;width:2px;background:linear-gradient(180deg,var(--ouro-claro),rgba(127,102,54,.18))}
.trilha::after{content:"";position:absolute;left:27px;top:32px;width:10px;height:10px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 5px rgba(201,174,110,.22)}
.trilha-et{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.trilha-ico{position:relative;z-index:1;width:64px;height:64px;justify-self:center;border-radius:50%;display:grid;place-items:center;background:var(--card);color:var(--ouro-claro);border:1px solid var(--borda-claro);box-shadow:0 0 0 6px var(--perola),0 14px 30px -18px rgba(11,32,56,.5)}
.trilha-ico svg{width:34px;height:42px}
.trilha-ico svg *{vector-effect:non-scaling-stroke}
.trilha-et:nth-child(1) .trilha-ico,.trilha-et:nth-child(4) .trilha-ico{background:var(--fundo);border-color:var(--fundo);color:var(--ouro)}
.trilha-et > div{background:var(--card);border:1px solid var(--borda-claro);border-radius:var(--r-md);padding:18px 18px 20px;min-width:0}
.trilha-n{display:block;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:6px}
.trilha-et h3{font-size:18px;margin-bottom:6px}
.trilha-et p{font-size:15px;line-height:1.55}
.trilha .etiqueta{display:inline-block;margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.04em;padding:5px 10px;border-radius:999px;color:var(--ouro-claro);background:rgba(127,102,54,.1);text-decoration:none}
.trilha a.etiqueta:hover{text-decoration:underline}
@media (min-width:1040px){
  .trilha{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
  .trilha::before{left:10%;right:10%;top:33px;bottom:auto;width:auto;height:2px;background:linear-gradient(90deg,var(--ouro-claro),rgba(127,102,54,.2))}
  .trilha::after{left:10%;top:29px}
  .trilha-et{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;gap:18px}
  .trilha-ico{width:68px;height:68px}
  .trilha-ico svg{width:38px;height:47px}
  .trilha-et > div{width:100%;height:100%;padding:20px 18px 22px}
  .trilha-et h3{font-size:17px}
  .trilha-et p{font-size:14.5px}
}

/* 26.5 Conselho Estratégico. A mesa, em navy, com a foto da reunião e o caminho do hot seat */
.mesa-grid{display:grid;gap:16px}
.mesa{position:relative;isolation:isolate;margin:0;min-height:460px;border-radius:var(--r-lg);overflow:hidden;background:linear-gradient(160deg,#0F2A49 0%,var(--fundo) 50%,var(--breu) 100%);color:var(--t-escuro);box-shadow:0 34px 80px -40px rgba(11,32,56,.7)}
.mesa-foto{position:absolute;inset:0;z-index:-1}
.mesa-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.mesa-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,18,34,.2) 0%,rgba(6,18,34,0) 30%,rgba(6,18,34,.55) 58%,rgba(6,18,34,.94) 100%)}
.mesa-rot{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:999px;background:rgba(6,18,34,.66);border:1px solid rgba(201,174,110,.5);color:var(--ouro-luz);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.mesa-vivo{width:8px;height:8px;transform:rotate(45deg);background:var(--ouro);flex:none}
.mesa-hot{position:absolute;left:14px;right:14px;bottom:42px;background:rgba(6,18,34,.74);border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 12px 14px}
.mesa-hot small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro);margin:0 4px 12px}
.mesa-hot ol{list-style:none;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;counter-reset:mh}
.mesa-hot ol::before{content:"";position:absolute;top:11px;left:16%;right:16%;height:1px;background:rgba(201,174,110,.55)}
.mesa-hot li{position:relative;counter-increment:mh;display:grid;justify-items:center;align-content:start;text-align:center;gap:3px}
.mesa-hot li::before{content:counter(mh);position:relative;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;margin-bottom:6px;background:var(--breu);border:1px solid var(--ouro);color:var(--ouro);font-size:11px;font-weight:600}
.mesa-hot li:last-child::before{background:var(--ouro);color:var(--breu)}
.mesa-hot b{font-size:14px;font-weight:600;line-height:1.25;color:var(--t-escuro)}
.mesa-hot span{font-size:12px;line-height:1.35;color:var(--apoio-escuro)}
.mesa figcaption{position:absolute;left:16px;right:16px;bottom:14px;font-size:12px;line-height:1.3;color:var(--apoio-escuro)}
@media (min-width:641px){.mesa{min-height:520px}.mesa-hot{left:18px;right:18px;padding:16px 16px 16px}.mesa-hot b{font-size:15px}.mesa-hot span{font-size:12.5px}}
@media (min-width:960px){
  .mesa-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.3fr);gap:16px;align-items:stretch}
  .mesa{min-height:100%}
  .mesa-cartoes{grid-template-columns:1fr 1fr}
}

/* 26.6 Live de segunda. A janela da videochamada, em branco sobre o escuro, com os retratos dos dois conselheiros */
.live-grid{display:grid;gap:18px;margin-top:8px}
.chamada{container-type:inline-size;margin:0;background:var(--porcelana);color:var(--t-claro);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.chamada-barra{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--card);border-bottom:1px solid var(--borda-claro);font-size:12px;color:var(--apoio-claro)}
.chamada-barra i{width:9px;height:9px;border-radius:50%;background:var(--sombra-clara);flex:none}
.chamada-barra span{margin-left:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chamada-vivo{margin-left:auto;display:inline-flex;align-items:center;gap:7px;flex:none;padding:4px 10px;border-radius:999px;background:rgba(201,174,110,.22);border:1px solid rgba(127,102,54,.4);font-size:11.5px;font-weight:600;color:var(--t-claro);white-space:nowrap}
.chamada-vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ouro-claro)}
.chamada-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 10px 0}
.chamada-tela{grid-column:1 / -1;position:relative;border-radius:12px;padding:14px 14px 16px;background:linear-gradient(160deg,#0F2A49 0%,var(--fundo) 55%,var(--breu) 100%);color:var(--t-escuro)}
.chamada-tela small{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro)}
.chamada-doc{display:grid;gap:7px;max-width:360px;margin-top:10px;padding:14px 14px 16px;border-radius:8px;background:var(--halo-claro);box-shadow:0 18px 40px -22px rgba(0,0,0,.8)}
.chamada-doc b{font-size:13.5px;font-weight:600;color:var(--t-claro);margin-bottom:2px}
.chamada-doc i{display:block;height:6px;border-radius:3px;background:var(--sombra-clara)}
.chamada-doc i.curta{width:62%}
.chamada-doc span{justify-self:start;margin:3px 0;padding:3px 8px;border-radius:999px;background:rgba(201,174,110,.24);font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ouro-claro)}
.chamada-tile{position:relative;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:var(--fundo)}
.chamada-tile img{width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.chamada-tile span{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:3px 7px;border-radius:6px;background:rgba(6,18,34,.72);color:var(--t-escuro);font-size:10.5px;font-weight:500;line-height:1.25}
.chamada-tile.fala::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--ouro)}
.chamada-tile.voce{display:grid;place-items:center;background:radial-gradient(80% 80% at 30% 20%,var(--halo),var(--fundo))}
.chamada-tile.voce b{position:relative;overflow:hidden;width:52px;height:52px;border-radius:50%;background:var(--facho-contido);border:1px solid rgba(201,174,110,.5)}
.chamada-tile.voce b::before{content:"";position:absolute;left:50%;top:11px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--apoio-escuro)}
.chamada-tile.voce b::after{content:"";position:absolute;left:50%;top:31px;width:32px;height:28px;margin-left:-16px;border-radius:50%;background:var(--apoio-escuro)}
.chamada-ctrl{display:flex;justify-content:center;gap:10px;padding:12px 10px 14px}
.chamada-ctrl i{position:relative;width:36px;height:36px;border-radius:50%;background:var(--sombra-clara)}
.chamada-ctrl i::before,.chamada-ctrl i::after{content:"";position:absolute;inset:0;margin:auto}
.chamada-ctrl .mic::before{width:8px;height:14px;border-radius:5px;background:var(--t-claro)}
.chamada-ctrl .cam::before{width:14px;height:10px;border-radius:3px;background:var(--t-claro);transform:translateX(-2px)}
.chamada-ctrl .cam::after{width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--t-claro);transform:translateX(8px)}
.chamada-ctrl .tel::before{width:16px;height:11px;border-radius:2px;border:2px solid var(--t-claro);box-sizing:border-box}
.chamada-ctrl .sai{width:52px;border-radius:999px;background:var(--fundo)}
.chamada-ctrl .sai::before{width:18px;height:5px;border-radius:3px;background:var(--ouro)}
@container (min-width:520px){
  .chamada-grade{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);grid-template-rows:repeat(3,auto);gap:10px;padding:12px 12px 0}
  .chamada-tela{grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;padding:18px}
  .chamada-doc{margin-top:auto;margin-bottom:auto;padding:18px 18px 20px}
  .chamada-doc b{font-size:15px}
  .chamada-tile{aspect-ratio:16/10}
  .chamada-tile span{font-size:11.5px;left:8px;bottom:8px;white-space:nowrap}
}
.live-lado{display:grid;gap:18px;align-content:center;padding:24px;border-radius:18px;background:var(--card-escuro);border:1px solid rgba(255,255,255,.12)}
.live-lado p{font-size:16.5px;line-height:1.55;color:var(--apoio-escuro)}
.live-lado p b{color:var(--t-escuro);font-weight:600}
.live-lado .btn{width:100%}
.live-lado .lg-live-q{border:0;border-bottom:1px solid rgba(255,255,255,.12);padding:0 0 18px;text-align:left}
@media (min-width:960px){.live-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:22px;align-items:stretch}.live-lado{padding:30px}.live-lado p{font-size:17px}}

/* 26.7 Chamada final. A pré-leitura como cartão de agenda, em papel, com o relógio de 30 minutos */
.agenda{position:relative;overflow:hidden;max-width:560px;margin-top:30px;padding:24px 20px 18px;border-radius:20px;background:var(--halo-claro);color:var(--corpo-claro);box-shadow:0 30px 80px -34px rgba(1,5,11,.85)}
.agenda::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--ouro-claro),var(--ouro))}
.agenda-cab{display:grid;grid-template-columns:80px minmax(0,1fr);gap:16px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--borda-claro)}
.agenda-relogio{position:relative;width:80px;height:80px;border-radius:50%;display:grid;place-content:center;text-align:center;background:conic-gradient(var(--ouro) 0deg 180deg,var(--sombra-clara) 180deg 360deg)}
.agenda-relogio::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--halo-claro)}
.agenda-relogio b,.agenda-relogio small{position:relative}
.agenda-relogio b{font-size:26px;font-weight:600;line-height:1;letter-spacing:-.02em;color:var(--t-claro)}
.agenda-relogio small{font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ouro-claro)}
.agenda-cab small{display:block;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ouro-claro)}
.agenda-cab b{display:block;margin-top:4px;font-size:20px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--t-claro)}
.agenda-cab span{display:block;margin-top:4px;font-size:14px;line-height:1.45}
.agenda-itens{list-style:none;display:grid;margin-top:4px}
.agenda-itens li:last-child{border-bottom:0;padding-bottom:4px}
.agenda-itens li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px dashed var(--borda-claro)}
.agenda-itens li:nth-child(2){margin:0 -20px;padding:13px 20px 13px 17px;border-left:3px solid var(--ouro);background:linear-gradient(90deg,rgba(201,174,110,.18),rgba(201,174,110,0) 80%)}
.agenda-t{padding-top:2px;font-size:12.5px;font-weight:600;color:var(--ouro-claro);font-variant-numeric:tabular-nums;white-space:nowrap}
.agenda-itens p{font-size:15.5px;font-weight:600;line-height:1.4;color:var(--t-claro)}
.agenda-itens p span{display:block;margin-top:2px;font-size:14px;font-weight:400;color:var(--corpo-claro)}
@media (min-width:641px){.agenda{padding:28px 26px 22px}.agenda-itens li:nth-child(2){margin:0 -26px;padding-left:23px;padding-right:26px}.agenda-cab{grid-template-columns:88px minmax(0,1fr)}.agenda-relogio{width:88px;height:88px}}

/* 26.8 Movimento. Só com prefers-reduced-motion livre. A varredura da trilha, a fala na live e o carimbo e o relógio ao entrar na tela */
@media (prefers-reduced-motion:no-preference){
  .trilha::after{animation:trilha-v 7s ease-in-out infinite}
  @keyframes trilha-v{0%{top:32px;opacity:0}8%{opacity:1}88%{opacity:1}100%{top:calc(100% - 42px);opacity:0}}
  @media (min-width:1040px){
    .trilha::after{animation-name:trilha-h}
    @keyframes trilha-h{0%{left:10%;opacity:0}8%{opacity:1}88%{opacity:1}100%{left:calc(90% - 10px);opacity:0}}
  }
  .chamada-tile.fala::after{animation:chamada-fala 2.4s ease-in-out infinite}
  @keyframes chamada-fala{50%{box-shadow:inset 0 0 0 3px rgba(201,174,110,.2)}}
  .chamada-vivo::before{animation:chamada-vivo 1.6s ease-in-out infinite}
  @keyframes chamada-vivo{50%{opacity:.25}}
  @supports (animation-timeline:view()){
    .tese-carimbo{animation:tese-carimba linear both;animation-timeline:view();animation-range:entry 30% cover 40%}
    @keyframes tese-carimba{from{opacity:0;transform:rotate(-8deg) scale(1.7)}to{opacity:1;transform:rotate(-8deg) scale(1)}}
  }
}
@media (prefers-reduced-motion:reduce){.trilha::after{display:none}}

/* 15/10/2026. Topo igual ao da home de hoje. A foto da dupla no fundo, enquadrada nos dois, e o selo na faixa abaixo do texto.
   A faixa era .chancela e passou a .chancela-topo na fase 5, porque o nome batia com a chancela da página /sobre/ */
.hero-com-fundo{position:relative;overflow:hidden;isolation:isolate;padding-bottom:0}
.hero-fundo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-fundo picture,.hero-fundo img{display:block;width:100%;height:100%}
.hero-fundo img{object-fit:cover;object-position:center 62%;opacity:.30}
.hero-fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(11 32 56 / .30) 0%,rgb(11 32 56 / .55) 55%,rgb(11 32 56 / .96) 100%)}
.chancela-topo{display:flex;flex-wrap:wrap;align-items:center;gap:36px 48px;justify-content:space-between;padding-top:44px;padding-bottom:72px;margin-top:56px}
.chancela-topo::before{content:"";position:absolute;left:16px;right:16px;top:0;border-top:1px solid rgb(174 190 208 / .12)}
@media (min-width:641px){.chancela-topo::before{left:24px;right:24px}}
.chancela-topo .selo-mls{display:flex;align-items:center;gap:20px;margin:0;max-width:none}
.chancela-topo .selo-mls img{height:72px;width:auto}
.chancela-topo .selo-mls span{font:600 12px/1.5 var(--pilha);letter-spacing:2px;text-transform:uppercase;color:#EAF1F8;max-width:180px}
.chancela-topo .trio{flex:1;min-width:280px;max-width:720px;margin:0}
.chancela-topo .trio{border-top:0;padding-top:0}
/* 15/10/2026, ajuste 2. No computador o topo é mais alto que a tela por causa do Radar. A foto fica só do lado do texto,
   com a dupla enquadrada na altura do título, e some antes do painel. O texto sobe para o alto da tela */
@media (min-width:1000px){
  .hero-com-fundo .hero-grid{align-items:start}
  .hero-com-fundo .hero-grid>div:first-child{padding-top:56px}
  .hero-fundo{right:auto;width:68%;-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 62%,transparent 100%)}
  .hero-fundo img{object-position:center 0%;opacity:.42}
  .hero-fundo::after{background:linear-gradient(180deg,rgb(11 32 56 / .62) 0%,rgb(11 32 56 / .5) 45%,rgb(11 32 56 / .25) 70%,rgb(11 32 56 / .4) 86%,rgb(11 32 56 / .96) 100%)}
}

/* ---------- 27. Fase 5, 15/10/2026. Logo, respiro, linha de texto, etapas e fotos ----------
   Pedido do Guilherme Minaré. "Muito texto às vezes com pouco respiro", "a logo do site está estranha"
   e ajustes nas imagens. A regra do logo está em saida/banco de imagens/pecas do site/Regra do logo.md.
   A linha de texto corrido fica em até cerca de 68 caracteres, medida em em, que acompanha o tamanho da letra. */

/* 27.1 Logo. Horizontal ouro, 260 px no computador, 240 px no celular, e só o símbolo abaixo de 360 px de tela.
   No celular estreito o botão do menu fica só com o ícone, para o logo caber em 240 px */
:root{--altura-topo:72px}
@media (min-width:641px){:root{--altura-topo:84px}}
@media (max-width:640px){.topo-logo img{width:240px}}
@media (max-width:399px){
  .menu-botao{width:44px;padding:0;justify-content:center}
  .menu-botao span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:359px){.topo-logo img{width:auto;height:44px}}
@media (min-width:1240px){.menu ul{gap:20px}}

/* 27.2 Respiro entre seções e entre blocos */
.secao{padding:88px 0}
.secao.curta{padding:64px 0}
@media (min-width:641px){.secao{padding:128px 0}.secao.curta{padding:96px 0}}
.cabeca{margin-bottom:48px}
.cabeca p{margin-top:22px}
@media (min-width:641px){.cabeca{margin-bottom:64px}}
.fecho{margin-top:48px}
.seguir{margin-top:40px}
.eventos-nota{margin-top:24px}

/* 27.3 Linha de texto e entrelinha. Cerca de 68 caracteres por linha no texto corrido */
body{line-height:1.65}
.lead{max-width:34em;line-height:1.6}
.lead + .lead{margin-top:16px}
.entidade p{max-width:34em;line-height:1.7}
.entidade p + p{margin-top:18px}
.texto{max-width:34em;line-height:1.75}
.texto > * + *{margin-top:20px}
.texto h2{margin-top:56px}
.texto h3{margin-top:36px}
.texto ul,.texto ol{gap:12px}
.chancela .texto{max-width:34em}
.mt-etapa p,.pf-item p,.faq details > p,.assuntos li,.escuro ul.l li,.lg-live p,.live-lado p{max-width:36em}
.mt-etapa p,.pf-item p{line-height:1.7}
.mt-etapa p + p{margin-top:14px}
.pf-item p + p{margin-top:12px}
.escuro ul.l{gap:16px}
.assuntos{display:grid;gap:14px}
.frase{margin-top:48px;max-width:30em}

/* 27.4 Cartões com mais ar, e lista dentro do cartão quando o texto enumera */
.cartoes{gap:16px}
.cartao p{line-height:1.65}
.cartao h3{margin-bottom:10px}
.cartao .rot{margin-bottom:12px}
@media (min-width:641px){.cartoes{gap:20px}.cartao{padding:30px 30px 32px}.cartao p{font-size:16px}}
.cartao ul.itens{list-style:none;display:grid;gap:8px;font-size:15.5px;line-height:1.5}
.cartao ul.itens li{position:relative;padding-left:18px}
.cartao ul.itens li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;transform:rotate(45deg);background:var(--ouro-claro)}
.cartao.forte ul.itens li{color:var(--t-escuro)}
.cartao.forte ul.itens li::before{background:var(--ouro)}
.pessoas{gap:20px}
.pessoa p{line-height:1.65}
.lg-nao{gap:20px}
.lg-nao li{line-height:1.6}
.pf-lista{gap:18px}
.mt-etapas{gap:18px}
.eventos{gap:18px}

/* 27.5 As cinco etapas em linha do tempo vertical, em todas as larguras. No computador, o nome à esquerda e o texto à direita,
   para o texto da etapa não ficar espremido em cinco colunas */
.etapas{position:relative;gap:0}
.etapas::before{content:"";position:absolute;left:21px;right:auto;top:22px;bottom:22px;width:2px;height:auto;background:linear-gradient(180deg,var(--ouro),rgba(201,174,110,.15))}
.etapa{padding:14px 0}
.etapa:first-child{padding-top:0}.etapa:last-child{padding-bottom:0}
@media (min-width:1040px){
  .etapas{grid-template-columns:none}
  .etapas::before{left:21px;right:auto;top:22px;width:2px;height:auto}
  .etapa{display:grid;grid-template-columns:44px minmax(0,1fr);gap:24px}
  .etapa::before{margin-bottom:0}
}
@media (min-width:900px){
  .etapa{padding:22px 0;gap:24px}
  .etapa > div{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);column-gap:40px;align-items:start}
  .etapa h3{grid-column:1;grid-row:1 / span 3;margin:10px 0 0;font-size:19px}
  .etapa p{grid-column:2;margin-top:10px;font-size:16px;line-height:1.65;max-width:36em}
  .etapa .etiqueta{grid-column:2;justify-self:start}
}

/* 27.6 A trilha da home, também vertical no computador, com o pictograma à esquerda e o ponto que percorre a linha */
@media (min-width:1040px){
  .trilha{grid-template-columns:none;gap:16px}
  .trilha::before{left:33px;right:auto;top:34px;bottom:34px;width:2px;height:auto;background:linear-gradient(180deg,var(--ouro-claro),rgba(127,102,54,.18))}
  .trilha::after{left:29px;top:34px}
  .trilha-et{grid-template-columns:68px minmax(0,1fr);grid-template-rows:none;gap:24px;align-items:center}
  .trilha-et > div{height:auto;padding:26px 30px}
  .trilha-et h3{font-size:19px}
  .trilha-et p{font-size:16px}
}
@media (min-width:900px){
  .trilha-et > div{display:grid;grid-template-columns:minmax(0,15em) minmax(0,1fr);column-gap:40px;align-items:start}
  .trilha-n,.trilha-et h3{grid-column:1}
  .trilha-et h3{margin-bottom:0}
  .trilha-et p{grid-column:2;grid-row:1 / span 2;line-height:1.65;max-width:36em}
  .trilha .etiqueta{grid-column:2;justify-self:start}
}
@media (prefers-reduced-motion:no-preference) and (min-width:1040px){
  .trilha::after{animation-name:trilha-v}
}

/* 27.7 Fotos. Todas do banco de imagens, em WebP no tamanho de uso, sem cabeça cortada */
.chamada-tile img{object-position:50% 22%}
.mesa-foto img{object-position:50% 20%}
.chancela-foto{margin:0;display:grid;gap:16px;max-width:420px}
.chancela-foto > img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-lg);box-shadow:0 30px 70px -40px rgba(11,32,56,.6)}
.chancela-foto figcaption{display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.45;color:var(--apoio-claro)}
.chancela-foto picture{flex:none}
.chancela-foto figcaption img{height:48px;width:auto}
@media (min-width:900px){.chancela-foto{justify-self:end}}

/* ---------- 28. Site para o cliente, 15/10/2026 ----------
   Pedido do Guilherme Minaré. "Você não fez um site para o cliente olhar." Menos texto, menos item, menos traço,
   mais espaço em branco. Container mais largo, logo menor com ar em volta, quase nenhum elemento decorativo,
   sem sobretítulo e rodapé arejado com os perfis. */

/* 28.1 Largura útil e margem lateral */
:root{--max:1260px}
.wrap{padding:0 20px}
@media (min-width:641px){.wrap{padding:0 32px}}
@media (min-width:1100px){.wrap{padding:0 40px}}

/* 28.2 Cabeçalho. Logo de 200 px no computador, 176 px no celular, e só o símbolo abaixo de 360 px */
:root{--altura-topo:72px}
@media (min-width:641px){:root{--altura-topo:88px}}
.topo-barra{gap:24px}
.topo-logo img{width:200px}
@media (max-width:640px){.topo-logo img{width:176px}}
@media (max-width:359px){.topo-logo img{width:auto;height:40px}}
@media (min-width:1240px){
  .topo-barra{gap:48px}
  .menu ul{gap:34px}
  .menu li a{font-size:15px}
  .topo-acao{margin-left:0}
}

/* 28.3 Sem sobretítulo e quase sem ornamento. O traço do eyebrow e o losango do kicker saem */
.eyebrow::before,.kicker::before{display:none}
.kicker{display:block}
.migalhas li+li::before{width:auto;height:auto;transform:none;background:none;content:"/";opacity:.5}

/* 28.4 Duas colunas, título à esquerda e conteúdo à direita, para seção curta */
.par{display:grid;gap:40px}
.par > .cabeca{margin-bottom:0}
@media (min-width:1000px){.par{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:96px;align-items:start}}
.secao.sem-topo{padding-top:0}
.fundo-branco{background:var(--card)}
.fundo-branco::before{display:none}

/* 28.5 Topo da home. O Radar curto não estica o topo */
.hero-com-fundo h1{font-size:clamp(36px,5vw,64px);max-width:11em}
.hero-com-fundo .lead{margin-top:28px}
.hero-com-fundo .acoes{margin-top:40px}
.rd-curto .rd-meio{grid-template-columns:1fr;margin-top:16px}
.rd-curto .rd-rot{margin-top:0}
@media (min-width:1000px){.hero-com-fundo .hero-grid>div:first-child{padding-top:72px}}

/* 28.6 Pessoas sem cartão, sem pílula e sem linha de papel */
.pessoas-limpas{gap:56px}
.pessoas-limpas .pessoa{background:none;border:0;border-radius:0;padding:0;gap:24px}
.pessoas-limpas .avatar{width:120px;height:120px;box-shadow:none}
.pessoas-limpas .pessoa h3{margin-bottom:4px}
.pessoas-limpas .pessoa .dominio{letter-spacing:.08em;margin-bottom:14px}
@media (min-width:521px){.pessoas-limpas .pessoa{grid-template-columns:120px 1fr;padding:0;gap:28px}}
@media (min-width:960px){.pessoas-limpas{gap:80px}}

/* 28.7 Live e imersões, em lista simples */
.eventos-lista{list-style:none;display:grid;gap:0;border-top:1px solid var(--borda-escuro)}
.eventos-lista li{padding:28px 0;border-bottom:1px solid var(--borda-escuro)}
.eventos-lista .ev-data{font-size:14px;font-weight:600;color:var(--ouro-luz);margin-bottom:8px}
.eventos-lista h3{font-size:22px;margin-bottom:8px}
.eventos-lista h3 a{text-decoration:none}
.eventos-lista h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.eventos-lista p{font-size:16px;line-height:1.6;max-width:34em}

/* 28.8 Lista limpa, sem marcador, separada por filete */
.lista-limpa{list-style:none;display:grid;border-top:1px solid var(--borda-claro)}
.lista-limpa li{padding:22px 0;border-bottom:1px solid var(--borda-claro);font-size:17px;line-height:1.6;color:var(--corpo-claro);max-width:36em}
.escuro .lista-limpa,.escuro .lista-limpa li{border-color:var(--borda-escuro);color:var(--apoio-escuro)}

/* 28.9 Perguntas da home, a pergunta respira */
.par .faq{max-width:none}
.faq details{padding:10px 0}

/* 28.10 Chamada final sem a peça da agenda */
.final .final-grid{align-items:center}
.final .lead{max-width:24em}

/* 28.11 Rodapé. Três colunas arejadas, letra menor, os perfis com ícone e a linha legal embaixo.
   O selo da Mentoring League Society saiu daqui, porque já aparece no topo da home e em /sobre/ */
.rodape{padding:96px 0 40px;font-size:14px;line-height:1.65}
.rodape-grid{gap:48px}
.rodape-marca .rodape-logo{width:180px}
.rodape-marca p{margin-top:24px;max-width:22em;color:var(--apoio-escuro)}
.rodape h2{font-size:11.5px;letter-spacing:.14em;margin-bottom:18px}
.rodape ul{gap:4px}
.rodape li a{min-height:32px}
.rodape address{gap:14px;max-width:24em}
.redes{display:flex !important;gap:12px !important;margin-top:28px}
.redes li a{display:grid;place-items:center;width:44px;height:44px;min-height:44px;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--t-escuro)}
.redes li a:hover{border-color:var(--ouro);color:var(--ouro-luz)}
.redes svg{width:19px;height:19px}
.rodape-linha{margin-top:72px;padding-top:24px;gap:12px 32px;align-items:center;font-size:13px}
.rodape-legal{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}
.rodape-legal a{text-decoration:none}
.rodape-legal a:hover{text-decoration:underline}
.rodape-legal .botao-link{text-decoration:none}
.rodape-legal .botao-link:hover{text-decoration:underline}
.rodape-aviso{margin-top:10px;font-size:12.5px;color:var(--apoio-escuro);opacity:.85}
@media (min-width:760px){.rodape-grid{grid-template-columns:1.2fr 1fr}}
@media (min-width:1080px){.rodape-grid{grid-template-columns:1.5fr .8fr 1.1fr;gap:80px}}

/* 28.12 Ajustes depois da primeira conferência da home */
.topo-logo img{width:210px}
@media (max-width:640px){.topo-logo img{width:180px}}
@media (max-width:359px){.topo-logo img{width:auto;height:40px}}
.chancela-topo{padding-bottom:8px}
.par h2 + .lead,.par .cabeca .lead{margin-top:24px}
.par-seguinte{margin-top:128px}
@media (max-width:640px){.par-seguinte{margin-top:88px}}
.lista-limpa li{max-width:none}
/* Sem rótulo repetido sobre o título do cartão, sem losango na peça da tese */
.lg-ent .lg-sel,.lg-mesa-est small{display:none}
.tese-ouro .lg-tese-l span::before{display:none}
.tese-ouro .lg-tese-l span{padding-left:0}