/* Fontes hospedadas no próprio site (latin) */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-sans-normal.woff2) format('woff2');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}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/instrument-sans-normal.woff2) format('woff2');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}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/instrument-sans-normal.woff2) format('woff2');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}
@font-face{font-family:'Literata';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/literata-italic.woff2) format('woff2');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}
@font-face{font-family:'Literata';font-style:normal;font-weight:300;font-display:swap;src:url(fonts/literata-normal.woff2) format('woff2');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}
@font-face{font-family:'Literata';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/literata-normal.woff2) format('woff2');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}
@font-face{font-family:'Literata';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/literata-normal.woff2) format('woff2');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}
/* Eric Luiz · versão 2 (premium). Paleta 1: petróleo e latão. */
:root{
  --petroleo:#0E2F38; --petroleo-fundo:#0A242B; --marfim:#F4F1EA; --papel:#FBFAF7; --pedra:#E9E6E0;
  --tinta:#13262C; --texto:#2B3A3F; --apoio:#5B6A6F;
  --latao:#B8934A; --latao-claro:#D9BE86; --latao-texto:#7A5E24;
  --linha:#DCD7CE; --linha-escura:rgba(244,241,234,.14);
  --serif:"Literata",Georgia,serif; --sans:"Instrument Sans",system-ui,sans-serif;
  --gutter:clamp(20px,5vw,72px); --max:1320px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--papel);color:var(--texto);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}
img,svg{display:block;max-width:100%}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--latao);outline-offset:4px;border-radius:2px}
.pular{position:absolute;left:-999px;top:8px;background:var(--marfim);color:var(--tinta);padding:8px 14px;z-index:20}
.pular:focus{left:8px}
.env{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;color:var(--tinta);text-wrap:balance}
p,li,td{text-wrap:pretty}
.rotulo{font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--latao-texto)}
.num{font-variant-numeric:lining-nums tabular-nums}

/* Botões */
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--latao);color:var(--petroleo-fundo);padding:18px 30px;font:600 16px/1 var(--sans);letter-spacing:.01em;text-decoration:none;border-radius:2px;transition:background .2s}
.btn:hover{background:var(--latao-claro)}
.btn-escuro{background:var(--petroleo);color:var(--marfim)}
.btn-escuro:hover{background:var(--petroleo-fundo)}
.link{font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.link:hover{color:var(--latao-texto)}

/* Cabeçalho sobre o topo escuro */
.cab{position:absolute;inset:0 0 auto;z-index:5;color:var(--marfim)}
.cab .env{display:flex;align-items:center;justify-content:space-between;height:92px;border-bottom:1px solid var(--linha-escura)}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.marca-nome{font:500 23px/1.15 var(--sans);letter-spacing:.01em;text-align:center}
.marca-nome small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,241,234,.6);margin-top:3px}
.menu{display:flex;gap:36px;align-items:center;font-size:15px}
.menu a:not(.btn){text-decoration:none;color:rgba(244,241,234,.82)}
.menu a:not(.btn):hover{color:var(--marfim)}
.menu .btn{padding:12px 20px;font-size:14px}

