/* Blog da March: estrutura "Caderno do fundador" (Brief de Design da busca orgânica, protótipo em design/prototipo-blog/).
 * Carrega depois de /css/site.css: herda fontes, tokens, botões, rodapé e consentimento. */
:root{
  --leit:#16304A;           /* texto corrido: 12,9:1 no branco */
  --linha:#DDE4EA;
  --e-out:cubic-bezier(.23,1,.32,1);
  --col:68ch;
}
body.blog{background:#FFFFFF;color:var(--fg)}
.blog ::selection{background:rgba(242,113,39,.22);color:var(--navy)}
.blog{scrollbar-color:#B9C5CF #FFFFFF}
.blog :focus-visible{box-shadow:0 0 0 3px rgba(242,113,39,.55)!important}
.blog a{text-underline-offset:.22em;text-decoration-thickness:1px}

/* ---------- cabeçalho claro ---------- */
.bh{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--linha)}
.bh-in{max-width:1240px;margin:0 auto;height:64px;padding:0 20px;display:flex;align-items:center;gap:28px}
@media(min-width:1024px){.bh-in{height:72px;padding:0 40px}}
.bh .logo{color:var(--navy)}
.bh .logo b{color:var(--or)}
.bh-nav{display:none;gap:26px}
@media(min-width:880px){.bh-nav{display:flex}}
.bh-nav a{font:500 15px/1 var(--fs);color:#43586A;text-decoration:none;padding:10px 0;border-bottom:2px solid transparent;transition:color 160ms var(--e),border-color 160ms var(--e)}
.bh-nav a:hover{color:var(--navy)}
.bh-nav a[aria-current]{color:var(--navy);border-color:var(--or)}
.bh-cta{margin-left:auto;min-height:44px!important;font-size:15px!important}
.bh-cta .ar{width:32px!important;height:32px!important}
.btn:active{transform:scale(.97)}

/* ---------- abertura do artigo ---------- */
.a-top{max-width:1240px;margin:0 auto;padding:36px 20px 0;display:grid;gap:28px}
@media(min-width:1024px){.a-top{padding:56px 40px 0;grid-template-columns:minmax(0,1fr) 520px;gap:56px;align-items:start}}
.a-trilha{display:flex;flex-wrap:wrap;gap:6px 10px;margin:0 0 18px;padding:0;list-style:none;font:500 13px/1.4 var(--fs);color:#52687A}
.a-trilha a{color:#43586A;text-decoration:none}
.a-trilha a:hover{color:var(--navy);text-decoration:underline}
.a-trilha li+li:before{content:"/";margin-right:10px;color:#B9C5CF}
.a-h1{margin:0;font:600 clamp(38px,5.2vw,64px)/1.03 var(--fd);letter-spacing:-.025em;color:var(--navy);text-wrap:balance;max-width:16ch}
.a-h1 em{font-style:italic;font-weight:400;color:var(--or)}

.voz{margin:28px 0 0;display:grid;grid-template-columns:64px 1fr;gap:18px;padding:24px;border:1px solid var(--linha);border-radius:14px;background:#FFFFFF;box-shadow:0 1px 2px rgba(0,36,67,.05),0 12px 32px -22px rgba(0,36,67,.35)}
@media(min-width:640px){.voz{grid-template-columns:76px 1fr;padding:28px 30px}}
.voz img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;background:var(--navy8)}
@media(min-width:640px){.voz img{width:76px;height:76px}}
.voz blockquote{margin:0;font:400 clamp(19px,1.7vw,23px)/1.45 var(--fd);color:var(--fg);text-wrap:pretty}
.voz figcaption{margin-top:14px;font:400 14px/1.5 var(--fs);color:#4B6173}
.voz figcaption b{color:var(--navy);font-weight:600}
.voz figcaption a{color:inherit}

.a-meta{display:flex;flex-wrap:wrap;gap:8px 26px;margin:22px 0 0;padding:0;list-style:none;font:400 13px/1.4 var(--fm);font-variant-numeric:tabular-nums;color:#4B6173}
.a-meta b{color:var(--navy);font-weight:600}

/* vídeo: capa servida pelo site, player só no clique (ADR 0050) */
.video{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--navy);aspect-ratio:16/11;isolation:isolate}
@media(min-width:1024px){.video{aspect-ratio:auto;height:360px}}
.video .dots-dk{position:absolute;inset:0;z-index:-1}
.video img{position:absolute;right:-4%;bottom:0;height:96%;width:auto;max-width:none;object-fit:contain;filter:saturate(.9) contrast(1.02);transition:transform 600ms var(--e-out)}
.video-play{all:unset;position:absolute;inset:0;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:24px 26px;color:#FFFFFF}
.video-play:focus-visible{box-shadow:inset 0 0 0 3px var(--or)!important;border-radius:14px}
.video-t{max-width:15ch;font:600 clamp(20px,2vw,24px)/1.2 var(--fd);text-wrap:balance}
.video-b{display:flex;align-items:center;gap:14px;font:500 15px/1.2 var(--fs)}
.video-b i{width:58px;height:58px;border-radius:50%;background:var(--or);display:grid;place-items:center;color:var(--navy);transition:transform 160ms var(--e-out);box-shadow:0 10px 24px -10px rgba(0,0,0,.55)}
.video-b small{display:block;margin-top:4px;font:400 13px/1 var(--fm);color:#B9C5CF}
@media(hover:hover) and (pointer:fine){
  .video:hover img{transform:scale(1.025)}
  .video:hover .video-b i{transform:scale(1.06)}
}
.video-play:active .video-b i{transform:scale(.95)}
.video-aviso{position:absolute;inset:0;display:none;place-items:center;padding:28px;text-align:center;background:rgba(0,36,67,.94);color:#DDE4EA;font:400 15px/1.6 var(--fs)}
.video.tocando .video-aviso{display:grid}
.video.tocando .video-play{visibility:hidden}

/* notas marcadas pela gota: a gota é o ponto de dado da marca */
.notas{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.notas li{display:grid;grid-template-columns:14px 1fr;gap:12px;font:400 15px/1.5 var(--fs);color:#33485A}
.notas b{font-weight:600;color:var(--navy)}
.notas .n{font:600 15px/1.5 var(--fm);font-variant-numeric:tabular-nums;color:var(--navy)}
.gota{width:12px;height:12px;margin-top:6px;background:var(--or);border-radius:50% 50% 50% 0;transform:rotate(0deg)}
.gota-n{background:var(--navy)}

/* ---------- corpo ---------- */
.a-corpo{max-width:1240px;margin:0 auto;padding:56px 20px 0;display:grid;gap:32px}
@media(min-width:1024px){.a-corpo{padding:88px 40px 0;grid-template-columns:220px minmax(0,var(--col));gap:72px}}

.sumario{font:400 14px/1.4 var(--fs)}
@media(min-width:1024px){.sumario{position:sticky;top:104px;align-self:start}}
.sumario details{border:1px solid var(--linha);border-radius:10px;padding:0 16px}
@media(min-width:1024px){.sumario details{border:0;padding:0}}
.sumario summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600;color:var(--navy);list-style:none}
.sumario summary::-webkit-details-marker{display:none}
.sumario summary:after{content:"";margin-left:auto;width:8px;height:8px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform 200ms var(--e-out)}
.sumario details[open] summary:after{transform:rotate(225deg) translateY(-2px)}
@media(min-width:1024px){.sumario summary{min-height:0;margin-bottom:14px;cursor:default;pointer-events:none}.sumario summary:after{display:none}}
.sumario ol{margin:0;padding:0 0 14px;list-style:none;display:grid;gap:2px}
.sumario a{display:block;padding:8px 0 8px 14px;border-left:1px solid var(--linha);color:#4B6173;text-decoration:none;transition:color 160ms var(--e),border-color 160ms var(--e)}
.sumario a:hover{color:var(--navy)}
.sumario a[aria-current="true"]{color:var(--navy);font-weight:600;border-left:2px solid var(--or);padding-left:13px}

.texto{min-width:0;font:400 18px/1.75 var(--fs);color:var(--leit)}
@media(max-width:639px){.texto{font-size:17px}}
.texto > *{max-width:var(--col)}
.texto p{margin:0 0 1.15em;text-wrap:pretty}
.texto h2{margin:2.4em 0 .55em;font:600 clamp(27px,2.6vw,34px)/1.15 var(--fd);letter-spacing:-.015em;color:var(--navy);text-wrap:balance;scroll-margin-top:104px}
.texto h2:first-child{margin-top:0}
.texto h3{margin:1.8em 0 .4em;font:600 20px/1.3 var(--fs);color:var(--navy)}
.texto strong{color:var(--navy);font-weight:600}
.texto a{color:var(--navy)}
.texto ul,.texto ol{margin:0 0 1.2em;padding-left:1.2em}
.texto li{margin:.35em 0}
.texto li::marker{color:var(--or)}
.texto .num{font-family:var(--fm);font-variant-numeric:tabular-nums;font-size:.92em;color:var(--navy);font-weight:600}
.texto blockquote{margin:1.6em 0;padding:0;font:italic 400 clamp(22px,2.2vw,27px)/1.4 var(--fd);color:var(--navy);text-wrap:balance}
.texto blockquote footer{margin-top:10px;font:400 14px/1.4 var(--fs);font-style:normal;color:#4B6173}

/* figuras: infográfico desenhado em SVG, com o texto equivalente logo abaixo */
.fig{max-width:none!important;margin:2em 0 2.2em;padding:24px 22px 18px;border:1px solid var(--linha);border-radius:14px;background:#F4F6F8}
@media(min-width:1024px){.fig{margin-right:-120px;padding:30px 32px 22px}}
.fig figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;margin-bottom:18px}
.fig-t{font:600 18px/1.3 var(--fs);color:var(--navy)}
.fig-f{font:400 13px/1.4 var(--fm);color:#52687A}
.fig > svg{display:block;width:100%;height:auto;overflow:visible}
.fig details{margin-top:14px;font:400 15px/1.6 var(--fs);color:#33485A}
.fig summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;font-weight:600;color:var(--navy)}
.fig details p{margin:.4em 0 .8em}

/* linha do lead (D10 do site): cinza até o clique, laranja do clique à venda.
 * Os trechos se desenham uma vez, na ordem, quando a figura entra na tela. */
.ln{margin:0;padding:0;list-style:none;display:grid;gap:0;counter-reset:ln}
@media(min-width:760px){.ln{grid-template-columns:repeat(5,minmax(0,1fr));gap:0 14px}}
.ln li{position:relative;padding:0 0 22px 34px}
@media(min-width:760px){.ln li{padding:34px 0 0}}
.ln li:before{content:"";position:absolute;left:5px;top:6px;width:14px;height:14px;border-radius:50%;background:#FFFFFF;border:2px solid #8497A6;z-index:1}
@media(min-width:760px){.ln li:before{left:0;top:0}}
.ln li.m:before{border-color:var(--or)}
.ln li.fim:before{background:var(--or);border-color:var(--or)}
.ln li:after{content:"";position:absolute;left:11px;top:22px;bottom:-6px;width:2px;background:#B9C5CF;transform-origin:top;transition:transform 600ms var(--e-out) calc(var(--i) * 160ms)}
@media(min-width:760px){.ln li:after{left:18px;right:-14px;top:8px;bottom:auto;width:auto;height:2px;transform-origin:left}}
.ln li.m:after{background:var(--or)}
.ln li:last-child:after{display:none}
.ln b{display:block;font:600 17px/1.25 var(--fs);color:var(--navy)}
.ln span{display:block;margin-top:6px;font:400 14px/1.5 var(--fs);color:#33485A}
.ln-leg{display:flex;flex-wrap:wrap;gap:6px 22px;margin:18px 0 0;padding:14px 0 0;border-top:1px solid var(--linha);font:400 13px/1.4 var(--fs);color:#4B6173}
.ln-leg i{display:inline-block;width:18px;height:2px;margin-right:8px;vertical-align:middle;background:#B9C5CF}
.ln-leg i.m{background:var(--or)}
.js .fig:not(.vista) .ln li:after{transform:scaleY(0)}
@media(min-width:760px){.js .fig:not(.vista) .ln li:after{transform:scaleX(0)}}
/* O texto das etapas fica sempre visível; só os trechos da linha se desenham. */

/* quem qualifica o lead: duas colunas ligadas por uma seta */
.qq{display:grid;gap:14px;align-items:stretch}
@media(min-width:760px){.qq{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}}
.qq-c{padding:20px 22px;border-radius:12px;background:#FFFFFF;border:1px solid var(--linha)}
.qq-c.m{background:var(--navy);border-color:var(--navy);color:#DDE4EA}
.qq-c h3{margin:0 0 10px!important;font:600 16px/1.3 var(--fs)!important;color:var(--navy)}
.qq-c.m h3{color:#FFFFFF}
.qq-c ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font:400 15px/1.45 var(--fs)}
.qq-c li{display:grid;grid-template-columns:12px 1fr;gap:10px;margin:0}
.qq-c li:before{content:"";width:10px;height:10px;margin-top:6px;border-radius:50% 50% 50% 0;background:#B9C5CF}
.qq-c.m li:before{background:var(--or)}
.qq-seta{display:grid;place-items:center;color:var(--or)}
.qq-seta svg{width:40px;height:16px;transform:rotate(90deg)}
@media(min-width:760px){.qq-seta svg{transform:none}}

@media(prefers-reduced-motion:reduce){
  .ln li:after{transition:none}
  .js .fig:not(.vista) .ln li:after{transform:none}
  .video img,.video-b i,.sumario summary:after{transition:none}
}

/* tabela: o que medir */
.tab{max-width:none!important;margin:1.4em 0 1.8em;overflow-x:auto;border:1px solid var(--linha);border-radius:14px}
.tab table{width:100%;min-width:560px;border-collapse:collapse;font:400 15px/1.5 var(--fs)}
.tab th{padding:14px 18px;text-align:left;font:600 13px/1.3 var(--fs);color:var(--navy);background:#F4F6F8;border-bottom:1px solid var(--linha)}
.tab td{padding:14px 18px;border-bottom:1px solid var(--linha);vertical-align:top;color:#33485A}
.tab tr:last-child td{border-bottom:0}
.tab td:first-child{font-weight:600;color:var(--navy)}
.tab td.m{font:400 14px/1.5 var(--fm);font-variant-numeric:tabular-nums;color:var(--navy);white-space:nowrap}

/* perguntas frequentes */
.faq{border-top:1px solid var(--linha)}
.faq details{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;gap:16px;align-items:center;min-height:64px;padding:12px 0;cursor:pointer;list-style:none;font:600 18px/1.35 var(--fs);color:var(--navy)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"";flex:none;margin-left:auto;width:9px;height:9px;border-right:1.6px solid var(--or);border-bottom:1.6px solid var(--or);transform:rotate(45deg);transition:transform 200ms var(--e-out)}
.faq details[open] summary:after{transform:rotate(225deg)}
.faq details p{margin:0 0 18px}

.fontes{margin-top:2.6em;padding-top:18px;border-top:1px solid var(--linha);font:400 14px/1.6 var(--fs);color:#4B6173}
.fontes h2{margin:0 0 8px!important;font:600 15px/1.4 var(--fs)!important;color:var(--navy)}
.fontes ol{padding-left:1.2em}
.fontes li::marker{color:var(--navy)}

/* ---------- próximo passo: caixa do fim do artigo ---------- */
.nl{position:relative;margin:64px 0 0;padding:32px 24px;border-radius:14px;background:var(--navy);color:#FFFFFF;overflow:hidden;isolation:isolate}
@media(min-width:640px){.nl{padding:40px 44px}}
.nl .dots-dk{position:absolute;inset:0;z-index:-1}
.nl-g{display:grid;gap:22px}
@media(min-width:900px){.nl-g{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:44px;align-items:center}}
.nl h2{margin:0;font:600 clamp(26px,2.6vw,34px)/1.12 var(--fd);letter-spacing:-.015em;color:#FFFFFF;text-wrap:balance}
.nl h2 em{font-style:italic;font-weight:400;color:var(--or)}
.nl-sub{margin:12px 0 0;font:400 16px/1.6 var(--fs);color:#C9D3DD;max-width:46ch}
.nl-ass{display:flex;align-items:center;gap:10px;margin-top:18px;font:400 13px/1.4 var(--fs);color:#B9C5CF}
.nl-ass img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.nl form{display:grid;gap:12px}
.nl-campo{display:grid;gap:8px}
.nl label{font:500 14px/1.3 var(--fs);color:#DDE4EA}
.nl-linha{display:grid;gap:10px}
@media(min-width:520px){.nl-linha{grid-template-columns:1fr auto}}
.nl input[type=email]{width:100%;min-height:52px;padding:0 16px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#FFFFFF;font:400 16px/1 var(--fs);caret-color:var(--or);transition:border-color 160ms var(--e),background 160ms var(--e)}
.nl input[type=email]::placeholder{color:#8FA3B4}
.nl input[type=email]:hover{border-color:rgba(255,255,255,.38)}
.nl input[type=email]:focus{outline:none;border-color:var(--or);background:rgba(255,255,255,.1)}
.nl input[aria-invalid=true]{border-color:#FF8A8F}
.nl-erro{min-height:0;margin:0;font:500 14px/1.4 var(--fs);color:#FFB1B4}
.nl-erro:empty{display:none}
.nl-ok{display:flex;gap:10px;align-items:flex-start;font:400 14px/1.5 var(--fs);color:#C9D3DD;cursor:pointer}
.nl-ok input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:var(--or)}
.nl .btn{min-height:52px}
.nl .btn[aria-busy=true]{opacity:.75;cursor:progress}
.nl-conf{display:none;gap:6px;padding:22px 24px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.nl-conf b{font:600 20px/1.3 var(--fd);color:#FFFFFF}
.nl-conf p{margin:0;font:400 15px/1.6 var(--fs);color:#C9D3DD}
.nl.feito form{display:none}
.nl.feito .nl-conf{display:grid;animation:nl-entra 320ms var(--e-out) both}
@keyframes nl-entra{from{opacity:0;transform:translateY(6px);filter:blur(3px)}}
@media(prefers-reduced-motion:reduce){.nl.feito .nl-conf{animation:none}}
.nl-alt{margin:18px 0 0;font:400 14px/1.5 var(--fs);color:#B9C5CF}
.nl-alt a{color:#FFFFFF}

/* ---------- relacionados ---------- */
.rel{max-width:1240px;margin:0 auto;padding:88px 20px 104px}
@media(min-width:1024px){.rel{padding:120px 40px 136px}}
.rel h2{margin:0 0 8px;font:600 clamp(26px,2.6vw,34px)/1.12 var(--fd);color:var(--navy)}
.rel-sub{margin:0 0 28px;font:400 16px/1.6 var(--fs);color:#4B6173}

/* ---------- lista de artigos (linhas, não cartões) ---------- */
.lista{margin:0;padding:0;list-style:none;border-top:1px solid var(--linha)}
.lista li{border-bottom:1px solid var(--linha)}
.lista a{display:grid;gap:8px;padding:24px 0;text-decoration:none;color:inherit}
@media(min-width:900px){.lista a{grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:30px 0}}
.lista h3{margin:0;font:600 clamp(22px,2vw,27px)/1.2 var(--fd);letter-spacing:-.01em;color:var(--navy);text-wrap:balance;transition:color 160ms var(--e)}
.lista p{margin:8px 0 0;font:400 16px/1.6 var(--fs);color:#33485A;max-width:62ch}
.lista .meta{display:flex;flex-wrap:wrap;align-content:start;gap:6px 18px;font:400 13px/1.5 var(--fm);font-variant-numeric:tabular-nums;color:#4B6173}
.lista .meta .autor{display:flex;align-items:center;gap:8px;width:100%;font-family:var(--fs);font-size:14px;color:#33485A}
.lista .meta img{width:28px;height:28px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.lista .pauta{font-family:var(--fs);font-size:12px;font-weight:600;color:#52687A;padding:3px 8px;border-radius:999px;background:#EEF2F5}
@media(hover:hover) and (pointer:fine){.lista a:hover h3{color:var(--orfg)}}

/* ---------- página da lista ---------- */
.l-top{max-width:1240px;margin:0 auto;padding:44px 20px 0;display:grid;gap:36px}
@media(min-width:1024px){.l-top{padding:72px 40px 0;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:end}}
.l-h1{margin:0;font:600 clamp(40px,5.6vw,72px)/1.02 var(--fd);letter-spacing:-.028em;color:var(--navy);text-wrap:balance;max-width:14ch}
.l-h1 em{font-style:italic;font-weight:400;color:var(--or)}
.l-sub{margin:20px 0 0;font:400 clamp(17px,1.5vw,19px)/1.6 var(--fs);color:#33485A;max-width:54ch}
.l-autores{display:flex;gap:22px;margin-top:26px;flex-wrap:wrap}
.l-autores a{display:flex;align-items:center;gap:10px;font:500 15px/1.3 var(--fs);color:var(--navy);text-decoration:none}
.l-autores a:hover span{text-decoration:underline}
.l-autores img{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.l-autores small{display:block;font-weight:400;font-size:13px;color:#4B6173}

.destaque{max-width:1240px;margin:56px auto 0;padding:0 20px}
@media(min-width:1024px){.destaque{padding:0 40px;margin-top:72px}}
.destaque a{display:grid;gap:24px;text-decoration:none;color:inherit;padding:28px;border-radius:14px;background:#F4F6F8;border:1px solid var(--linha);transition:border-color 200ms var(--e),box-shadow 200ms var(--e)}
@media(min-width:900px){.destaque a{grid-template-columns:minmax(0,1fr) 380px;gap:48px;padding:40px 44px}}
@media(hover:hover) and (pointer:fine){.destaque a:hover{border-color:#C7D2DB;box-shadow:0 18px 40px -26px rgba(0,36,67,.4)}}
.destaque h2{margin:0;font:600 clamp(30px,3.4vw,46px)/1.06 var(--fd);letter-spacing:-.02em;color:var(--navy);text-wrap:balance}
.destaque h2 em{font-style:italic;font-weight:400;color:var(--or)}
.destaque blockquote{margin:20px 0 0;font:400 19px/1.5 var(--fd);color:var(--fg);max-width:48ch}
.destaque .rodape{display:flex;align-items:center;gap:12px;margin-top:22px;font:400 14px/1.4 var(--fs);color:#4B6173}
.destaque .rodape img{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.destaque .rodape b{color:var(--navy);font-weight:600}
.destaque .cap{position:relative;border-radius:12px;overflow:hidden;background:var(--navy);min-height:240px;isolation:isolate}
.destaque .cap .dots-dk{position:absolute;inset:0;z-index:-1}
.destaque .cap img{position:absolute;right:-6%;bottom:0;height:100%;width:auto;max-width:none}
.destaque .cap span{position:absolute;left:18px;bottom:16px;display:flex;align-items:center;gap:10px;font:500 14px/1 var(--fs);color:#FFFFFF}
.destaque .cap i{width:40px;height:40px;border-radius:50%;background:var(--or);display:grid;place-items:center;color:var(--navy)}

.temas{max-width:1240px;margin:72px auto 0;padding:0 20px}
@media(min-width:1024px){.temas{padding:0 40px;margin-top:96px}}
.temas-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 24px;margin-bottom:18px}
.temas-h h2{margin:0;font:600 clamp(26px,2.6vw,34px)/1.12 var(--fd);color:var(--navy)}
.tf{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.tf button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid var(--linha);background:#FFFFFF;font:500 14px/1 var(--fs);color:#33485A;cursor:pointer;transition:background 160ms var(--e),border-color 160ms var(--e),color 160ms var(--e),transform 160ms var(--e-out)}
.tf button:hover{border-color:#B9C5CF;color:var(--navy)}
.tf button:active{transform:scale(.97)}
.tf button[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.lista li[hidden]{display:none}
.l-nl{max-width:1240px;margin:0 auto;padding:0 20px 112px}
@media(min-width:1024px){.l-nl{padding:0 40px 136px}}

/* ---------- autor ---------- */
.au{max-width:1240px;margin:0 auto;padding:44px 20px 0;display:grid;gap:36px}
@media(min-width:1024px){.au{padding:72px 40px 0;grid-template-columns:400px minmax(0,1fr);gap:72px;align-items:start}}
.au-foto{position:relative;border-radius:14px;overflow:hidden;background:var(--navy);aspect-ratio:4/5;isolation:isolate}
.au-foto .dots-dk{position:absolute;inset:0;z-index:-1}
.au-foto img{position:absolute;inset:auto 0 0 0;width:100%;height:96%;object-fit:cover;object-position:50% 0}
.au h1{margin:0;font:600 clamp(40px,5vw,64px)/1.02 var(--fd);letter-spacing:-.025em;color:var(--navy)}
.au-papel{margin:10px 0 0;font:500 18px/1.4 var(--fs);color:#33485A}
.au blockquote{margin:28px 0 0;font:italic 400 clamp(22px,2.2vw,28px)/1.35 var(--fd);color:var(--navy)}
.au-bio{margin:22px 0 0;font:400 18px/1.7 var(--fs);color:var(--leit);max-width:62ch}
.au-car{margin:28px 0 0;padding:0;list-style:none;border-top:1px solid var(--linha)}
.au-car li{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--linha);font:400 16px/1.4 var(--fs);color:var(--navy)}
.au-car .m{font:400 14px/1.5 var(--fm);font-variant-numeric:tabular-nums;color:#4B6173}
.au-car li:last-child .m{color:var(--orfg);font-weight:600}
.au-links{display:flex;gap:20px;margin-top:22px;flex-wrap:wrap}
.au-links a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:600 15px/1 var(--fs);color:var(--navy)}
.au-artigos{max-width:1240px;margin:0 auto;padding:96px 20px 0}
@media(min-width:1024px){.au-artigos{padding:120px 40px 0}}
.au-artigos h2{margin:0 0 24px;font:600 clamp(26px,2.6vw,34px)/1.12 var(--fd);color:var(--navy)}

/* rodapé do site, com o link do blog */
.blog .foot{margin-top:0}

/* ajustes da 1ª inspeção */
@media(max-width:639px){
  .bh-cta{display:none!important}
  .voz{grid-template-columns:1fr;gap:14px}
  .voz img{width:52px;height:52px}
}
.texto .nl{max-width:none}
.texto .nl-g{grid-template-columns:1fr;gap:24px}
@media(min-width:1024px){.texto .nl{margin-right:-120px}.texto .nl-g{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:36px}}

/* capa do vídeo: a foto ocupa o quadro inteiro, como a miniatura de um vídeo; uma faixa navy à
 * esquerda garante a leitura do título e do botão sobre a foto */
.video img,.destaque .cap img{inset:0;right:auto;width:100%;height:100%;max-width:none;object-fit:cover;object-position:78% 22%}
.video:after,.destaque .cap:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,36,67,.96) 0%,rgba(0,36,67,.86) 34%,rgba(0,36,67,0) 62%)}
.video-play,.video-aviso,.destaque .cap span{z-index:1}
.video .dots-dk,.destaque .cap .dots-dk{z-index:1;opacity:.6;-webkit-mask-image:linear-gradient(90deg,#000 30%,transparent 60%);mask-image:linear-gradient(90deg,#000 30%,transparent 60%)}
@media(max-width:639px){.video:after,.destaque .cap:after{background:linear-gradient(0deg,rgba(0,36,67,.96) 0%,rgba(0,36,67,.7) 40%,rgba(0,36,67,0) 70%),linear-gradient(90deg,rgba(0,36,67,.6),rgba(0,36,67,0) 70%)}}
@media(min-width:640px){
  .video img{object-position:72% 12%}
  .video:after{background:linear-gradient(90deg,rgba(0,36,67,.96) 0%,rgba(0,36,67,.8) 28%,rgba(0,36,67,0) 52%)}
}

/* correções da revisão (13/10/2026) */
.texto .nl a,.nl a{color:#FFFFFF}
.texto .nl-linha{grid-template-columns:1fr}
.texto .nl-linha .btn{justify-self:start}
.bh-cta .c{display:none}
.bh-m{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;font:500 15px/1 var(--fs);color:#43586A;text-decoration:none}
@media(min-width:880px){.bh-m{display:none}}
@media(max-width:639px){
  .bh-cta{display:inline-flex!important;margin-left:16px;padding:0 6px 0 14px!important}
  .bh-cta .l{display:none}.bh-cta .c{display:inline}
  .bh-in{gap:12px}
  .tab{border:0;overflow:visible}
  .tab table{min-width:0}
  .tab thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .tab tr{display:grid;gap:4px;padding:16px 18px;border:1px solid var(--linha);border-radius:12px;margin-bottom:10px}
  .tab td{display:block;padding:0;border:0}
  .tab td[data-l]:before{content:attr(data-l);display:block;font:600 12px/1.4 var(--fs);color:#52687A}
  .tab td.m{margin-top:4px}
  .video img{object-position:70% 8%}
  .video-t{max-width:11ch}
}
@media(min-width:880px){.bh-m{display:none}.bh-cta{margin-left:auto}}
.ln li.fim:before{border-radius:50% 50% 50% 0}
.cit{display:flex;align-items:center;gap:10px}
.cit img{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.cit b{font:600 16px/1.2 var(--fd);color:var(--navy)}
.au-foto img{inset:0;height:100%;object-fit:cover;object-position:50% 12%}
.lista .meta .autor + span{font-variant-numeric:tabular-nums}
.au-car li:last-child .m:before{content:"";display:inline-block;width:9px;height:9px;margin-right:8px;background:var(--or);border-radius:50% 50% 50% 0}
@media(max-width:639px){.bh-cta{padding:0 14px!important;min-height:40px!important}.bh-cta .ar{display:none!important}.bh-in{padding:0 16px}}
.nl-alt{margin-top:20px}
@media(max-width:639px){
  .video{aspect-ratio:4/5}
  .video img{object-position:68% 0}
  .video-play{justify-content:flex-end;gap:14px}
  .video-t{max-width:none;font-size:20px}
}

/* Produção (Fase 2): notas sem o quadro do vídeo ocupam a coluna da direita (Brief, B2). */
@media(min-width:1024px){.notas-so{margin-top:74px;padding:24px 26px;border:1px solid var(--linha);border-radius:14px;background:#F4F6F8}}
.notas-so li{font-size:16px}
.nl .btn{justify-self:start}

/* Acessibilidade (WCAG 1.4.3, texto grande): o laranja da marca #F27127 dá 2,93:1 no branco. Em títulos
 * sobre fundo claro, o itálico usa #E8661C (3,31:1), o tom mais próximo que passa; no navy, o laranja
 * original continua (Brief da busca orgânica, §8). */
.a-h1 em,.l-h1 em,.destaque h2 em{color:#E8661C}
.nl a.btn-acc,.texto .nl a.btn-acc{color:var(--navy)}
.bh-m{white-space:nowrap}

/* Linha editorial (14/10/2026): sem o quadro de notas na abertura; o título ocupa a largura útil.
 * O convite à conversa fica discreto, no fim do texto: o blog informa, não captura. */
@media(min-width:1024px){.a-top-so{grid-template-columns:minmax(0,860px)}}
.a-top-so .a-h1{max-width:18ch}
.caso{max-width:none!important;margin:56px 0 0;padding:28px 0 0;border-top:1px solid var(--linha)}
.caso h2{margin:0 0 8px!important;font:600 22px/1.25 var(--fd)!important;color:var(--navy)}
.caso p{margin:0 0 18px;font:400 17px/1.6 var(--fs);color:#33485A}
.caso .btn{min-height:48px}

/* Gráfico de barra empilhada (parte do todo) e números em destaque: destaque em laranja, contexto em
 * neutros, rótulo direto em cada parte (a cor nunca é a única pista); dados também em texto. */
.barra{display:flex;gap:2px;height:44px;margin:4px 0 0;border-radius:8px;overflow:hidden}
.barra span{display:block;height:100%}
.barra .b1{background:#E8661C}.barra .b2{background:#5D7385}.barra .b3{background:#B9C5CF}
.barra-leg{display:grid;grid-template-columns:37fr 40fr 23fr;gap:2px;margin:10px 0 0;padding:0;list-style:none}
.barra-leg li{font:400 14px/1.35 var(--fs);color:#33485A}
.barra-leg b{display:block;font:600 22px/1.1 var(--fm);font-variant-numeric:tabular-nums;color:var(--navy)}
@media(max-width:639px){.barra-leg{grid-template-columns:1fr;gap:10px}.barra-leg li{display:grid;grid-template-columns:14px auto 1fr;gap:10px;align-items:baseline}
  .barra-leg li:before{content:"";width:12px;height:12px;border-radius:3px;background:var(--c)}.barra-leg b{display:inline}}
.kpis{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}
@media(min-width:640px){.kpis{grid-template-columns:repeat(3,1fr)}}
.kpis li{padding:16px 18px;border-radius:12px;background:#FFFFFF;border:1px solid var(--linha);font:400 14px/1.45 var(--fs);color:#33485A}
.kpis b{display:block;margin-bottom:6px;font:600 30px/1 var(--fm);font-variant-numeric:tabular-nums;color:var(--navy)}
.kpis li:first-child b{color:#B84E18}
.texto .barra-leg,.texto .kpis{padding-left:0;max-width:none}
.texto .barra-leg li,.texto .kpis li{margin:0}
@media(max-width:639px){.texto .kpis{grid-template-columns:1fr}.kpis li{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center}.kpis b{margin:0;font-size:26px}}
.indice-n{margin:16px 0 0;font:400 13px/1.5 var(--fs);color:#4B6173}
/* Tabela-gráfico das janelas de resposta (HBR 2011): barra = quantas empresas; cor = chance que resta. */
.janela-rolagem{overflow-x:auto}
.janela{width:100%;min-width:30rem;border-collapse:collapse;font:400 15px/1.4 var(--fs);color:var(--navy)}
.janela th,.janela td{padding:12px 10px;text-align:left;vertical-align:middle;border-bottom:1px solid #DDE4EA}
.janela thead th{padding-top:0;font:500 13px/1.3 var(--fs);color:#4B6173;letter-spacing:.01em}
.janela tbody th{font-weight:600;white-space:nowrap}
.janela td:last-child{color:#33485A}
.janela td:last-child b{color:var(--navy)}
.j-barra{display:flex;align-items:center;gap:10px}
.j-barra i{display:block;height:24px;width:calc(var(--v) * 2.4%);min-width:6px;border-radius:0 5px 5px 0}
.j-barra b{font:600 18px/1 var(--fm);font-variant-numeric:tabular-nums;color:var(--navy)}
.janela .j1 .j-barra i{background:#E8661C}
.janela .j2 .j-barra i{background:#5D7385}
.janela .j3 .j-barra i{background:#A3B2BF}
.janela .j4 .j-barra i{background:#E4E9EE;box-shadow:inset 0 0 0 1px #B9C5CF}
@media(max-width:560px){
  .janela{min-width:0}
  .janela thead{display:none}
  .janela tr{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #DDE4EA}
  .janela th,.janela td{display:block;padding:0;border:0}
  .janela .j-barra i{width:calc(var(--v) * 1.9%)}
}