@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/geist-latin-wght-normal.woff2') format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --preto:#05070B;--superficie:#0B0F16;--linha:#1B2230;
  --aco-escuro:#4B5A70;--aco-medio:#7F90A8;--aco-claro:#DFE7F2;--brilho:#F4F8FF;
  --texto:#E6EBF3;--apoio:#8E9AAE;
  --reflexo:linear-gradient(100deg,#4B5A70 0%,#DFE7F2 28%,#7F90A8 48%,#F4F8FF 60%,#5D6E86 80%,#C6D3E6 100%);
  --botao:linear-gradient(100deg,#9FB0C8 0%,#F4F8FF 48%,#8294AD 100%);
  --fio:linear-gradient(90deg,rgba(127,144,168,0) 0%,#7F90A8 18%,#F4F8FF 50%,#7F90A8 82%,rgba(127,144,168,0) 100%);
  --lateral:32px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;zoom:.9}
body{margin:0;background:var(--preto);color:var(--texto);font-family:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;font-weight:300;line-height:1.5}
a{color:inherit;text-decoration:none}
a:hover{color:var(--brilho)}
:focus-visible{outline:2px solid var(--aco-claro);outline-offset:3px}
.pagina{display:flex;flex-direction:column;width:100%}

.topo{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:30px var(--lateral)}
.marca{font-size:18px;letter-spacing:.2em;font-weight:400;white-space:nowrap}
.link-topo{font-size:15px;color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro);padding-bottom:3px}
.link-topo.discreto{border-bottom-color:transparent;color:var(--apoio)}
.link-legal{text-decoration:underline;color:var(--aco-claro)}

.botao{position:relative;overflow:hidden;isolation:isolate;display:inline-block;background:var(--botao);color:var(--preto);font-family:inherit;font-weight:500;font-size:16px;padding:18px 34px;border:0;border-radius:3px;cursor:pointer;transition:box-shadow .35s ease,transform .15s ease}
.botao:hover{color:var(--preto);box-shadow:0 0 0 1px rgba(223,231,242,.4),0 14px 40px rgba(127,144,168,.2)}
.botao:active{transform:translateY(1px)}
.botao[disabled]{opacity:.55;cursor:default}

.hero{display:flex;flex-wrap:wrap;align-items:stretch;gap:48px 56px;padding:24px var(--lateral) 96px}
.hero-texto{flex:1 1 480px;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:56px;padding:24px 0 8px}
.titulo-hero{margin:0;font-weight:300;font-size:clamp(44px,5.6vw,84px);line-height:1;letter-spacing:-.045em}
.hero-apoio{display:flex;flex-direction:column;gap:32px;max-width:470px}
.hero-apoio p{margin:0;font-size:19px;line-height:1.7;color:var(--apoio)}
.hero-retrato{flex:1 1 420px;min-width:0;display:flex;flex-direction:column;gap:14px}
.moldura{padding:1px;flex-grow:1;display:flex;background:linear-gradient(135deg,#4B5A70 0%,#DFE7F2 30%,#5D6E86 55%,#C6D3E6 80%,#4B5A70 100%)}
.retrato{position:relative;overflow:hidden;min-height:min(620px,72vh);flex-grow:1;width:100%;background:linear-gradient(180deg,#121823 0%,#07090E 100%)}
.retrato img{display:block;width:100%;height:100%;object-fit:cover}
.legenda{font-size:13px;color:var(--apoio)}
@keyframes brilho{from{transform:translateX(-160%)}to{transform:translateX(260%)}}
.brilho{position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,rgba(223,231,242,0) 0%,rgba(223,231,242,.07) 30%,rgba(244,248,255,.2) 50%,rgba(223,231,242,.07) 70%,rgba(223,231,242,0) 100%);animation:brilho 3s ease-out .8s 1 both}
@media (prefers-reduced-motion:reduce){.brilho{animation:none;opacity:0}}

.carta{max-width:1280px;width:100%;margin:0 auto;padding:80px var(--lateral) 160px;display:flex;flex-wrap:wrap;gap:56px 96px}
.carta-frase{flex:1 1 380px;min-width:0;font-size:clamp(32px,3.8vw,52px);line-height:1.1;letter-spacing:-.035em;max-width:620px;margin:0;font-weight:300}
.carta-corpo{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:24px;font-size:18px;line-height:1.75;color:var(--apoio);max-width:540px;padding-top:8px}
.carta-corpo p{margin:0}
.assinatura{font-size:24px;letter-spacing:.01em;color:var(--aco-claro);margin-top:8px}

.entrega{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 180px}
.fio{height:1px;background:var(--fio)}
.entrega-frase{padding-top:64px;margin:0;font-size:clamp(32px,3.8vw,54px);line-height:1.12;letter-spacing:-.035em;max-width:1000px;color:var(--texto);font-weight:300}

.convite{background:var(--superficie)}
.convite-miolo{max-width:1280px;margin:0 auto;padding:120px var(--lateral);display:flex;flex-wrap:wrap;gap:56px 96px;align-items:center}
.convite-texto{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:32px;max-width:560px}
.convite-titulo{margin:0;font-weight:300;font-size:clamp(38px,4.6vw,64px);line-height:1.04;letter-spacing:-.04em}
.convite-texto p{margin:0;font-size:18px;line-height:1.75;color:var(--apoio)}
.estela-area{flex:1 1 300px;min-width:0;display:flex;justify-content:center;padding:24px 0}
.estela{position:relative;overflow:hidden;width:150px;height:380px;border-radius:6px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),linear-gradient(100deg,#090C12 0%,#1B2433 16%,#06080C 32%,#2A364A 50%,#06080C 68%,#18202E 84%,#090C12 100%);box-shadow:inset 1px 0 0 rgba(223,231,242,.5),inset -1px 0 0 rgba(223,231,242,.2),0 40px 70px rgba(0,0,0,.75);transform:perspective(1000px) rotateY(16deg)}
.estela span{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);writing-mode:vertical-rl;letter-spacing:.55em;font-size:16px;background:linear-gradient(180deg,#7F90A8 0%,#F4F8FF 50%,#5D6E86 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

.rodape{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding:44px var(--lateral);font-size:14px;color:var(--apoio)}
.rodape .marca{font-size:16px;color:var(--texto)}
.rodape nav{display:flex;flex-wrap:wrap;gap:28px}

.solicitar{display:flex;flex-wrap:wrap;gap:64px 112px;padding:72px var(--lateral) 140px;max-width:1280px;width:100%;margin:0 auto}
.solicitar-texto{flex:1 1 380px;min-width:0;display:flex;flex-direction:column;gap:36px}
.solicitar-texto h1{margin:0;font-weight:300;font-size:clamp(44px,5.4vw,76px);line-height:1.02;letter-spacing:-.045em}
.solicitar-texto p{margin:0;max-width:440px;font-size:19px;line-height:1.7;color:var(--apoio)}
.solicitar-texto p.menor{font-size:16px}
.formulario{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:34px;max-width:560px}
.campo{display:flex;flex-direction:column;gap:10px}
.campo label{font-size:14px;color:var(--apoio)}
.campo input,.campo textarea{background:transparent;border:0;border-bottom:1px solid var(--aco-escuro);border-radius:0;color:var(--texto);font-family:inherit;font-size:20px;font-weight:300;padding:8px 0 12px;line-height:1.5}
.campo textarea{resize:vertical}
.campo input:focus,.campo textarea:focus{outline:none;border-bottom-color:var(--aco-claro)}
.campo label{transition:color .2s ease}
.campo:focus-within label{color:var(--aco-claro)}
.campo input,.campo textarea{transition:border-color .3s ease}
.armadilha{display:none !important}
.acoes{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.aviso{font-size:13px;line-height:1.6;color:var(--apoio);max-width:420px}
.aviso a{text-decoration:underline;color:var(--aco-claro)}
.status{min-height:1.6em;font-size:16px;color:var(--aco-claro)}
.status.erro{color:#F2B8B5}

.texto-legal{max-width:760px;margin:0 auto;padding:40px var(--lateral) 140px;display:flex;flex-direction:column;gap:22px;font-size:17px;line-height:1.75;color:var(--apoio)}
.texto-legal h1{margin:0 0 12px;font-weight:300;font-size:clamp(38px,4.4vw,58px);line-height:1.04;letter-spacing:-.04em;color:var(--texto)}
.texto-legal h2{margin:24px 0 0;font-weight:400;font-size:20px;color:var(--texto)}
.texto-legal p,.texto-legal ul{margin:0}
.texto-legal ul{padding-left:22px}

@media (max-width:640px){:root{--lateral:20px}.retrato{min-height:520px}.hero{padding-bottom:72px}.carta{padding-bottom:96px}.entrega{padding-bottom:96px}.convite-miolo{padding-top:80px;padding-bottom:80px}}

.topo,.hero,.rodape{width:100%;max-width:1280px;margin-left:auto;margin-right:auto}


/* =====================================================================
   Home completa (06/11/2026): caminho único até o diagnóstico
   ===================================================================== */
.pular{position:absolute;left:-9999px;top:8px;z-index:60;background:var(--aco-claro);color:var(--preto);padding:10px 16px;border-radius:3px}
.pular:focus{left:16px}
.nav-topo{display:flex;gap:28px;font-size:15px;color:var(--apoio)}
.nav-topo a:hover{color:var(--texto)}
@media (max-width:860px){.nav-topo{display:none}}

.cta-bloco{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.cta-nota{margin:0;font-size:14px;line-height:1.5;color:var(--apoio)}
.link-sec{font-size:15px;color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro);padding-bottom:2px}
.link-sec:hover{border-bottom-color:var(--aco-claro)}
.hero-apoio .cta-bloco{gap:14px}

.secao{max-width:1280px;margin:0 auto}
.secao-cabeca{display:flex;flex-direction:column;gap:20px;max-width:720px}
.secao-cabeca p{margin:0;font-size:18px;line-height:1.7;color:var(--apoio)}
.titulo-secao{margin:0;font-weight:300;font-size:clamp(34px,4.2vw,58px);line-height:1.06;letter-spacing:-.04em}

/* Problema */
.problema,.solucao,.chegada,.processo,.perfil,.perguntas{max-width:1280px;width:100%;margin:0 auto;padding-left:var(--lateral);padding-right:var(--lateral)}
.problema{padding-bottom:140px}
.problema-miolo{display:flex;flex-wrap:wrap;gap:48px 96px;padding-top:72px}
.frase-grande{flex:1 1 420px;min-width:0;margin:0;font-weight:300;font-size:clamp(34px,4.2vw,60px);line-height:1.08;letter-spacing:-.04em;max-width:660px}
.problema-corpo{flex:1 1 400px;min-width:0;max-width:540px;display:flex;flex-direction:column;gap:32px;padding-top:6px}
.problema-corpo>p{margin:0;font-size:18px;line-height:1.75;color:var(--apoio)}
.evidencias{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.evidencias li{padding:18px 0;border-top:1px solid var(--linha);font-size:16px;line-height:1.65;color:var(--apoio)}
.evidencias li:last-child{border-bottom:1px solid var(--linha)}
.evidencias strong{font-weight:400;color:var(--texto);font-size:19px}
.evidencias a{display:block;margin-top:4px;font-size:13px;color:var(--aco-escuro)}
.evidencias a:hover{color:var(--aco-claro)}
.sintomas{margin-top:96px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.sintomas h3{margin:0;font-weight:300;font-size:22px;color:var(--aco-claro)}
.sintomas ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 48px}
.sintomas li{padding:18px 0;border-top:1px solid var(--linha);font-size:20px;line-height:1.45;font-weight:300;letter-spacing:-.01em}
@media (min-width:980px){.sintomas{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px}.sintomas h3{padding-top:18px}}

/* Solução: oito frentes */
.solucao{padding-bottom:140px}
.frentes-cab{display:none}
.frentes{display:flex;flex-direction:column;margin-top:56px}
.frente{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:28px 0;border-top:1px solid var(--linha)}
.frente:last-child{border-bottom:1px solid var(--linha)}
.frente h3{margin:0;font-weight:300;font-size:26px;letter-spacing:-.02em}
.frente p{margin:0;font-size:16px;line-height:1.6}
.frente-hoje{color:var(--apoio)}
.frente-faz{color:var(--texto)}
.frente-ganho{color:var(--aco-claro)}
.frente-pecas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.frente-pecas li{padding-left:14px;border-left:1px solid var(--aco-escuro)}
.frente-pecas strong{display:block;font-weight:400;font-size:16px;line-height:1.45;color:var(--texto)}
.frente-pecas span{display:block;margin-top:3px;font-size:14.5px;line-height:1.55;color:var(--apoio)}
.rotulo-col{display:block;font-size:12px;color:var(--aco-medio);margin-bottom:3px}
@media (min-width:980px){
  .frentes-cab,.frente{grid-template-columns:minmax(0,2.2fr) minmax(0,3fr) minmax(0,3fr) minmax(0,3fr);gap:40px}
  .frentes-cab{display:grid;margin-top:56px;padding-bottom:14px;font-size:13px;color:var(--aco-medio)}
  .frentes{margin-top:0}
  .frente{padding:30px 0;align-items:baseline}
  .rotulo-col{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.cta-faixa{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px;margin-top:56px;padding:32px 36px;background:var(--superficie);border:1px solid var(--linha);border-radius:4px}
.cta-faixa p{margin:0;flex:1 1 360px;font-size:20px;line-height:1.5;font-weight:300}

/* Onde você chega */
.chegada{padding-bottom:140px}
.chegada .secao-cabeca{padding-top:72px}
.tabela-ad{margin-top:48px;display:flex;flex-direction:column}
.ad-linha{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;padding:20px 0;border-top:1px solid var(--linha)}
.ad-linha span:first-child{color:var(--apoio);font-size:16px;line-height:1.55}
.ad-linha span:last-child{color:var(--texto);font-size:19px;line-height:1.5;font-weight:300}
.ad-cab{display:none}
@media (min-width:860px){
  .ad-linha{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:baseline}
  .ad-cab{display:grid;font-size:13px;padding:0 0 14px;border-top:0}
  .ad-cab span:first-child,.ad-cab span:last-child{font-size:13px;color:var(--aco-medio)}
}
.citacao{margin:72px 0 0;max-width:900px}
.citacao p{margin:0;font-size:clamp(24px,2.8vw,36px);line-height:1.3;letter-spacing:-.025em;font-weight:300;color:var(--aco-claro)}
.citacao footer{margin-top:18px;font-size:14px;color:var(--apoio)}

/* Como funciona */
.processo{padding-bottom:140px}
.fases{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.fase{padding:28px 0;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:10px}
.fase-tempo{font-size:14px;color:var(--aco-medio);font-variant-numeric:tabular-nums}
.fase h3{margin:0;font-weight:300;font-size:30px;letter-spacing:-.03em}
.fase p{margin:0;font-size:16px;line-height:1.65;color:var(--apoio);max-width:420px}
@media (min-width:860px){.fases{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.fase{border-top:1px solid var(--aco-escuro)}}
.experiencia{margin-top:72px;display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
.experiencia h3{margin:0;font-weight:300;font-size:22px;color:var(--aco-claro)}
.experiencia ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:0 48px}
.experiencia li{padding:16px 0;border-top:1px solid var(--linha);font-size:16px;line-height:1.6;color:var(--apoio)}
@media (min-width:980px){.experiencia{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px}.experiencia h3{padding-top:16px}}

/* Diagnóstico */
.diagnostico-bloco{background:var(--superficie);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.diag-miolo{max-width:1280px;margin:0 auto;padding:120px var(--lateral);display:flex;flex-wrap:wrap;gap:72px 96px;align-items:center}
.diag-texto{flex:1 1 440px;min-width:0;max-width:580px;display:flex;flex-direction:column;gap:24px}
.diag-texto>p{margin:0;font-size:18px;line-height:1.7;color:var(--apoio)}
.diag-texto h3{margin:12px 0 0;font-weight:400;font-size:17px;color:var(--texto)}
.diag-lista{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.diag-lista li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--linha);font-size:16px;line-height:1.55;color:var(--apoio)}
.diag-lista li::before{content:"";position:absolute;left:0;top:21px;width:8px;height:1px;background:var(--aco-medio)}
.diag-texto .cta-bloco{margin-top:12px}
.diag-folhas{flex:1 1 380px;min-width:0;margin:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}
.folha{display:block;width:min(100%,380px);height:auto;border-radius:3px;border:1px solid #232D3E;box-shadow:0 40px 80px rgba(0,0,0,.6)}
.folha-tras{position:absolute;top:0;left:50%;width:min(86%,330px);transform:translate(-8%,-4%) rotate(4deg);opacity:.55}
.folha-frente{position:relative;transform:translateX(-6%) rotate(-2deg)}
.diag-folhas figcaption{font-size:13px;color:var(--apoio)}
@media (max-width:640px){.folha-tras{display:none}.folha-frente{transform:none}.diag-miolo{padding-top:80px;padding-bottom:80px}}

/* Para quem é */
.perfil{padding-top:140px;padding-bottom:140px}
.perfil-colunas{margin-top:48px;display:flex;flex-wrap:wrap;gap:48px 96px}
.perfil-sim{flex:1 1 440px;min-width:0;list-style:none;margin:0;padding:0}
.perfil-sim li{padding:18px 0;border-top:1px solid var(--linha);font-size:19px;line-height:1.5;font-weight:300}
.perfil-nao{flex:1 1 320px;min-width:0;max-width:440px}
.perfil-nao h3{margin:0 0 8px;font-weight:400;font-size:16px;color:var(--apoio)}
.perfil-nao ul{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px}
.perfil-nao li{font-size:16px;line-height:1.55;color:var(--apoio)}
.perfil-nao li::marker{color:var(--aco-escuro)}

/* Sobre (reaproveita .carta) */
.home .carta{padding-top:0;padding-bottom:140px}

/* Perguntas */
.perguntas{padding-bottom:140px}
.perguntas-miolo{display:flex;flex-wrap:wrap;gap:40px 96px;padding-top:72px}
.perguntas-miolo .titulo-secao{flex:1 1 300px;max-width:420px}
.lista-perguntas{flex:2 1 520px;min-width:0}
.lista-perguntas details{border-top:1px solid var(--linha)}
.lista-perguntas details:last-child{border-bottom:1px solid var(--linha)}
.lista-perguntas summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;padding:22px 0;font-size:19px;line-height:1.4;font-weight:300}
.lista-perguntas summary::-webkit-details-marker{display:none}
.lista-perguntas summary::after{content:"";flex-shrink:0;width:11px;height:11px;margin-top:7px;border-right:1px solid var(--aco-medio);border-bottom:1px solid var(--aco-medio);transform:rotate(45deg);transition:transform .2s}
.lista-perguntas details[open] summary::after{transform:rotate(-135deg);margin-top:12px}
.lista-perguntas details p{margin:0 0 24px;max-width:640px;font-size:16px;line-height:1.7;color:var(--apoio)}
@media (prefers-reduced-motion:reduce){.lista-perguntas summary::after{transition:none}}

/* Chamada fixa no celular */
.cta-fixo{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:rgba(5,7,11,.94);border-top:1px solid var(--linha);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cta-fixo[hidden]{display:none}
.cta-fixo p{margin:0;font-size:13px;line-height:1.35;color:var(--apoio)}
.cta-fixo .botao{padding:13px 18px;font-size:15px;white-space:nowrap}
@media (min-width:861px){.cta-fixo{display:none !important}}
@media (max-width:640px){.problema,.solucao,.chegada,.processo,.perguntas{padding-bottom:96px}.perfil{padding-top:96px;padding-bottom:96px}.home .carta{padding-bottom:96px}.sintomas{margin-top:64px}.cta-faixa{padding:24px 20px}}
@media (max-width:640px){.home .retrato{min-height:300px}.home .hero{gap:40px}}

/* Grupos de público e conformidade (06/11/2026) */
.grupos{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 140px}
.grupos-lista{margin-top:56px;display:grid;grid-template-columns:minmax(0,1fr);gap:0 64px}
.grupo{padding:28px 0;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:10px}
.grupo h3{margin:0;font-weight:300;font-size:28px;letter-spacing:-.025em}
.grupo-quem{margin:0;font-size:14px;color:var(--aco-medio)}
.grupo-dor{margin:0;font-size:17px;line-height:1.6;color:var(--apoio)}
.grupo-faz{margin:0;font-size:16px;line-height:1.6;color:var(--aco-claro)}
@media (min-width:860px){.grupos-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.conformidade{margin-top:48px;padding:32px 36px;background:var(--superficie);border:1px solid var(--linha);border-left:1px solid var(--aco-medio);border-radius:4px;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.conformidade h3{margin:0;font-weight:300;font-size:24px;letter-spacing:-.02em}
.conformidade p{margin:0;font-size:17px;line-height:1.7;color:var(--apoio);max-width:780px}
@media (min-width:980px){.conformidade{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:baseline}}
@media (max-width:640px){.grupos{padding-bottom:96px}.conformidade{padding:24px 20px}}

/* Aviso de cookies (visitante.js) */
.aviso-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:40;max-width:760px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;padding:18px 22px;background:#0B0F16;border:1px solid var(--aco-escuro);border-radius:6px;box-shadow:0 24px 60px rgba(0,0,0,.6)}
.aviso-cookies p{flex:1 1 320px;margin:0;font-size:14px;line-height:1.55;color:var(--apoio)}
.aviso-cookies a{color:var(--aco-claro);text-decoration:underline}
.aviso-botoes{display:flex;gap:10px;flex-wrap:wrap}
.aviso-botoes button{font-family:inherit;font-size:14px;padding:11px 18px;border-radius:3px;cursor:pointer}
.aviso-recusar{background:transparent;border:1px solid var(--aco-escuro);color:var(--aco-claro)}
.aviso-recusar:hover{border-color:var(--aco-claro)}
.aviso-aceitar{background:var(--botao);border:0;color:var(--preto);font-weight:500}
.com-aviso .cta-fixo{display:none !important}
@media (max-width:640px){.aviso-cookies{left:10px;right:10px;bottom:10px;padding:16px}.aviso-botoes{width:100%}.aviso-botoes button{flex:1}}
@media print{.aviso-cookies{display:none !important}}

/* Páginas por grupo (scripts/gerar-paginas-grupo.py) */
.migalhas{max-width:1280px;margin:0 auto;padding:0 var(--lateral);display:flex;gap:10px;font-size:13px;color:var(--apoio)}
.migalhas a:hover{color:var(--texto)}
.hero-grupo{padding-top:40px;padding-bottom:112px}
.hero-grupo .hero-texto{flex-basis:100%;flex-direction:row;flex-wrap:wrap;gap:40px 96px;align-items:flex-end}
.hero-grupo .titulo-hero{flex:1 1 520px;max-width:760px}
.hero-grupo .hero-apoio{flex:1 1 380px}
.sintomas-grupo{margin-top:64px}
.sintomas-grupo h2{margin:0;font-weight:300;font-size:22px;color:var(--aco-claro)}
@media (min-width:980px){.sintomas-grupo h2{padding-top:18px}}
.jornada,.lista-frentes-sec,.regras{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 140px}
.jor-tabela{margin-top:48px;display:flex;flex-direction:column}
.jor-linha{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:22px 0;border-top:1px solid var(--linha)}
.jor-linha:last-child{border-bottom:1px solid var(--linha)}
.jor-cab{display:none}
.jor-etapa{font-size:22px;font-weight:300;letter-spacing:-.02em}
.jor-hoje{font-size:16px;line-height:1.6;color:var(--apoio)}
.jor-depois{font-size:16px;line-height:1.6;color:var(--aco-claro)}
@media (min-width:980px){
  .jor-linha{grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,4fr);gap:40px;align-items:baseline}
  .jor-cab{display:grid;padding:0 0 14px;border-top:0;font-size:13px;color:var(--aco-medio)}
  .jor-linha .rotulo-col{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
.lista-frentes{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 64px}
.lista-frentes li{padding:24px 0;border-top:1px solid var(--linha)}
.lista-frentes h3{margin:0 0 8px;font-weight:300;font-size:22px;letter-spacing:-.02em}
.lista-frentes p{margin:0;font-size:16px;line-height:1.6;color:var(--apoio)}
@media (min-width:860px){.lista-frentes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.regras .secao-cabeca{padding-top:72px}
.regras-lista{margin-top:48px;display:grid;grid-template-columns:minmax(0,1fr);gap:0 64px}
.regra{padding:24px 0;border-top:1px solid var(--linha)}
.regra h3{margin:0 0 8px;font-weight:400;font-size:17px;color:var(--texto)}
.regra p{margin:0;font-size:16px;line-height:1.65;color:var(--apoio)}
@media (min-width:860px){.regras-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}
.regras-nota{margin:32px 0 0;font-size:13px;line-height:1.6;color:var(--aco-escuro);max-width:760px}
@media (max-width:640px){.jornada,.lista-frentes-sec,.regras{padding-bottom:96px}.hero-grupo{padding-bottom:72px}}
.grupo .link-sec{align-self:flex-start;margin-top:6px}
.hero-grupo .hero-texto{align-items:flex-start;justify-content:flex-start}
.hero-grupo .hero-apoio{padding-top:12px}
.regras-nota{color:var(--apoio)}

/* Rodapé profissional */
.rodape-pro{width:100%;background:var(--superficie);border-top:1px solid var(--linha)}
.rodape-pro .fio{opacity:.7}
.rp-miolo{max-width:1280px;margin:0 auto;padding:72px var(--lateral) 56px;display:grid;grid-template-columns:minmax(0,1fr);gap:48px}
.rp-marca{display:flex;flex-direction:column;gap:14px;max-width:420px}
.rp-marca .marca{font-size:18px}
.rp-frase{margin:0;font-size:22px;font-weight:300;letter-spacing:-.02em;color:var(--aco-claro)}
.rp-texto{margin:0;font-size:15px;line-height:1.7;color:var(--apoio)}
.rp-assina{margin:6px 0 0;padding-top:16px;border-top:1px solid var(--linha);font-size:13px;line-height:1.5;color:var(--apoio)}
.rp-assina strong{display:block;font-weight:400;font-size:16px;color:var(--texto)}
.rp-col{display:flex;flex-direction:column;gap:12px}
.rp-col h2{margin:0 0 6px;font-weight:400;font-size:14px;color:var(--aco-medio)}
.rp-col>a{font-size:15px;color:var(--apoio)}
.rp-col>a:hover{color:var(--brilho)}
.rp-contato{gap:10px}
.rp-rede{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--linha);border-radius:8px;color:var(--texto);transition:border-color .2s}
.rp-rede:hover{border-color:var(--aco-medio);color:var(--brilho)}
.rp-rede svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:var(--aco-claro);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.rp-rede span{display:flex;flex-direction:column;font-size:15px;line-height:1.3}
.rp-rede small{font-size:13px;color:var(--apoio)}
.rp-col h2.rp-sub{margin-top:14px}
.rp-pessoal{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font-size:15px}
.rp-pessoal a{color:var(--apoio)}
.rp-pessoal a:hover{color:var(--brilho)}
.rp-base{max-width:1280px;margin:0 auto;padding:22px var(--lateral) 34px;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;align-items:center;font-size:13px;color:var(--apoio)}
.rp-base p{margin:0}
.rp-aviso{color:var(--aco-medio)}
.rp-base nav{display:flex;gap:22px}
.rp-base nav a:hover{color:var(--texto)}
@media (min-width:760px){.rp-miolo{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 64px}.rp-marca{grid-column:1/-1}}
@media (min-width:1080px){.rp-miolo{grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,3fr) minmax(0,4fr);gap:56px}.rp-marca{grid-column:auto}}
@media (max-width:640px){.rp-miolo{padding-top:56px}}
@media (max-width:860px){.home .rp-base{padding-bottom:96px}}

/* ---------------------------------------------------------------- artigos */
.artigos-topo,.artigos-grupo{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 96px}
.artigos-topo .titulo-hero{max-width:16ch}
.artigos-apoio{max-width:62ch;font-size:19px;color:var(--apoio);margin:28px 0 32px}
.artigos-lista{list-style:none;margin:40px 0 28px;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0 64px}
.artigos-lista li{border-top:1px solid var(--linha)}
.artigos-lista a{display:block;padding:24px 0}
.artigos-lista h3{margin:0 0 8px;font-weight:400;font-size:20px;line-height:1.3;color:var(--texto)}
.artigos-lista p{margin:0;color:var(--apoio);font-size:15px}
.artigos-lista a:hover h3{color:var(--brilho)}
@media (min-width:900px){.artigos-lista{grid-template-columns:repeat(2,minmax(0,1fr))}}

.artigo{max-width:780px;width:100%;margin:0 auto;padding:0 var(--lateral) 96px}
.artigo-cabeca{margin:28px 0 36px}
.artigo-grupo{margin:0 0 14px;font-size:14px;color:var(--aco-medio)}
.artigo h1{margin:0;font-weight:300;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.02em;color:var(--brilho)}
.artigo-meta{margin:20px 0 0;font-size:14px;color:var(--apoio)}
.artigo-meta a{border-bottom:1px solid var(--aco-escuro)}
.resposta-curta{margin:0 0 28px;padding:26px 28px;border:1px solid var(--aco-escuro);border-radius:8px;background:var(--superficie)}
.resposta-curta h2,.em-resumo h2{margin:0 0 10px;font-size:14px;font-weight:400;color:var(--aco-medio)}
.resposta-curta p{margin:0;font-size:19px;line-height:1.55;color:var(--texto)}
.em-resumo{margin:0 0 44px}
.em-resumo ul{margin:0;padding-left:20px;color:var(--texto)}
.em-resumo li{margin:6px 0}
.artigo-corpo{font-size:18px;line-height:1.7;color:var(--texto)}
.artigo-corpo h2{margin:52px 0 14px;font-weight:400;font-size:28px;line-height:1.2;color:var(--brilho);letter-spacing:-.01em}
.artigo-corpo h3{margin:32px 0 10px;font-weight:400;font-size:21px;color:var(--aco-claro)}
.artigo-corpo p{margin:0 0 18px}
.artigo-corpo ul,.artigo-corpo ol{margin:0 0 20px;padding-left:22px}
.artigo-corpo li{margin:8px 0}
.artigo-corpo strong{font-weight:500;color:var(--brilho)}
.artigo-corpo a,.artigo-publico a,.artigo-fontes a,.artigo-autor a{color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro)}
.artigo-corpo a:hover{color:var(--brilho);border-bottom-color:var(--aco-claro)}
.artigo-corpo blockquote{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--aco-medio);color:var(--aco-claro)}
.artigo-corpo .tabela{overflow-x:auto;margin:8px 0 26px;border:1px solid var(--linha);border-radius:8px}
.artigo-corpo table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.5}
.artigo-corpo th,.artigo-corpo td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.artigo-corpo th{font-weight:400;color:var(--aco-medio);background:var(--superficie)}
.artigo-corpo tr:last-child td{border-bottom:0}
.artigo-corpo .nota{font-size:15px;color:var(--apoio)}
.artigo-publico{margin:36px 0 0;font-size:16px;color:var(--apoio)}
.artigo-cta{margin:44px 0;padding:32px;border:1px solid var(--aco-escuro);border-radius:8px;background:var(--superficie)}
.artigo-cta-titulo{margin:0 0 10px;font-size:24px;line-height:1.25;color:var(--brilho)}
.artigo-cta p{margin:0 0 20px;color:var(--apoio);font-size:17px}
.artigo-cta .cta-nota{margin:14px 0 0;font-size:14px}
.artigo-faq,.artigo-fontes,.artigo-autor,.artigo-relacionados{margin-top:56px}
.artigo-faq h2,.artigo-fontes h2,.artigo-autor h2,.artigo-relacionados h2{margin:0 0 18px;font-weight:400;font-size:24px;color:var(--brilho)}
.artigo-fontes ul{margin:0;padding-left:20px;color:var(--apoio);font-size:15px}
.artigo-fontes li{margin:8px 0}
.artigo-autor p{margin:0;color:var(--apoio);font-size:16px;line-height:1.65}
.artigo-autor strong{font-weight:500;color:var(--texto)}
.artigo-relacionados ul{list-style:none;margin:0;padding:0}
.artigo-relacionados li{padding:16px 0;border-top:1px solid var(--linha);display:flex;flex-direction:column;gap:4px}
.artigo-relacionados a{font-size:18px;color:var(--texto)}
.artigo-relacionados span{font-size:14px;color:var(--apoio)}
@media (max-width:640px){.artigo-corpo{font-size:17px}.resposta-curta{padding:22px 20px}.artigo-cta{padding:24px 20px}.artigo-corpo h2{font-size:24px}}
.artigo .migalhas,.artigos-topo .migalhas{padding:0;margin:0 0 8px;max-width:none;flex-wrap:wrap}
.artigo-corpo a.botao,.artigo-corpo a.botao:hover{color:var(--preto);border-bottom:0}

/* =====================================================================
   Navegação e efeitos (06/11/2026)
   O gesto da marca é o reflexo de luz sobre aço: ele aparece no botão, no fio,
   nos títulos e na estela. Nada além disso se mexe sozinho.
   ===================================================================== */
html{scroll-behavior:smooth;scroll-padding-top:92px;color-scheme:dark;scrollbar-color:#2A364A var(--preto);interpolate-size:allow-keywords}
::selection{background:#4B5A70;color:var(--brilho)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Troca de página sem piscar: o cabeçalho fica no lugar e só o conteúdo muda */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}

/* ---- Cabeçalho que acompanha a leitura ---- */
.topo{display:block;position:sticky;top:0;z-index:50;width:100%;max-width:none;margin:0;padding:0}
.topo-miolo{display:flex;align-items:center;gap:16px 32px;max-width:1280px;margin:0 auto;padding:28px var(--lateral);transition:padding .3s ease;view-transition-name:topo}
.topo.fixo .topo-miolo{padding-top:14px;padding-bottom:14px}
.topo::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,7,11,.82);-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);opacity:0;transition:opacity .3s ease}
.topo.fixo::before{opacity:1}
.topo::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--fio);opacity:0;transition:opacity .3s ease}
.topo.fixo::after{opacity:.7}
.topo-progresso{position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;background:linear-gradient(90deg,#4B5A70 0%,#DFE7F2 72%,#F4F8FF 100%);transform-origin:left center;transform:scaleX(var(--lido,0));opacity:0;transition:opacity .3s ease}
.topo.fixo .topo-progresso{opacity:1}

.nav-topo{display:flex;align-items:center;gap:2px;margin:0 auto;font-size:15px}
.nav-link{position:relative;display:inline-block;padding:8px 14px;color:var(--apoio);transition:color .2s ease}
.nav-link::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:1px;background:var(--fio);transform:scaleX(0);transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.nav-link:hover,.nav-link[aria-current]{color:var(--brilho)}
.nav-link:hover::after,.nav-link[aria-current]::after,.nav-quem:hover>.nav-link::after,.nav-quem.atual>.nav-link::after{transform:scaleX(1)}
.nav-quem.atual>.nav-link{color:var(--brilho)}

.nav-quem{position:relative}
.nav-painel{position:absolute;top:100%;left:50%;width:min(420px,90vw);padding-top:14px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,6px);transition:opacity .2s ease,transform .3s cubic-bezier(.2,.7,.2,1),visibility 0s .3s}
.nav-quem:hover .nav-painel,.nav-quem:has(:focus-visible) .nav-painel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);transition-delay:0s}
.nav-quem.fechado .nav-painel{opacity:0;visibility:hidden;pointer-events:none}
.nav-moldura{padding:1px;background:linear-gradient(135deg,#4B5A70 0%,#DFE7F2 30%,#5D6E86 55%,#C6D3E6 80%,#4B5A70 100%);box-shadow:0 30px 60px rgba(0,0,0,.65)}
.nav-lista{list-style:none;margin:0;padding:6px 0;background:var(--superficie)}
.nav-lista li+li{border-top:1px solid var(--linha)}
.nav-lista a{position:relative;display:flex;flex-direction:column;gap:2px;padding:14px 24px;transition:background-color .2s ease}
.nav-lista a::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--brilho);transform:scaleY(0);transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.nav-lista a:hover,.nav-lista a:focus-visible{background:rgba(127,144,168,.07)}
.nav-lista a:hover::before,.nav-lista a:focus-visible::before{transform:scaleY(1)}
.nav-lista a[aria-current]::before{transform:scaleY(1);background:var(--aco-medio)}
.np-nome{font-size:17px;font-weight:300;letter-spacing:-.01em;color:var(--texto)}
.np-desc{font-size:13px;color:var(--apoio)}
.nav-lista a:hover .np-nome,.nav-lista a[aria-current] .np-nome{color:var(--brilho)}

/* Chamada do cabeçalho: contorno de aço que vira espelho ao passar o ponteiro */
.link-topo{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;font-size:14px;line-height:1.2;color:var(--aco-claro);border:1px solid var(--aco-escuro);border-radius:3px;padding:11px 20px;white-space:nowrap;transition:color .25s ease,border-color .25s ease}
.link-topo::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--botao);opacity:0;transition:opacity .3s ease}
.link-topo:hover{color:var(--preto);border-color:transparent}
.link-topo:hover::before{opacity:1}

/* ---- Menu do celular ---- */
.menu-botao{display:none;position:relative;flex-shrink:0;width:44px;height:44px;margin:0 -11px 0 auto;padding:0;background:none;border:0;cursor:pointer;color:var(--aco-claro)}
.menu-linhas{position:absolute;left:11px;top:17px;width:22px;height:9px}
.menu-linhas::before,.menu-linhas::after{content:"";position:absolute;left:0;width:100%;height:1px;background:currentColor;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.menu-linhas::before{top:0}
.menu-linhas::after{bottom:0}
.menu-botao[aria-expanded="true"] .menu-linhas::before{transform:translateY(4px) rotate(45deg)}
.menu-botao[aria-expanded="true"] .menu-linhas::after{transform:translateY(-4px) rotate(-45deg)}
.menu-mobile{position:fixed;inset:0;z-index:45;display:none;overflow-y:auto;overscroll-behavior:contain;background:rgba(5,7,11,.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}
.menu-mobile.aberto{opacity:1;visibility:visible;transition-delay:0s}
.menu-aberto{overflow:hidden}
.menu-aberto .topo::before{opacity:0}
.menu-aberto .topo::after,.menu-aberto .topo-progresso{opacity:0}
.mm-miolo{min-height:100%;display:flex;flex-direction:column;gap:36px;padding:96px var(--lateral) max(32px,env(safe-area-inset-bottom))}
.mm-titulo{margin:0 0 6px;font-size:14px;color:var(--aco-medio)}
.mm-grupos,.mm-links{list-style:none;margin:0;padding:0}
.mm-grupos a{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-top:1px solid var(--linha)}
.mm-nome{font-size:21px;font-weight:300;letter-spacing:-.02em;color:var(--texto)}
.mm-desc{font-size:14px;color:var(--apoio)}
.mm-links{margin-top:28px}
.mm-links a{display:block;padding:14px 0;border-top:1px solid var(--linha);font-size:26px;font-weight:300;letter-spacing:-.03em;color:var(--texto)}
.mm-links li:last-child a{border-bottom:1px solid var(--linha);font-size:18px;color:var(--aco-claro)}
.mm-nav a[aria-current]{color:var(--brilho)}
.mm-nav a[aria-current] .mm-nome{color:var(--brilho)}
.mm-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.mm-cta .botao{width:100%;text-align:center}
.mm-contato{display:flex;gap:26px;margin-top:auto;font-size:15px;color:var(--apoio)}
.mm-contato a{display:inline-flex;align-items:center;gap:9px;min-height:44px}
.mm-contato svg{width:20px;height:20px;fill:none;stroke:var(--aco-claro);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.menu-mobile.aberto .mm-titulo,.menu-mobile.aberto .mm-grupos li,.menu-mobile.aberto .mm-links li,.menu-mobile.aberto .mm-cta>*,.menu-mobile.aberto .mm-contato{animation:mm-entra .55s cubic-bezier(.2,.7,.2,1) both}
.menu-mobile.aberto .mm-grupos li:nth-child(1){animation-delay:.04s}
.menu-mobile.aberto .mm-grupos li:nth-child(2){animation-delay:.08s}
.menu-mobile.aberto .mm-grupos li:nth-child(3){animation-delay:.12s}
.menu-mobile.aberto .mm-grupos li:nth-child(4){animation-delay:.16s}
.menu-mobile.aberto .mm-grupos li:nth-child(5){animation-delay:.2s}
.menu-mobile.aberto .mm-links li:nth-child(1){animation-delay:.24s}
.menu-mobile.aberto .mm-links li:nth-child(2){animation-delay:.28s}
.menu-mobile.aberto .mm-links li:nth-child(3){animation-delay:.32s}
.menu-mobile.aberto .mm-links li:nth-child(4){animation-delay:.36s}
.menu-mobile.aberto .mm-links li:nth-child(5){animation-delay:.4s}
.menu-mobile.aberto .mm-cta>*{animation-delay:.02s}
.menu-mobile.aberto .mm-contato{animation-delay:.44s}
@keyframes mm-entra{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (max-width:860px){
  .menu-botao{display:block}
  .menu-mobile{display:block}
  .nav-topo,.link-topo{display:none}
}
@media (min-width:861px){.menu-mobile{display:none !important}}
@media (prefers-reduced-motion:reduce){.menu-mobile.aberto .mm-titulo,.menu-mobile.aberto .mm-grupos li,.menu-mobile.aberto .mm-links li,.menu-mobile.aberto .mm-cta>*,.menu-mobile.aberto .mm-contato{animation:none}.menu-linhas::before,.menu-linhas::after{transition:none}}

/* ---- Reflexo: o gesto da marca ---- */
.botao::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(130px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.75),rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s ease}
.botao::after{content:"";position:absolute;top:0;bottom:0;left:0;width:42%;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,0) 100%);transform:translateX(-160%) skewX(-18deg);opacity:0}
.botao:hover::before{opacity:1}
.botao:hover::after{animation:botao-reflexo .9s cubic-bezier(.3,.1,.2,1) both}
.botao[disabled]::before,.botao[disabled]::after{display:none}
@keyframes botao-reflexo{0%{opacity:1;transform:translateX(-160%) skewX(-18deg)}100%{opacity:1;transform:translateX(330%) skewX(-18deg)}}
.link-topo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(90px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.7),rgba(255,255,255,0) 70%);opacity:0;transition:opacity .3s ease}
.link-topo:hover::after{opacity:1}
@media (prefers-reduced-motion:reduce){.botao:hover::after{animation:none}.botao,.link-topo,.link-topo::before{transition:none}}

@keyframes reflexo-titulo{from{background-position:100% 0}to{background-position:0 0}}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .titulo-hero,.reflexo{background-image:linear-gradient(104deg,var(--texto) 0%,var(--texto) 40%,#FFFFFF 46.5%,#8FA3BF 51%,var(--texto) 58%,var(--texto) 100%);background-size:320% 100%;background-position:0 0;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
  .titulo-hero{animation:reflexo-titulo 2.8s cubic-bezier(.3,.1,.2,1) .3s both}
  .reflexo{animation:reflexo-titulo 2.2s cubic-bezier(.3,.1,.2,1) both}
}
@media (prefers-reduced-motion:reduce){.titulo-hero,.reflexo{animation:none}}
@media (forced-colors:active){.titulo-hero,.reflexo{background:none;-webkit-text-fill-color:currentColor}}

/* O fio se traça quando entra na tela (só onde o navegador sabe animar pela rolagem) */
@keyframes fio-traca{from{transform:scaleX(.06);opacity:.15}to{transform:scaleX(1);opacity:1}}
@supports (animation-timeline:view()){
  .fio{transform-origin:center;animation:fio-traca linear both;animation-timeline:view();animation-range:entry 5% entry 95%}
}
@media (prefers-reduced-motion:reduce){.fio{animation:none}}

/* Estela: gira com o ponteiro e leva o reflexo junto */
@property --giro{syntax:'<angle>';inherits:false;initial-value:16deg}
@property --reflexo-x{syntax:'<percentage>';inherits:false;initial-value:50%}
.estela{transform:perspective(1000px) rotateY(var(--giro));transition:--giro .7s cubic-bezier(.2,.7,.2,1),--reflexo-x .7s cubic-bezier(.2,.7,.2,1)}
.estela::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(244,248,255,0) calc(var(--reflexo-x) - 16%),rgba(244,248,255,.11) var(--reflexo-x),rgba(244,248,255,0) calc(var(--reflexo-x) + 16%))}
@media (prefers-reduced-motion:reduce){.estela{transition:none}}

/* Blocos que levam a outra página: clique em toda a área e fio que se traça */
.grupo,.artigos-lista li,.artigo-relacionados li{position:relative}
.grupo .link-sec::after{content:"";position:absolute;inset:0}
.grupo::before,.artigos-lista li::before,.artigo-relacionados li::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--fio);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.grupo:hover::before,.grupo:focus-within::before,.artigos-lista li:hover::before,.artigos-lista li:focus-within::before,.artigo-relacionados li:hover::before,.artigo-relacionados li:focus-within::before{transform:scaleX(1)}
.grupo h3{transition:color .25s ease}
.grupo:hover h3{color:var(--brilho)}
.grupo:hover .link-sec{border-bottom-color:var(--aco-claro)}
.artigos-lista h3{transition:color .25s ease}
@media (prefers-reduced-motion:reduce){.grupo::before,.artigos-lista li::before,.artigo-relacionados li::before,.grupo h3,.artigos-lista h3{transition:none}}

/* Perguntas: a resposta abre em vez de aparecer de uma vez */
.lista-perguntas summary{transition:color .2s ease}
.lista-perguntas summary:hover{color:var(--brilho)}
.lista-perguntas details::details-content{block-size:0;overflow:clip;transition:block-size .4s cubic-bezier(.2,.7,.2,1),content-visibility .4s allow-discrete}
.lista-perguntas details[open]::details-content{block-size:auto}
@media (prefers-reduced-motion:reduce){.lista-perguntas details::details-content{transition:none}}

/* =====================================================================
   Destaque, luz do ponteiro e metal (06/11/2026)
   O que é necessário ganha o espelho; o ponteiro vira a fonte de luz;
   as superfícies ganham o veio do aço escovado.
   ===================================================================== */
:root{
  --moldura:linear-gradient(135deg,#4B5A70 0%,#DFE7F2 30%,#5D6E86 55%,#C6D3E6 80%,#4B5A70 100%);
  --escovado:repeating-linear-gradient(90deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);
}

/* Luz ambiente: um halo frio, quase subliminar, acompanha o ponteiro */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s ease;background:radial-gradient(560px circle at var(--px,50%) var(--py,50%),rgba(127,144,168,.12),rgba(127,144,168,0) 70%)}
.com-luz body::before{opacity:1}

/* Fios acendem perto do ponteiro */
.fio{position:relative}
.fio::after{content:"";position:absolute;inset:-1px 0;pointer-events:none;opacity:var(--fi,0);transition:opacity .25s ease;background:radial-gradient(380px 3px at var(--fx,-999px) 50%,#fff,rgba(255,255,255,0));filter:drop-shadow(0 0 8px rgba(223,231,242,.85))}

/* Linhas de lista: a borda de cima acende sob o ponteiro e a superfície ganha um reflexo */
.luz-linha{position:relative}
.luz-linha::after{content:"";position:absolute;left:0;right:0;top:-1px;bottom:0;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(340px 2px at var(--lx,-999px) 0,#fff,rgba(244,248,255,0)) top left/100% 2px no-repeat,radial-gradient(420px circle at var(--lx,-999px) var(--ly,-999px),rgba(159,176,200,.15),rgba(127,144,168,0) 70%)}
.luz-linha.acesa::after{opacity:1}

/* Placas: a moldura espelhada acende onde o ponteiro toca */
.luz-placa{position:relative}
.luz-placa::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(300px circle at var(--lx,-999px) var(--ly,-999px),rgba(244,248,255,.9),rgba(244,248,255,0) 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
.luz-placa::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease;background:radial-gradient(460px circle at var(--lx,-999px) var(--ly,-999px),rgba(159,176,200,.14),rgba(127,144,168,0) 70%)}
.luz-placa.acesa::before,.luz-placa.acesa::after{opacity:1}

/* Hero: a folha do relatório dentro da moldura de aço */
.hero{position:relative}
.hero::before{content:"";position:absolute;z-index:-1;right:0;top:-6%;width:60%;height:115%;pointer-events:none;background:radial-gradient(closest-side,rgba(127,144,168,.17),rgba(127,144,168,0))}
a.moldura{position:relative;transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .5s ease;box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 70px rgba(127,144,168,.12)}
a.moldura:hover{box-shadow:0 40px 90px rgba(0,0,0,.55),0 0 90px rgba(127,144,168,.26)}
.retrato img{object-position:top center}
.retrato::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 60% at var(--hx,30%) var(--hy,18%),rgba(244,248,255,.1),rgba(244,248,255,0) 70%)}
@media (prefers-reduced-motion:reduce){a.moldura{transition:none}}

/* A chamada principal do hero: maior, com brilho próprio e um único reflexo depois que o título assenta */
.hero .botao{padding:21px 44px;font-size:17px;box-shadow:0 0 0 1px rgba(223,231,242,.22),0 18px 50px rgba(127,144,168,.16)}
.hero .botao:hover{box-shadow:0 0 0 1px rgba(223,231,242,.5),0 20px 60px rgba(127,144,168,.3)}
.hero .botao::after{animation:botao-reflexo-inicial 1.3s cubic-bezier(.3,.1,.2,1) 1.9s both}
.hero .botao:hover::after{animation:botao-reflexo .9s cubic-bezier(.3,.1,.2,1) both}
@keyframes botao-reflexo-inicial{0%{opacity:1;transform:translateX(-160%) skewX(-18deg)}100%{opacity:1;transform:translateX(330%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){.hero .botao::after{animation:none}}

/* Placas de chamada: moldura de aço e veio escovado, para o diagnóstico não se confundir com o resto */
.cta-faixa,.artigo-cta{border:1px solid transparent;background:var(--escovado) padding-box,linear-gradient(var(--superficie),var(--superficie)) padding-box,var(--moldura) border-box;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 60px rgba(127,144,168,.07)}
.cta-faixa p{color:var(--brilho)}
.conformidade,.resposta-curta{background:var(--escovado),var(--superficie)}

/* Faixas: veio escovado e um brilho frio atrás do ponto que importa */
.diagnostico-bloco{position:relative;isolation:isolate;background:radial-gradient(ellipse 60% 80% at 78% 45%,rgba(127,144,168,.16),rgba(127,144,168,0) 70%),var(--escovado),var(--superficie)}
.convite{position:relative;isolation:isolate;background:radial-gradient(ellipse 45% 70% at 80% 50%,rgba(127,144,168,.13),rgba(127,144,168,0) 70%),var(--escovado),var(--superficie)}
.rodape-pro{background:var(--escovado),var(--superficie)}
.diagnostico-bloco.luz-placa::before,.convite.luz-placa::before{display:none}
.diagnostico-bloco::after,.convite::after{z-index:0}
.diag-miolo,.convite-miolo{position:relative;z-index:1}
.diag-folhas::before{content:"";position:absolute;z-index:-1;inset:-12%;pointer-events:none;background:radial-gradient(closest-side,rgba(159,176,200,.2),rgba(159,176,200,0))}

/* Frases que carregam a promessa sobem um nível de brilho */
.citacao p{color:var(--brilho)}
.ad-linha:not(.ad-cab) span:last-child{color:var(--brilho)}

/* =====================================================================
   Roteador de casos e ganhos (home e /negocio)
   ===================================================================== */
.casos,.ganhos{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 140px}
.casos{padding-top:48px}
.casos-lista{list-style:none;margin:56px 0 0;padding:0}
.caso{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:32px 0;border-top:1px solid var(--linha)}
.casos-lista li:last-child .caso{border-bottom:1px solid var(--linha)}
.caso-id{display:flex;flex-direction:column;gap:6px}
.caso-nome{font-size:clamp(24px,2.6vw,34px);line-height:1.15;font-weight:300;letter-spacing:-.03em;color:var(--texto);transition:color .25s ease}
.caso-quem{font-size:14px;line-height:1.5;color:var(--aco-medio)}
.caso-ganho{font-size:19px;line-height:1.45;font-weight:300;color:var(--aco-claro)}
.caso-ir{align-self:start;justify-self:start;font-size:15px;color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro);padding-bottom:2px;transition:border-color .25s ease}
.caso:hover .caso-nome{color:var(--brilho)}
.caso:hover .caso-ir{border-bottom-color:var(--aco-claro)}
.caso::before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:var(--fio);transform:scaleX(0);transform-origin:left center;transition:transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.caso:hover::before,.caso:focus-visible::before{transform:scaleX(1)}
.casos-nota{margin:32px 0 0;font-size:16px;color:var(--apoio)}
@media (min-width:900px){
  .caso{grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,2.2fr);gap:48px;align-items:center;padding:38px 0}
  .caso-ir{justify-self:end}
}
@media (prefers-reduced-motion:reduce){.caso::before,.caso-nome,.caso-ir{transition:none}}

.ganhos-lista{list-style:none;margin:56px 0 0;padding:0}
.ganhos-lista li{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:28px 0;border-top:1px solid var(--linha)}
.ganhos-lista li:last-child{border-bottom:1px solid var(--linha)}
.ganhos-lista h3{margin:0;font-weight:300;font-size:clamp(24px,2.5vw,32px);line-height:1.18;letter-spacing:-.03em;color:var(--brilho)}
.ganhos-lista p{margin:0;font-size:17px;line-height:1.65;color:var(--apoio);max-width:520px}
@media (min-width:900px){.ganhos-lista li{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:baseline}}
.ganhos .secao-cabeca{padding-top:72px}
.ganhos-mais{margin:40px 0 0}
@media (max-width:640px){.casos,.ganhos{padding-bottom:96px}.caso{padding:26px 0}}

/* =====================================================================
   Home como apresentação: os dois caminhos (Negócio e Eventos) e o Danilo
   ===================================================================== */
.caminhos{max-width:1280px;width:100%;margin:0 auto;padding:24px var(--lateral) 140px;box-sizing:border-box}
.portas{display:grid;grid-template-columns:minmax(0,1fr);gap:72px;margin-top:64px}
.porta{display:flex;flex-direction:column;gap:36px;min-width:0}
.porta-visual{flex-grow:0;height:340px;text-decoration:none;color:inherit}
.porta-visual .retrato{min-height:0;height:100%}
.porta-visual .ev-folha{min-height:0;height:100%;padding:clamp(24px,3vw,36px);gap:14px}
.porta-visual .ev-folha-nome{font-size:clamp(34px,3.6vw,50px)}
.porta-visual .ev-folha-ficha{margin-top:4px}
.porta-texto{display:flex;flex-direction:column;gap:18px;flex-grow:1}
.porta-nome{margin:0;font-weight:300;font-size:clamp(44px,4.8vw,68px);line-height:1;letter-spacing:-.045em}
.porta-nome a{color:var(--texto);transition:color .25s ease}
.porta-nome a:hover{color:var(--brilho)}
.porta-frase{margin:-4px 0 0;font-size:clamp(20px,1.8vw,24px);line-height:1.3;font-weight:300;color:var(--aco-claro)}
.porta-quando{margin:8px 0 0;font-size:15px;line-height:1.55;color:var(--aco-medio);max-width:520px}
.porta-corpo{margin:0;font-size:17px;line-height:1.7;color:var(--apoio);max-width:540px}
.porta-isca{margin:auto 0 8px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-left:2px solid var(--aco-claro);background:rgba(223,231,242,.04);border-radius:6px;max-width:540px}
.porta-isca-nome{font-size:17px;color:var(--brilho)}
.porta-isca span:last-child{font-size:14px;line-height:1.5;color:var(--apoio)}
.caminhos-duvida{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:96px;padding-top:32px;border-top:1px solid var(--linha)}
.caminhos-duvida h3{margin:0;font-weight:300;font-size:24px;line-height:1.25;letter-spacing:-.02em;color:var(--texto)}
.caminhos-duvida p{margin:0;font-size:18px;line-height:1.7;color:var(--apoio);max-width:760px}
@media (min-width:980px){
  .portas{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
  .porta-visual{height:380px}
  .caminhos-duvida{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:48px}
}
@media (max-width:640px){.caminhos{padding-bottom:96px}.porta-visual{height:280px}.porta-eventos .porta-visual{height:auto}.caminhos-duvida{margin-top:72px}.portas{gap:80px}}
@media (prefers-reduced-motion:reduce){.porta-nome a{transition:none}}
.inicio .hero-grupo{padding-bottom:88px}

/* Página /negocio */
.pagina-negocio .migalhas{padding-top:16px;box-sizing:border-box;width:100%}

/* Rodapé com cinco colunas: marca, caminhos, público, começo e contato */
@media (min-width:1080px){.rp-miolo{grid-template-columns:minmax(0,4fr) minmax(0,2.4fr) minmax(0,3fr) minmax(0,2.6fr) minmax(0,3.4fr);gap:44px}}
.mm-grupos + .mm-titulo{margin-top:32px}

/* Home: dor → benefício em cada caminho */
.curas{list-style:none;margin:4px 0 28px;padding:0;max-width:560px}
.curas li{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-top:1px solid var(--linha)}
.curas li:last-child{border-bottom:1px solid var(--linha)}
.cura-dor{font-size:15px;line-height:1.5;color:var(--aco-medio)}
.cura-ganho{font-size:18px;line-height:1.5;font-weight:300;color:var(--brilho)}
/* Home: quem conduz, curto, com a apresentação completa em /danilo */
.conduz{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 140px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
.conduz h2{margin:0;padding-top:32px;border-top:1px solid var(--linha);font-weight:300;font-size:24px;letter-spacing:-.02em}
.conduz-texto{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.conduz-texto p{margin:0;font-size:19px;line-height:1.7;color:var(--apoio);max-width:760px}
@media (min-width:980px){.conduz{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:0 48px}.conduz h2,.conduz-texto{padding-top:32px;border-top:1px solid var(--linha)}.conduz-texto p{margin-top:0}}
@media (max-width:640px){.conduz{padding-bottom:96px}}

/* Home em história: a semana de hoje e a semana de depois, espelhadas */
.semana{max-width:1280px;width:100%;margin:0 auto;padding:24px var(--lateral) 140px;box-sizing:border-box}
.semana-lista{list-style:none;margin:56px 0 0;padding:0}
.semana-lista li{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:28px 0;border-top:1px solid var(--linha)}
.semana-lista li:last-child{border-bottom:1px solid var(--linha)}
.semana-dia{font-size:15px;line-height:1.4;color:var(--aco-medio)}
.semana-lista p{margin:0;font-size:clamp(20px,2vw,26px);line-height:1.45;font-weight:300;letter-spacing:-.01em;color:var(--apoio);max-width:860px}
.semana-depois .semana-dia{color:var(--aco-claro)}
.semana-depois .semana-lista p{color:var(--brilho)}
.semana-depois .semana-lista li{border-top-color:var(--aco-escuro)}
.semana-fecho{margin:40px 0 0;font-size:16px;line-height:1.6;color:var(--apoio);max-width:640px}
@media (min-width:900px){.semana-lista li{grid-template-columns:minmax(0,2fr) minmax(0,10fr);gap:48px;align-items:baseline;padding:32px 0}}
@media (max-width:640px){.semana{padding-bottom:96px}.semana-lista li{padding:22px 0}}

/* Comparativo: outros jeitos de resolver a mesma dor (sem nomes) */
.comparativo{max-width:1280px;width:100%;margin:0 auto;padding:0 var(--lateral) 140px;box-sizing:border-box}
.comparativo .secao-cabeca{max-width:820px}
.comp-tabela{margin-top:44px;overflow-x:auto;border:1px solid var(--linha);border-radius:12px}
.comp-tabela table{width:100%;min-width:760px;border-collapse:collapse;font-size:16px;line-height:1.55}
.comp-tabela caption{text-align:left;padding:16px 20px;font-size:13px;letter-spacing:.06em;color:var(--aco-medio);border-bottom:1px solid var(--linha)}
.comp-tabela th,.comp-tabela td{padding:18px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--linha)}
.comp-tabela thead th{font-weight:400;font-size:13px;color:var(--aco-medio);background:var(--superficie)}
.comp-tabela tbody th{font-weight:400;color:var(--texto);min-width:180px}
.comp-tabela tbody td{color:var(--apoio)}
.comp-tabela tr.comp-nos th,.comp-tabela tr.comp-nos td{color:var(--brilho);background:rgba(223,231,242,.04);border-bottom:0}
.comp-tabela tr.comp-nos th{border-left:2px solid var(--aco-claro)}
.comp-nota{margin:20px 0 0;max-width:820px;font-size:16px;line-height:1.7;color:var(--apoio)}
.comp-nota a{color:var(--aco-claro)}
@media (max-width:640px){
.comp-tabela{border:0;overflow:visible}
.comp-tabela table{min-width:0;display:block}
.comp-tabela caption{display:block;padding:0 0 16px;border:0}
.comp-tabela thead{display:none}
.comp-tabela tbody{display:flex;flex-direction:column;gap:16px}
.comp-tabela tr{display:block;border:1px solid var(--linha);border-radius:12px;padding:6px 0}
.comp-tabela tbody th,.comp-tabela td{display:block;border:0;padding:10px 18px}
.comp-tabela tbody th{font-size:18px;padding-top:14px}
.comp-tabela td::before{content:attr(data-rotulo);display:block;font-size:12px;letter-spacing:.06em;color:var(--aco-medio);margin-bottom:4px}
.comp-tabela tr.comp-nos th,.comp-tabela tr.comp-nos td{background:none}
.comp-tabela tr.comp-nos{border-color:var(--aco-claro);background:rgba(223,231,242,.04)}
.comp-tabela tr.comp-nos th{border-left:0}
}
.diagnostico-bloco{overflow-x:clip}
/* Mapa das 15 peças (ícones em /assets/pecas.svg) */
.mapa-pecas{margin-top:64px}
.mapa{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--linha)}
.mapa ul{list-style:none;margin:0;padding:0}
.mapa-col{position:relative;padding:20px 16px 26px 0}
.mapa-col:nth-child(even){padding-left:16px;border-left:1px solid var(--linha)}
.mapa-col:nth-child(n+3){border-top:1px solid var(--linha)}
.mapa-col::before{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:linear-gradient(90deg,var(--aco-claro),transparent);transition:width .6s ease}
.mapa-col:hover::before{width:100%}
.mapa-frente{display:block;min-height:36px;font-size:13px;line-height:1.35;color:var(--aco-medio)}
.mapa-peca{margin-top:22px;color:var(--aco-claro);transition:color .3s ease}
.mapa-peca span{display:block;margin-top:12px;font-size:15px;line-height:1.35;color:var(--texto)}
.ic-peca{display:block;width:36px;height:36px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.mapa-peca:hover{color:var(--brilho)}
.mapa-pe{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding-top:24px;border-top:1px solid var(--linha);font-size:15px;color:var(--apoio)}
.mapa-pe strong{font-weight:400;color:var(--aco-claro)}
.frentes-sub{margin:96px 0 0;font-weight:300;font-size:22px;letter-spacing:-.02em;color:var(--texto)}
@media (min-width:980px){
  .mapa{grid-template-columns:repeat(8,minmax(0,1fr))}
  .mapa-col:nth-child(n){padding:22px 18px 30px;border-left:1px solid var(--linha);border-top:0}
  .mapa-col:first-child{border-left:0;padding-left:0}
  .frentes-sub + .frentes-cab{margin-top:28px}
}
@media (prefers-reduced-motion:reduce){.mapa-col::before{transition:none}}
/* Mapa das 15 peças dentro de um artigo (coluna estreita: 2 colunas, 4 a partir de 700px) */
.artigo-corpo .mapa-pecas{margin:28px 0 36px}
.artigo-corpo .mapa,.artigo-corpo .mapa ul{padding-left:0;margin:0}
.artigo-corpo .mapa li{margin:0}
.artigo-corpo .mapa .mapa-peca{margin-top:22px}
.artigo-corpo .mapa-peca span{font-size:15px}
.artigo-corpo .mapa-pe{font-size:15px}
@media (min-width:700px){
  .artigo-corpo .mapa{grid-template-columns:repeat(4,minmax(0,1fr))}
  .artigo-corpo .mapa .mapa-col:nth-child(n){padding:18px 14px 24px;border-left:1px solid var(--linha);border-top:0}
  .artigo-corpo .mapa .mapa-col:nth-child(4n+1){border-left:0;padding-left:0}
  .artigo-corpo .mapa .mapa-col:nth-child(n+5){border-top:1px solid var(--linha)}
}
/* Nome da frente no mapa vira link para o artigo da frente */
a.mapa-frente{border-bottom:0;transition:color .3s ease}
a.mapa-frente:hover{color:var(--brilho)}
.artigo-corpo a.mapa-frente{color:var(--aco-medio);border-bottom:0}
.artigo-corpo a.mapa-frente:hover{color:var(--brilho)}

/* Carta ao especialista (/carta). O texto vem de web/.pitch/carta.html, a mesma fonte do PDF. */
.carta-esp{max-width:820px;width:100%;margin:0 auto;padding:0 var(--lateral) 96px;font-size:18px;line-height:1.72;color:var(--texto)}
.carta-esp .ic{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.carta-capa{margin:28px 0 24px;padding-bottom:40px;border-bottom:1px solid var(--linha)}
.carta-esp .carta-rot{margin:0 0 14px;font-size:15px;color:var(--aco-medio)}
.carta-capa h1{margin:0;font-weight:300;font-size:clamp(40px,7vw,72px);line-height:1.02;letter-spacing:-.04em;color:var(--brilho)}
.carta-esp .carta-sub{margin:22px 0 0;font-size:21px;line-height:1.55;color:var(--aco-claro)}
.carta-nums{display:flex;flex-wrap:wrap;gap:16px 44px;margin-top:34px}
.carta-nums b{display:block;font-weight:200;font-size:44px;line-height:1;letter-spacing:-.03em;color:var(--brilho)}
.carta-nums span{font-size:14px;color:var(--apoio)}
.carta-esp .carta-meta{margin:30px 0 0;font-size:14px;color:var(--apoio)}
.carta-meta a{color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro)}
/* A carta em si: medida de leitura mais estreita, saudação, despedida, assinatura e P.S. */
.carta-folha{max-width:640px;margin:28px 0 0;padding-bottom:56px;border-bottom:1px solid var(--linha)}
.carta-topo{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:44px}
.carta-esp .carta-topo .carta-rot{margin:0}
.carta-esp .carta-data{margin:0;font-size:15px;color:var(--apoio)}
.carta-esp .saudacao{margin:0 0 28px;font-weight:300;font-size:clamp(28px,4.4vw,38px);line-height:1.2;letter-spacing:-.025em;color:var(--brilho)}
.carta-folha p{margin:0 0 22px;line-height:1.8}
.carta-esp .carta-folha .abre{font-size:21px;line-height:1.7}
.carta-esp .despedida{margin:40px 0 18px;color:var(--aco-claro)}
.carta-esp .assin{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.carta-esp .assin b{font-weight:300;font-size:26px;letter-spacing:.01em;color:var(--brilho)}
.carta-esp .assin span{font-size:14px;color:var(--apoio)}
.carta-esp .ps{margin:40px 0 0;padding-top:20px;border-top:1px solid var(--linha);font-size:16px;color:var(--aco-claro)}
.carta-esp .ps b{font-weight:500;color:var(--brilho);margin-right:6px}

/* Índice dos anexos, logo depois da assinatura. */
.carta-anexos{padding:48px 0 12px}
.carta-esp .carta-anexos-titulo{margin:0 0 6px;font-size:22px;color:var(--brilho)}
.carta-esp .carta-anexos-nota{margin:0 0 18px;font-size:15px;color:var(--apoio)}
.carta-anexos-nota a{color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro)}
.carta-anexos ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.carta-anexos li a{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--linha);font-size:16px;line-height:1.45;color:var(--texto)}
.carta-anexos li a span{font-size:13px;color:var(--aco-medio);padding-top:2px}
.carta-anexos li a:hover{color:var(--brilho)}

.carta-cap{padding:56px 0 8px;border-bottom:1px solid var(--linha);scroll-margin-top:24px}
.carta-esp .cap-n{margin:0 0 10px;font-size:14px;color:var(--aco-medio)}
.carta-esp h2{margin:0 0 22px;font-weight:300;font-size:clamp(30px,4.6vw,42px);line-height:1.12;letter-spacing:-.03em;color:var(--brilho)}
.carta-esp h3{margin:30px 0 10px;font-weight:400;font-size:21px;color:var(--aco-claro)}
.carta-esp p{margin:0 0 18px}
.carta-esp .abre{font-size:22px;line-height:1.6;color:var(--aco-claro)}
.carta-esp strong{font-weight:500;color:var(--brilho)}
.carta-esp .fio2{height:1px;background:var(--fio);margin:36px 0}
.carta-esp ul.pontos{margin:8px 0 22px;padding:0;list-style:none}
.carta-esp ul.pontos li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--linha)}
.carta-esp ul.pontos li::before{content:"";position:absolute;left:0;top:26px;width:10px;height:1px;background:var(--aco-medio)}
.carta-esp .tabela{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:16px;line-height:1.5}
.carta-esp .tabela th{text-align:left;font-weight:400;font-size:13px;color:var(--aco-medio);padding:0 14px 8px 0}
.carta-esp .tabela td{vertical-align:top;padding:13px 16px 13px 0;border-top:1px solid var(--linha)}
.carta-esp .tabela td.a{color:var(--apoio)}.carta-esp .tabela td.d{color:var(--brilho)}
.carta-esp .frente{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--linha)}
.carta-esp .frente .nn{font-size:14px;color:var(--aco-escuro);padding-top:4px}
.carta-esp .frente h3{margin:0 0 4px}
.carta-esp .frente p{margin:0;color:var(--apoio);font-size:17px}
.carta-esp .mapa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:22px 0 26px;border-top:1px solid var(--linha)}
.carta-esp .mapa>div{padding:16px 12px 18px 0;min-width:0}
.carta-esp .mapa>div:nth-child(even){padding-left:14px;border-left:1px solid var(--linha)}
.carta-esp .mapa>div:nth-child(n+3){border-top:1px solid var(--linha)}
.carta-esp .mapa .fr{font-size:13px;line-height:1.35;color:var(--aco-medio);min-height:36px}
.carta-esp .mapa .pc{margin-top:14px;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;font-size:15px;line-height:1.35;color:var(--texto)}
.carta-esp .mapa .ic{width:28px;height:28px;color:var(--aco-claro)}
.carta-esp .onde{display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin:18px 0 22px}
.carta-esp .onde>div{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:16px 0;border-top:1px solid var(--linha)}
.carta-esp .onde .ic{width:30px;height:30px;color:var(--aco-claro)}
.carta-esp .onde h3{margin:0 0 4px;font-size:19px}
.carta-esp .onde p{margin:0;font-size:16px;color:var(--apoio);line-height:1.55}
.carta-esp .fases{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin:22px 0 26px}
.carta-esp .fases>div{padding:18px;border:1px solid var(--linha);border-radius:12px;background:var(--superficie)}
.carta-esp .fases>div.ac{border-style:dashed;background:none}
.carta-esp .fases .sem{font-size:13px;color:var(--aco-medio)}
.carta-esp .fases b{display:block;margin:4px 0 10px;font-weight:300;font-size:22px;color:var(--brilho)}
.carta-esp .fases ul{margin:0;padding:0;list-style:none;font-size:15px;line-height:1.45}
.carta-esp .fases li{padding:8px 0;border-top:1px solid var(--linha)}
.carta-esp .citacao{margin:28px 0;padding:4px 0 4px 22px;border-left:2px solid var(--aco-medio);font-size:21px;line-height:1.5;color:var(--aco-claro)}
.carta-esp .cena{margin:18px 0 30px}
.carta-esp .cena .cab{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;padding-top:14px;border-top:1px solid var(--aco-escuro)}
.carta-esp .cena h3{margin:0;font-size:22px;font-weight:300;color:var(--brilho)}
.carta-esp .selo{font-size:12px;color:var(--aco-medio);border:1px solid var(--aco-escuro);border-radius:999px;padding:3px 12px;white-space:nowrap}
.carta-esp .cena .duas{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:14px}
.carta-esp .cena h4{margin:0 0 6px;font-weight:400;font-size:13px;color:var(--aco-medio)}
.carta-esp .cena ul{margin:0;padding:0;list-style:none;font-size:16px;line-height:1.5}
.carta-esp .cena li{padding:9px 0;border-top:1px solid var(--linha)}
.carta-esp .cena .antes li{color:var(--apoio)}
.carta-esp .comp{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:22px 0}
.carta-esp .comp>div{padding:24px;border:1px solid var(--linha);border-radius:12px;background:var(--superficie)}
.carta-esp .comp>div.nossa{border-color:var(--aco-medio);background:linear-gradient(160deg,#121a28 0%,#0A0E15 100%)}
.carta-esp .comp .rot{font-size:13px;color:var(--aco-medio)}
.carta-esp .comp .val{margin:8px 0 8px;font-weight:200;font-size:34px;line-height:1.1;letter-spacing:-.03em;color:var(--brilho)}
.carta-esp .comp p{margin:0;font-size:16px;color:var(--apoio);line-height:1.55}
.carta-esp .nota{font-size:14px;color:var(--aco-medio);line-height:1.55}
.carta-esp .duas-col{display:grid;grid-template-columns:minmax(0,1fr);gap:8px 32px;margin:12px 0}
.carta-esp .duas-col h3{margin:0 0 4px;font-size:14px;font-weight:400;color:var(--aco-medio)}
.carta-esp .assin{margin-top:36px}
.carta-esp .assin b{display:block;font-weight:400;font-size:22px;color:var(--brilho);letter-spacing:.01em}
.carta-esp .assin span{font-size:14px;color:var(--apoio)}
.carta-fim{padding:64px 0 0}
.carta-passos{margin:8px 0 30px;padding:0;list-style:none;counter-reset:passo}
.carta-passos li{counter-increment:passo;position:relative;padding:14px 0 14px 40px;border-top:1px solid var(--linha);color:var(--apoio)}
.carta-passos li::before{content:counter(passo);position:absolute;left:0;top:14px;font-size:15px;color:var(--aco-medio)}
.carta-passos b{font-weight:400;color:var(--brilho)}
.carta-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin-bottom:44px}
.carta-baixar{padding:26px;border:1px solid var(--linha);border-radius:12px;background:var(--superficie)}
.carta-baixar-titulo{margin:0 0 16px!important;font-size:15px;color:var(--aco-medio)}
.carta-baixar-botoes{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.carta-pdf{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border:1px solid var(--aco-escuro);border-radius:8px;transition:border-color .3s ease,background .3s ease}
.carta-pdf span{font-size:17px;color:var(--brilho)}
.carta-pdf small{font-size:13px;color:var(--apoio)}
.carta-pdf:hover{border-color:var(--aco-claro);background:rgba(127,144,168,.06)}
@media (min-width:720px){
  .carta-esp .mapa{grid-template-columns:repeat(4,minmax(0,1fr))}
  .carta-esp .mapa>div:nth-child(n){padding:16px 12px 18px;border-left:1px solid var(--linha);border-top:0}
  .carta-esp .mapa>div:nth-child(4n+1){border-left:0;padding-left:0}
  .carta-esp .mapa>div:nth-child(n+5){border-top:1px solid var(--linha)}
  .carta-esp .mapa .pc{grid-template-columns:minmax(0,1fr);gap:8px}
  .carta-esp .onde{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
  .carta-esp .cena .duas,.carta-esp .comp,.carta-esp .duas-col,.carta-baixar-botoes{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:480px){.carta-esp .fases{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:540px){.carta-esp .tabela{font-size:14px}.carta-esp .tabela td{padding-right:10px}}
.processo-carta{margin:40px 0 0;font-size:17px;line-height:1.6;color:var(--apoio)}
.processo-carta a{color:var(--aco-claro);border-bottom:1px solid var(--aco-escuro)}
.processo-carta a:hover{color:var(--brilho)}