/* Topo */
.topo{position:relative;background:var(--petroleo-fundo);color:var(--marfim);overflow:hidden;min-height:min(920px,100svh);display:flex;align-items:flex-end}
.topo .mapa-fundo{position:absolute;inset:0;width:100%;height:100%;-webkit-mask-image:linear-gradient(90deg,transparent 34%,#000 62%);mask-image:linear-gradient(90deg,transparent 34%,#000 62%)}
.topo .mapa-fundo svg{width:100%;height:100%}
.topo .rua{fill:none;stroke:#24444C;stroke-linecap:round;stroke-linejoin:round;stroke-width:.8px!important;vector-effect:non-scaling-stroke}
.topo .via{fill:none;stroke:#3A5F68;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px!important;vector-effect:non-scaling-stroke}
.topo .agua,.topo .mar{fill:#0C2A32;stroke:#0C2A32}
.topo .costa{fill:none;stroke:#5B7F86;stroke-width:1.2}
.topo .onda{fill:none;stroke:var(--latao);stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.carregou .topo .onda{animation:onda 3s cubic-bezier(.2,.6,.3,1) forwards}
.carregou .topo .onda:nth-of-type(2){animation-delay:.4s}
.carregou .topo .onda:nth-of-type(3){animation-delay:.8s}
@keyframes onda{0%{opacity:.9;transform:scale(.15)}100%{opacity:.35;transform:scale(1)}}
.topo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--petroleo-fundo) 0%,rgba(10,36,43,.9) 36%,rgba(10,36,43,0) 58%)}
.topo .env{position:relative;z-index:2;width:100%;padding-top:180px;padding-bottom:clamp(64px,8vw,112px)}
.topo .rotulo{color:var(--latao-claro)}
.topo h1{margin-top:28px;color:var(--marfim);font-size:clamp(42px,5.4vw,80px);line-height:1.04;letter-spacing:-.03em;max-width:16ch}
.topo .sub{margin-top:32px;font-size:clamp(19px,1.6vw,22px);line-height:1.55;color:rgba(244,241,234,.78);max-width:38ch}
.topo .acoes{margin-top:44px;display:flex;flex-wrap:wrap;gap:32px;align-items:center}
.topo .link{color:var(--marfim)}
.creditos-mapa{position:absolute;right:var(--gutter);bottom:18px;z-index:2;font-size:11px;color:rgba(244,241,234,.45)}

/* Faixa de prova logo abaixo do topo */
.prova{background:var(--petroleo);color:var(--marfim);border-top:1px solid var(--linha-escura)}
.prova .env{display:grid;grid-template-columns:repeat(3,1fr)}
.prova div.item{padding:36px 32px 36px 0;border-right:1px solid var(--linha-escura)}
.prova div.item:last-child{border-right:0}
.prova div.item+div.item{padding-left:32px}
.prova p{font-size:15px;line-height:1.5;color:rgba(244,241,234,.7)}
.prova strong{display:block;font:400 30px/1.1 var(--serif);color:var(--marfim);margin-bottom:8px;letter-spacing:-.01em}

/* Seções */
.sec{padding:clamp(64px,7vw,112px) 0}
.sec-pedra{background:var(--pedra)}
.sec-escura{background:var(--petroleo-fundo);color:rgba(244,241,234,.8)}
.sec-escura h2,.sec-escura h3{color:var(--marfim)}
.cabeca{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
.cabeca h2{font-size:clamp(34px,3.8vw,56px);line-height:1.06;max-width:17ch}
.cabeca .intro{font-size:clamp(19px,1.5vw,21px);line-height:1.6;color:var(--texto)}
.cabeca .intro-destaque{font:400 clamp(24px,2.3vw,32px)/1.35 var(--serif);color:var(--tinta);letter-spacing:-.01em;padding-left:24px;border-left:2px solid var(--latao)}
.sec-escura .cabeca .intro{color:rgba(244,241,234,.78)}

/* Problema: lista editorial grande */
.motivos{margin-top:clamp(40px,5vw,64px);list-style:none;padding:0;border-top:1px solid var(--tinta)}
.motivos li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);padding:40px 0;border-bottom:1px solid var(--linha);align-items:center}
.motivos h3{font-size:clamp(24px,2.2vw,32px);line-height:1.2}
.motivos p{font-size:19px;color:var(--texto);max-width:58ch}

/* Perfil + site: composição em dois painéis */
.dupla{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--linha)}
.painel{padding:clamp(32px,4vw,56px);background:var(--papel)}
.painel+.painel{border-left:1px solid var(--linha)}
.painel .rotulo{display:block;margin-bottom:22px;text-align:center}
.painel h3{font-size:clamp(26px,2.4vw,34px);line-height:1.15}
.painel p{margin-top:16px;font-size:18px}
.painel ul{margin-top:20px;padding:0;list-style:none}
.painel li{padding:12px 0;border-top:1px solid var(--linha);font-size:16px;color:var(--texto)}
.nota-honesta{margin:40px auto 0;max-width:64ch;font-size:18px;color:var(--apoio);text-align:center;text-wrap:balance}

/* IA */
.ia-grade{margin-top:clamp(40px,5vw,64px);display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--linha-escura)}
.ia-grade>div{padding:40px 36px 0 0}
.ia-grade>div+div{padding-left:36px;border-left:1px solid var(--linha-escura)}
.ia-grade h3{font:600 19px/1.3 var(--sans);letter-spacing:0}
.ia-grade p,.ia-grade li{font-size:17px;line-height:1.6}
.ia-grade p{margin-top:14px}
.ia-grade ul{margin-top:14px;padding:0;list-style:none}
.ia-grade li{margin-top:12px}
.ia-grade .nao h3{color:var(--latao-claro)}

/* Método: as letras como protagonistas */
.etapas{margin-top:clamp(40px,5vw,72px);display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;border-top:1px solid var(--tinta)}
.etapas li{padding:40px 40px 0 0;display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start}
.etapas li+li{padding-left:40px;border-left:1px solid var(--linha)}
.letra{display:block;font:300 clamp(120px,14vw,220px)/.8 var(--serif);color:var(--latao);letter-spacing:-.04em}
.etapas .letra,.etapas h3{text-align:center;letter-spacing:0}
.etapas h3{margin-top:28px;font-size:30px}
.etapas p{margin-top:14px;font-size:18px}
.etapas .ganho{margin-top:22px;padding-top:18px;border-top:1px solid var(--linha);font-size:16px;color:var(--apoio)}
.compromissos{margin-top:clamp(40px,5vw,64px);background:#fff;border:1px solid var(--linha);border-top-color:var(--tinta);padding:clamp(28px,3vw,40px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3vw,48px)}
.compromissos h3{font:600 19px/1.3 var(--sans);letter-spacing:0}
.compromissos p{margin-top:12px;font-size:17px}
.metodo-acoes{margin-top:48px;display:flex;flex-wrap:wrap;gap:12px 32px;align-items:center}
.metodo-acoes p{font-size:15px;color:var(--apoio)}

/* Matriz */
.matriz{margin-top:clamp(40px,5vw,64px);width:100%;border-collapse:collapse}
.matriz th,.matriz td{text-align:center;vertical-align:middle;padding:24px 20px;border-bottom:1px solid var(--linha);font-size:17px}
.matriz thead th{font:600 15px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta);text-align:center;border-bottom:1px solid var(--tinta);padding-top:0}
.matriz tbody th{font:400 22px/1.25 var(--serif);color:var(--tinta);width:24%}
.matriz .rasa{color:var(--apoio);width:32%}
.matriz .estruturada{color:var(--tinta);background:var(--papel)}
.matriz thead .col-e{color:var(--latao-texto)}

/* Casos */
.casos{margin-top:clamp(40px,5vw,64px);list-style:none;padding:0;border-top:1px solid var(--tinta)}
.caso{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(24px,6vw,96px);padding:44px 0;border-bottom:1px solid var(--linha);align-items:center}
.caso h3{font-size:clamp(26px,2.4vw,34px);line-height:1.2}
.caso .rotulo{display:block}
.caso p{margin-top:12px;font-size:18px;max-width:52ch}
.caso .link{display:inline-block;margin-top:16px;font-size:16px}
.casos-nota{margin-top:40px;font-size:17px;color:var(--apoio);max-width:72ch}

/* Franquias */
.franquias .env{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(32px,6vw,96px);align-items:center}
.franquias h2{font-size:clamp(36px,4.2vw,62px);line-height:1.05}
.franquias p{font-size:20px;color:rgba(244,241,234,.78)}
.franquias .link{color:var(--marfim);display:inline-block;margin-top:28px}

/* Sobre */
.sobre-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,7vw,120px);align-items:center}
.sobre-grade img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.15)}
.sobre-grade h2{font-size:clamp(36px,4.2vw,58px);line-height:1.05}
.sobre-grade p{margin-top:22px;font-size:19px;max-width:54ch}
.assinatura-metodo{margin-top:36px;font:italic 400 22px/1.4 var(--serif);color:var(--latao-texto)}

/* Conteúdos */
.artigos{margin-top:clamp(40px,5vw,64px);list-style:none;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-template-rows:repeat(4,auto);border-top:1px solid var(--tinta)}
.artigos li{padding:32px 32px 0 0;display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;justify-items:start}
.artigos li+li{padding-left:32px;border-left:1px solid var(--linha)}
.artigos a,.artigos .titulo{display:block;margin-top:14px;font:400 26px/1.25 var(--serif);color:var(--tinta);text-decoration:none}
.artigos a:hover{color:var(--latao-texto)}
.artigos p{margin-top:12px;font-size:16px;color:var(--apoio)}

/* Perguntas */
.perguntas{margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--tinta)}
.perguntas details{border-bottom:1px solid var(--linha)}
.perguntas summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:24px;padding:30px 0;font:400 clamp(21px,1.8vw,26px)/1.3 var(--serif);color:var(--tinta)}
.perguntas summary::-webkit-details-marker{display:none}
.perguntas summary::after{content:"+";font:300 32px/1 var(--sans);color:var(--latao-texto);transition:transform .25s}
.perguntas details[open] summary::after{transform:rotate(45deg)}
.perguntas details p{padding:0 0 32px;font-size:18px;max-width:70ch}

/* Final */
.final{text-align:center}
.final h2{font-size:clamp(44px,5.6vw,84px);line-height:1.02;max-width:16ch;margin:0 auto}
.final p{margin:28px auto 0;max-width:52ch;font-size:20px;color:rgba(244,241,234,.78)}
.final .btn{margin-top:48px}
.final .apoio-cta{margin-top:16px;font-size:15px;color:rgba(244,241,234,.7)}

/* Rodapé */
.rodape{background:#071C21;color:rgba(244,241,234,.7);padding:72px 0 40px;border-top:1px solid var(--linha-escura);font-size:15px}
.rodape .colunas{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px}
.rodape-tit{font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--latao-claro)}
.rodape ul{list-style:none;padding:0;margin-top:20px}
.rodape li{margin-top:10px}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--marfim)}
.rodape .base{margin-top:64px;padding-top:24px;border-top:1px solid var(--linha-escura);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}

@media (max-width:960px){
  .menu a:not(.btn){display:none}
  .cabeca,.motivos li,.dupla,.caso,.franquias .env,.sobre-grade{grid-template-columns:1fr}
  .painel+.painel{border-left:0;border-top:1px solid var(--linha)}
  .prova .env,.ia-grade,.etapas,.compromissos,.artigos{grid-template-columns:1fr}
  .artigos{grid-auto-flow:row;grid-template-rows:none}
  .prova div.item,.prova div.item+div.item{padding:24px 0;border-right:0;border-bottom:1px solid var(--linha-escura)}
  .ia-grade>div+div,.etapas li+li,.artigos li+li{padding-left:0;border-left:0}
  .etapas li,.artigos li{padding-right:0;padding-bottom:32px}
  .topo::after{background:linear-gradient(180deg,rgba(10,36,43,.2) 0%,rgba(10,36,43,.85) 55%,var(--petroleo-fundo) 85%)}
  .topo .mapa-fundo{-webkit-mask-image:none;mask-image:none}
  .topo .mapa-fundo g{display:none}
  .rodape .colunas{grid-template-columns:1fr}
  .matriz thead{display:none}
  .matriz tr{display:block;padding:20px 0;border-bottom:1px solid var(--linha)}
  .matriz th,.matriz td{display:block;border:0;padding:6px 0;width:auto!important;text-align:left}
  .matriz .estruturada{padding-left:14px}
  .matriz .rasa::before,.matriz .estruturada::before{display:block;margin-bottom:4px;font:600 12px/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta)}
  .matriz .rasa::before{content:"Presença superficial"}
  .matriz .estruturada::before{content:"Presença estruturada";color:var(--latao-texto)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.carregou .topo .onda{animation:none;opacity:.35}}

/* Páginas internas: faixa escura de abertura */
.interno-topo{background:var(--petroleo-fundo);color:rgba(244,241,234,.78);padding:156px 0 clamp(48px,6vw,80px)}
.interno-topo h1{color:var(--marfim);font-size:clamp(36px,4.4vw,64px);line-height:1.06;letter-spacing:-.025em;max-width:20ch;margin-top:28px}
.interno-topo .resumo{margin-top:24px;font-size:clamp(19px,1.5vw,21px);line-height:1.6;max-width:62ch}
.trilha{font-size:14px;color:rgba(244,241,234,.6)}
.trilha ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.trilha li+li::before{content:"/";margin-right:8px;color:var(--latao)}
.trilha a{text-decoration:none}
.trilha a:hover{color:var(--marfim)}
.autoria{margin-top:32px;display:flex;gap:14px;align-items:center;font-size:15px}
.autoria .avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none}
.autoria strong{color:var(--marfim);display:block;font-weight:500}
.autoria a{text-decoration:none}
.interno-topo .acoes{margin-top:36px;display:flex;flex-wrap:wrap;gap:28px;align-items:center}
.interno-topo .link{color:var(--marfim)}
.perfil-autor{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(40px,6vw,96px);align-items:center;margin-top:28px}
.perfil-autor h1{margin-top:0}
.perfil-autor .foto{width:100%;max-width:300px;height:auto;aspect-ratio:4/5;object-fit:cover;justify-self:end}

/* Corpo do artigo */
.artigo{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(40px,6vw,96px);padding:clamp(48px,6vw,80px) 0;align-items:start}
.corpo{font:400 19px/1.75 var(--serif);color:var(--texto);max-width:68ch}
.corpo h2{font-size:clamp(26px,2.6vw,34px);line-height:1.15;margin:64px 0 0;scroll-margin-top:24px}
.corpo>h2:first-child,.corpo>section:first-child{margin-top:0}
.corpo h3{font:600 19px/1.35 var(--sans);letter-spacing:0;margin:36px 0 0}
.corpo p,.corpo ul,.corpo ol{margin-top:18px}
.corpo li{margin-top:8px}
.corpo strong{color:var(--tinta);font-weight:600}
.corpo a:not(.btn){color:var(--tinta);text-decoration-color:var(--latao);text-underline-offset:4px}
.corpo table{width:100%;border-collapse:collapse;margin-top:24px;font:400 16px/1.5 var(--sans)}
.corpo th,.corpo td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--linha)}
.corpo thead th{font:500 12px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--apoio);border-bottom:1px solid var(--tinta)}
.essencial{border-top:1px solid var(--tinta);padding-top:24px;font:400 17px/1.65 var(--sans)}
.essencial h2{font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--latao-texto)}
.essencial ul{margin-top:16px;padding-left:20px}
.essencial p{color:var(--apoio)}
.resposta{background:var(--pedra);padding:24px 28px;font:400 17px/1.65 var(--sans)}
.resposta h2{font:500 13px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--latao-texto)}
.corpo blockquote{margin:20px 0;padding:16px 20px;background:var(--marfim);border-left:2px solid var(--latao)}
.corpo blockquote p{margin:0}
.experiencia{margin-top:36px;padding-left:24px;border-left:2px solid var(--latao);font:italic 400 21px/1.6 var(--serif);color:var(--tinta)}
.cta-artigo{margin-top:64px;background:var(--petroleo-fundo);color:rgba(244,241,234,.8);padding:clamp(32px,4vw,48px);font:400 17px/1.6 var(--sans)}
.cta-artigo h2{color:var(--marfim);margin:0;font-size:clamp(24px,2.4vw,30px)}
.cta-artigo .btn{margin-top:24px}
.fontes{font:400 15px/1.6 var(--sans)}
.autor-box{margin-top:64px;display:grid;grid-template-columns:72px 1fr;gap:20px;padding-top:28px;border-top:1px solid var(--linha);font:400 16px/1.6 var(--sans);color:var(--apoio)}
.autor-box .avatar{width:72px;height:72px;border-radius:50%;object-fit:cover}
.autor-box strong{color:var(--tinta);font-size:17px;font-weight:600}
.corpo .perguntas{margin-top:24px}
.corpo .perguntas summary{font-size:21px;padding:24px 0}
.corpo .perguntas details p{font:400 17px/1.65 var(--sans)}
.lateral{position:sticky;top:32px;font-size:15px}
.lateral summary{font:500 12px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--apoio);list-style:none;cursor:pointer}
.lateral summary::-webkit-details-marker{display:none}
.lateral ol{margin-top:16px;padding:0;list-style:none;border-top:1px solid var(--linha)}
.lateral li{border-bottom:1px solid var(--linha)}
.lateral a{display:block;padding:10px 0;color:var(--texto);text-decoration:none}
.lateral a:hover{color:var(--latao-texto)}
.lateral .btn{margin-top:28px;width:100%;justify-content:center}
.relacionados{padding:clamp(56px,6vw,88px) 0;background:var(--pedra)}
.relacionados h2{font-size:clamp(28px,3vw,40px)}
.etapa-det{margin-top:24px}
.etapa-det .letra{font-size:clamp(96px,10vw,150px)}

/* Formulário do diagnóstico */
.form-diag{display:grid;gap:20px;margin-top:28px;font:400 16px/1.5 var(--sans)}
.form-diag label{display:grid;gap:8px;font-weight:500;color:var(--tinta)}
.form-diag input,.form-diag select,.form-diag textarea{font:inherit;font-weight:400;padding:14px 16px;border:1px solid var(--linha);background:var(--papel);color:var(--texto);border-radius:2px}
.form-diag input:focus,.form-diag select:focus,.form-diag textarea:focus{outline:2px solid var(--latao);outline-offset:1px}
.form-diag .btn{justify-self:start;border:0;cursor:pointer}
.form-diag .aviso{font-size:14px;color:var(--apoio)}

@media (max-width:960px){
  .artigo,.perfil-autor{grid-template-columns:1fr}
  .perfil-autor .foto{justify-self:start;max-width:260px}
  .lateral{position:static;order:-1}
  .lateral .btn{display:none}
  .interno-topo{padding-top:128px}
}
.lateral .btn{display:flex;background:transparent;color:var(--latao-texto);box-shadow:inset 0 0 0 1px var(--latao)}
.lateral .btn:hover{background:var(--latao);color:var(--petroleo-fundo)}
.avatar{object-position:50% 25%}

/* Cartões de leitura: o cartão inteiro é clicável e o destino fica explícito */
.artigos li{position:relative}
.artigos a::after{content:"";position:absolute;inset:0}
.artigos .ler,.artigos .em-breve{display:inline-block;margin-top:18px;font:500 14px/1 var(--sans);letter-spacing:.02em}
.artigos .ler{color:var(--tinta);border-bottom:1px solid var(--latao);padding-bottom:4px}
.artigos .ler::after{content:" →";color:var(--latao-texto)}
.artigos li:hover .ler{color:var(--latao-texto)}
.artigos .em-breve{color:var(--apoio)}
.artigos .titulo{color:var(--apoio)}

/* Celular (curadoria 13/10) */
.rotulo{line-height:1.5}
.cta-curto{display:none}
@media (max-width:960px){
  .lateral summary{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
  .lateral summary::after{content:"+";font:300 24px/1 var(--sans);color:var(--latao-texto)}
  .lateral details[open] summary::after{content:"–"}
  .lateral details[open] ol{margin-top:0;border-top:0}
  .lateral .btn{display:none}
  .topo{min-height:0}
  .topo .env{padding-top:136px}
}
@media (max-width:600px){
  .cta-longo{display:none}
  .cta-curto{display:inline}
  .marca-nome{font-size:20px}
  .marca-nome small{font-size:10px;letter-spacing:.1em;white-space:nowrap}
  .menu .btn{padding:11px 16px}
}
.rodape .marca-nome{text-align:left}

/* ===== Leitura: textos de apoio mais firmes (14/10: no celular pareciam apagados) ===== */
.marca-nome small{color:rgba(244,241,234,.78)}
.prova p,.final .apoio-cta,.rodape{color:rgba(244,241,234,.85)}
.topo .sub,.sec-escura .cabeca .intro,.franquias p,.final p,.interno-topo{color:rgba(244,241,234,.9)}
.etapas .ganho,.metodo-acoes p,.artigos p,.casos-nota,.matriz .rasa,.nota-honesta,.essencial p,.form-diag .aviso{color:var(--texto)}

/* ===== Celular: títulos, chamadas, cartões e blocos curtos centralizados; textos longos seguem alinhados à esquerda ===== */
@media (max-width:760px){
  .topo .env,.prova .env,.cabeca,.painel,.etapas li,.compromissos,.metodo-acoes,.casos li,.franquias .env,.sobre-grade,.artigos li,.final{text-align:center}
  .topo .sub,.cabeca .intro,.sobre-grade p,.franquias p{margin-left:auto;margin-right:auto}
  .topo .acoes,.metodo-acoes{justify-content:center}
  .cabeca .intro-destaque{padding-left:0;border-left:0;padding-top:18px;border-top:2px solid var(--latao);display:inline-block}
  .painel ul,.compromissos ul{list-style:none;padding-left:0}
  .prova p,.artigos p,.casos-nota{font-size:16px}
  .casos-nota,.nota-honesta{text-align:center;margin-left:auto;margin-right:auto}
  .artigos .ler{margin-left:auto;margin-right:auto}
  /* links dos casos: sublinhado só nas palavras (com quebra de linha, a borda virava uma linha divisória) */
  .casos .link{border-bottom:0;padding-bottom:0;text-decoration:underline;text-decoration-color:var(--latao);text-decoration-thickness:1px;text-underline-offset:5px;line-height:1.6}
  .motivos li{text-align:center}
  .motivos p{margin-left:auto;margin-right:auto}
  .rodape .colunas,.rodape .base,.rodape .marca-nome{text-align:center}
  .rodape .base{justify-content:center}
  .rodape ul{padding-left:0;list-style:none}
  .rodape .marca{justify-content:center}
  .creditos-mapa{left:var(--gutter);text-align:center}
}