/* Luciano Fournier | site
   Design system (DESIGN.md): Sora nos títulos, Inter no texto. Vermelho #F51010, preto #0D0D14,
   grafite #16161F, cinza #F2F2F8, branco. Painéis 32px, mídia 20px, controles em cápsula.
   Conceito: "Enxergue além". O ponto vermelho do logo é a assinatura.
   O ponto vermelho fecha os títulos. */

@font-face{font-family:"Sora";font-style:normal;font-weight:100 800;font-display:swap;src:url(../fonts/sora-var.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/inter-var.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/inter-var-italic.woff2) format("woff2")}

:root{
  --vermelho:#f51010;
  --vermelho-fundo:#d90d0d;
  --preto:#0d0d14;
  --grafite:#16161f;
  --grafite-2:#1e1e29;
  --cinza:#f2f2f8;
  --branco:#fff;
  --texto:#3b3b48;
  --apagado:#8b8b99;
  --apagado-escuro:#62626f;
  --linha-escura:rgba(255,255,255,.12);
  --linha-clara:#dcdce6;
  --titulo:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --corpo:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  --raio-painel:32px;
  --raio-midia:20px;
  --largura:1320px;
  --gutter:clamp(20px,4vw,56px);
  --secao:clamp(64px,7.5vw,104px);
  --curva:cubic-bezier(.22,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--preto);color:var(--branco);font-family:var(--corpo);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;font-feature-settings:"cv11","ss01"}
img,picture{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
h1,h2,h3,h4{font-family:var(--titulo);font-weight:600;letter-spacing:-.04em;line-height:1.04;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
::selection{background:var(--vermelho);color:var(--branco)}
:focus-visible{outline:2px solid var(--vermelho);outline-offset:4px;border-radius:6px}
[hidden]{display:none!important}
.visualmente-oculto{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pular{position:absolute;left:16px;top:-80px;z-index:200;background:var(--branco);color:var(--preto);padding:10px 16px;border-radius:999px;font-weight:600}
.pular:focus{top:12px}
.shell{width:min(var(--largura),100% - var(--gutter)*2);margin-inline:auto}

/* O ponto do logotipo: um círculo de verdade, nunca o caractere. */
.ponto{display:inline-block;width:.17em;height:.17em;margin-left:.06em;border-radius:50%;background:var(--vermelho);vertical-align:0}
.ponto-vivo{position:relative;display:inline-block;flex:none;width:8px;height:8px;border-radius:50%;background:var(--vermelho)}
.ponto-vivo::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--vermelho);opacity:0;animation:pulso 2.4s var(--curva) infinite}
@keyframes pulso{0%{transform:scale(.6);opacity:.9}100%{transform:scale(1.8);opacity:0}}

/* Botões: cápsula com seta em círculo */
.botao{display:inline-flex;align-items:center;gap:14px;min-height:52px;padding:5px 5px 5px 24px;border-radius:999px;font-weight:600;font-size:15px;white-space:nowrap;transition:background-color .25s,color .25s,transform .2s}
.botao:active{transform:scale(.98)}
.seta{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;font-size:18px;line-height:1;transition:transform .35s var(--curva)}
.botao:hover .seta{transform:rotate(45deg)}
.botao--claro{background:var(--branco);color:var(--preto)}
.botao--claro .seta{background:var(--vermelho);color:var(--branco)}
.botao--claro:hover{background:var(--cinza)}
.botao--escuro{background:var(--preto);color:var(--branco)}
.botao--escuro .seta{background:var(--branco);color:var(--preto)}
.botao--escuro:hover{background:#262633}
.botao--vermelho{background:var(--vermelho);color:var(--branco)}
.botao--vermelho .seta{background:var(--branco);color:var(--vermelho)}
.link-claro,.link-escuro{position:relative;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;padding:6px 0;white-space:nowrap}
.link-claro::after,.link-escuro::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .45s var(--curva)}
.link-claro:hover::after,.link-escuro:hover::after{transform:scaleX(0)}
.link-claro{color:var(--branco)}
.link-escuro{color:var(--preto)}

/* ============ Topo ============ */
.topo{position:relative;z-index:50;background:var(--preto)}
.topo--sobre{position:absolute;inset:0 0 auto;background:transparent}
.topo-linha{display:flex;align-items:center;gap:32px;height:84px}
.marca img{width:170px}
.menu{display:flex;align-items:center;gap:6px;margin-left:auto;padding:6px;border-radius:999px;background:rgba(13,13,20,.38);border:1px solid var(--linha-escura);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.menu a{font-size:14px;font-weight:500;color:#d4d4de;padding:9px 16px;border-radius:999px;transition:background-color .2s,color .2s}
.menu a:hover{color:var(--branco);background:rgba(255,255,255,.08)}
.menu a[aria-current="page"]{color:var(--preto);background:var(--branco)}
.menu .menu-whats{display:none}
.topo-cta{display:inline-flex;align-items:center;gap:12px;height:48px;padding:0 22px;border-radius:999px;background:var(--branco);color:var(--preto);font-size:14px;font-weight:600;transition:background-color .2s}
.topo-cta:hover{background:var(--cinza)}
.menu-botao{display:none;align-items:center;gap:10px;height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--linha-escura);font-size:14px;font-weight:600;background:rgba(13,13,20,.5)}
.menu-botao i{display:grid;gap:4px}
.menu-botao i::before,.menu-botao i::after{content:"";display:block;width:16px;height:1.5px;background:currentColor;transition:transform .25s}
.menu-botao[aria-expanded="true"] i::before{transform:translateY(2.75px) rotate(45deg)}
.menu-botao[aria-expanded="true"] i::after{transform:translateY(-2.75px) rotate(-45deg)}

/* ============ Capa ============ */
.capa{position:relative;isolation:isolate;min-height:max(640px,100svh);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:var(--preto)}
.capa-cena{position:absolute;inset:36px 0 0;z-index:-1}
.capa-cena img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 30%}

.capa-cena::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(90deg,rgba(13,13,20,.95) 0%,rgba(13,13,20,.7) 34%,rgba(13,13,20,.1) 62%,rgba(13,13,20,0) 80%),
  linear-gradient(0deg,rgba(13,13,20,1) 0%,rgba(13,13,20,.3) 26%,rgba(13,13,20,0) 45%)}
.capa-texto{position:relative;margin-block:auto;padding-top:120px;padding-bottom:40px}
/* tag acima do título */
.capa-tag{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:8px 16px 8px 14px;border-radius:999px;border:1px solid var(--linha-escura);background:rgba(13,13,20,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:14px;font-weight:500;color:#e4e4ec}
/* prova social */
.prova{display:flex;align-items:center;gap:16px;margin-top:32px}
.prova-rostos{display:flex}
.prova-rostos>*{width:40px;height:40px;border-radius:50%;border:2px solid var(--preto);margin-left:-10px;object-fit:cover}
.prova-rostos>:first-child{margin-left:0}
.prova-rostos span{display:grid;place-items:center;background:var(--grafite-2);font-size:12px;font-weight:600;color:#cfcfd9}
.prova-rostos span:last-child{background:var(--vermelho);color:var(--branco);font-size:16px}
.prova p{display:grid;line-height:1.35}
.prova strong{font-size:15px;font-weight:600}
.prova span{font-size:14px;color:var(--apagado)}
.capa h1{font-size:clamp(52px,min(7.6vw,12vh),112px);font-weight:600;line-height:.98;letter-spacing:-.05em;margin-left:-.05em}
.capa-lead{max-width:46ch;margin-top:24px;font-size:clamp(17px,1.3vw,19px);line-height:1.45;color:#dcdce5}
.capa-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px}
.capa-chamadas{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:0;border-top:1px solid var(--linha-escura)}
.chamada{display:grid;gap:6px;padding:22px 28px 28px 0;transition:color .2s}
.chamada+.chamada{padding-left:28px;border-left:1px solid var(--linha-escura)}
.chamada span{font-size:14px;color:var(--apagado)}
.chamada strong{font-family:var(--titulo);font-size:20px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.chamada:hover strong{color:#ff8a8a}

@media (prefers-reduced-motion:no-preference){
  .capa h1{animation:subir 1s var(--curva) .1s both}
  .capa h1 .ponto{animation:aparecer .6s cubic-bezier(.3,1.7,.5,1) 1s both}
  .capa-nitida{animation:revelar 1.6s var(--curva) both}
  .capa-lead,.capa-acoes,.capa-tag,.prova{animation:subir .9s var(--curva) .3s both}
  @keyframes subir{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
  @keyframes aparecer{from{transform:scale(0)}to{transform:scale(1)}}
  @keyframes revelar{from{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}
}

/* ============ Manifesto: palavras entram em foco ============ */
.manifesto{padding:clamp(56px,6vw,88px) 0 calc(var(--secao) + 32px);background:var(--preto)}
.manifesto-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center}
.manifesto-frase{white-space:pre-line;font-family:var(--titulo);font-size:clamp(34px,4.3vw,62px);font-weight:600;line-height:1.08;letter-spacing:-.035em}
.manifesto-frase .ponto{width:.16em;height:.16em}
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .manifesto-frase .palavra,[data-foco-bloco]>*{animation:focar linear both;animation-timeline:view();animation-range:entry 20% cover 42%}
    @keyframes focar{from{opacity:.16;filter:blur(7px)}to{opacity:1;filter:blur(0)}}
  }
}
.manifesto-texto{display:grid;gap:16px;font-size:19px;line-height:1.6;color:#bdbdc9}
.manifesto-texto strong{color:var(--branco);font-weight:600}

/* ============ Capítulos claros ============ */
.capitulo-claro{position:relative;background:var(--cinza);color:var(--preto);border-radius:var(--raio-painel) var(--raio-painel) 0 0;margin-top:-32px}
.capitulo-claro+.canal{border-radius:var(--raio-painel) var(--raio-painel) 0 0;margin-top:-32px;position:relative}
.cabeca{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:16px 48px;margin-bottom:clamp(28px,3vw,40px)}
.cabeca h2{font-size:clamp(32px,3.4vw,50px);max-width:20ch}
.cabeca p{max-width:56ch;margin-top:8px;color:var(--apagado-escuro);font-size:18px}
.canal .cabeca p{color:var(--apagado)}

/* Pontos de vista */
.vista{padding:var(--secao) 0 clamp(56px,6vw,88px)}
.vista-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,64px);align-items:stretch}
.vista-abas{display:flex;flex-direction:column;justify-content:center;gap:6px}
.vista-aba{position:relative;display:flex;align-items:center;gap:20px;text-align:left;padding:18px 24px;border-radius:999px;font-family:var(--titulo);font-size:clamp(17px,1.4vw,20px);font-weight:400;letter-spacing:-.02em;line-height:1.3;color:#9a9aa8;transition:color .3s,background-color .3s}
.vista-aba::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;border:1.5px solid currentColor;transition:background-color .3s,border-color .3s,transform .3s}
.vista-aba:hover{color:var(--preto)}
.vista-aba[aria-selected="true"]{color:var(--preto);background:var(--branco);box-shadow:0 1px 0 rgba(13,13,20,.04),0 14px 40px -18px rgba(13,13,20,.25)}
.vista-aba[aria-selected="true"]::before{background:var(--vermelho);border-color:var(--vermelho);transform:scale(1.1)}
.vista-paineis{position:relative;display:grid;min-height:0;border-radius:var(--raio-painel);background:var(--preto);color:var(--branco);overflow:hidden;isolation:isolate}
.vista-painel{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,4vw,56px)}
.vista-painel .tema{font-size:14px;color:var(--apagado)}
.vista-painel h3{margin-top:14px;font-size:clamp(30px,3vw,44px);font-weight:600;letter-spacing:-.035em;line-height:1.12}
.vista-painel p{margin-top:16px;color:#c4c4d0;font-size:17px}
@media (prefers-reduced-motion:no-preference){
  .vista-painel:not([hidden]) > *{animation:entrar .6s var(--curva) both}
  .vista-painel:not([hidden]) p{animation-delay:.07s}
  @keyframes entrar{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}
}

/* Como trabalhamos */
.frentes{padding:0 0 var(--secao)}
.frentes-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@supports (grid-template-rows:subgrid){
  .frentes-grade{grid-template-rows:repeat(5,auto);row-gap:0}
  .frente{grid-row:span 5;grid-template-rows:subgrid}
}
.frente{display:grid;row-gap:16px;padding:clamp(28px,3vw,44px);border-radius:var(--raio-painel);background:var(--branco);color:var(--preto)}
.frente--escura{background:var(--grafite);color:var(--branco)}
.frente-para{font-size:15px;color:var(--apagado-escuro)}
.frente--escura .frente-para{color:var(--apagado)}
.frente h3{font-size:clamp(36px,3.4vw,50px);font-weight:700;letter-spacing:-.045em;color:var(--preto)}
.frente--escura h3{color:var(--branco)}
.frente p{font-size:17px;color:var(--texto)}
.frente--escura p{color:#c4c4d0}
.frente ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--linha-clara)}
.frente--escura ul{border-color:var(--linha-escura)}
.frente li{display:flex;align-items:baseline;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha-clara);font-size:17px;font-weight:500}
.frente--escura li{border-color:var(--linha-escura)}
.frente li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--vermelho);transform:translateY(-2px)}
.frente .botao{justify-self:start;align-self:end;margin-top:12px}

/* ============ Canal ============ */
.canal{position:relative;padding:var(--secao) 0 calc(var(--secao) + 32px);background:#20202c}
.canal-dentro{position:relative;z-index:1}
.canal-grade{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(24px,3vw,48px)}
.video-capa{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:var(--raio-midia);overflow:hidden;background:var(--grafite-2);box-shadow:0 24px 60px -30px rgba(0,0,0,.7)}
.video-capa img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--curva)}
.video-capa:hover img{transform:scale(1.04)}
.video-play{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;background:rgba(13,13,20,.35);border:1.5px solid rgba(255,255,255,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background-color .3s,transform .4s var(--curva),border-color .3s}
.video-play::after{content:"";position:absolute;left:50%;top:50%;margin:-9px 0 0 -5px;border-left:15px solid var(--branco);border-top:9px solid transparent;border-bottom:9px solid transparent}
.video-capa:hover .video-play{background:var(--vermelho);border-color:var(--vermelho);transform:scale(1.06)}
.video-info{margin-top:20px}
.video-meta{display:flex;gap:14px;font-size:13px;color:var(--apagado)}
.video-meta span+span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--vermelho);margin-right:14px;vertical-align:middle}
.video-destaque h3{margin-top:8px;font-size:clamp(21px,1.8vw,26px);font-weight:600;letter-spacing:-.025em;line-height:1.12}
.video-fila{display:grid;align-content:space-between;gap:20px}
.video-item{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:20px;align-items:center}
.video-item .video-capa{border-radius:14px}
.video-item .video-play{width:44px;height:44px;margin:-22px 0 0 -22px}
.video-item .video-play::after{margin:-6px 0 0 -3px;border-left-width:10px;border-top-width:6px;border-bottom-width:6px}
.video-item .video-info{margin:0}
.video-item h3{margin-top:6px;font-size:17px;font-weight:600;letter-spacing:-.025em;line-height:1.25}
.dialogo-video{width:min(1120px,calc(100% - 32px));padding:0;border:0;border-radius:var(--raio-midia);background:var(--preto);color:var(--branco);overflow:hidden}
.dialogo-video::backdrop{background:rgba(5,5,9,.86);backdrop-filter:blur(8px)}
.dialogo-topo{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 14px 14px 22px}
.dialogo-topo h2{font-size:18px;letter-spacing:-.02em}
.dialogo-fechar{height:40px;padding:0 18px;border-radius:999px;background:var(--branco);color:var(--preto);font-size:14px;font-weight:600}
.dialogo-player{aspect-ratio:16/9;background:#000}
.dialogo-player iframe{width:100%;height:100%;border:0;display:block}
body.com-dialogo{overflow:hidden}

/* ============ História ============ */
.historia{padding:var(--secao) 0 clamp(56px,7vw,96px)}
.historia-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,3vw,40px);align-items:stretch}
.historia-foto{position:relative;margin:0}
.historia-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border-radius:var(--raio-painel)}
.historia-foto figcaption{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:12px;padding:12px 18px;border-radius:999px;background:rgba(13,13,20,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--branco);font-size:14px}
.historia-texto{display:flex;flex-direction:column}
.historia-foto{position:relative;min-height:360px}
.historia-texto h2{font-size:clamp(32px,3.4vw,50px);letter-spacing:-.035em;margin-bottom:20px}
.historia-texto>p{font-size:16px;line-height:1.6;color:var(--texto)}
.historia-texto>p+p{margin-top:12px}
.numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.numero{padding:22px 22px}
.numeros .numero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px}
.numeros .numero strong{display:flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:clamp(28px,2.6vw,38px)}
.numeros .numero strong small{font-size:.5em;font-weight:600;letter-spacing:-.02em}
.numeros .numero span{margin-top:4px}
.numero{padding:24px 26px;border-radius:var(--raio-midia);background:var(--branco)}
.numero strong{display:block;font-family:var(--titulo);font-size:clamp(28px,2.6vw,38px);font-weight:600;letter-spacing:-.035em;line-height:1}
.numero span{display:block;margin-top:10px;font-size:14px;color:var(--apagado-escuro)}
.trajetoria{position:relative;list-style:none;margin:clamp(40px,4vw,56px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.trajetoria::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:var(--linha-clara)}
.trajetoria li{position:relative;padding-top:36px}
.trajetoria li::before{content:"";position:absolute;left:0;top:0;width:13px;height:13px;border-radius:50%;background:var(--cinza);border:1.5px solid var(--preto)}
.trajetoria li:last-child::before{background:var(--vermelho);border-color:var(--vermelho);box-shadow:0 0 0 6px rgba(245,16,16,.15)}
.trajetoria strong{display:block;font-family:var(--titulo);font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.trajetoria span{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:var(--apagado-escuro)}

/* ============ Leituras e cartões ============ */
.leituras{padding:0 0 clamp(56px,6vw,88px)}
.cartoes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.cartao{display:flex;flex-direction:column;gap:20px;color:var(--preto)}
.cartao-imagem{position:relative;aspect-ratio:16/10;border-radius:var(--raio-midia);overflow:hidden;background:#e1e1ea}
.cartao-imagem img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--curva)}
.cartao:hover .cartao-imagem img{transform:scale(1.04)}
.cartao-tema{position:absolute;left:14px;top:14px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.92);font-size:13px;font-weight:600;color:var(--preto)}
.cartao-texto{display:flex;flex-direction:column;gap:12px;flex:1}
.cartao h3{font-size:clamp(19px,1.5vw,22px);font-weight:600;letter-spacing:-.02em;line-height:1.18;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(3 * 1.18em)}
.cartao p{font-size:15px;line-height:1.55;color:var(--texto);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:calc(2 * 1.55em)}
.cartao-meta{margin-top:auto;display:flex;gap:14px;font-size:13px;color:var(--apagado-escuro)}
.cartao-meta span::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--vermelho);margin-right:14px;vertical-align:middle}
.cartao:hover h3{color:var(--vermelho)}

/* ============ Convite ============ */
.convite{padding:0 0 var(--secao)}
.convite-painel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:var(--raio-painel);background:var(--preto);color:var(--branco);overflow:hidden}
.convite-foto img{width:100%;height:100%;min-height:340px;object-fit:cover;object-position:72% 30%}
.convite-texto{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:clamp(32px,4vw,56px)}
.convite-texto h2{font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.035em}
.convite-texto>p{color:#c4c4d0}
.convite-passos{list-style:none;counter-reset:passo;margin:6px 0 10px;padding:0;display:grid;gap:10px;width:100%}
.convite-passos li{counter-increment:passo;display:flex;align-items:center;gap:14px;padding:12px 16px;border-radius:14px;background:var(--grafite-2);font-size:15px}
.convite-passos li::before{content:counter(passo);display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--vermelho);font-size:13px;font-weight:600}

/* ============ Rodapé ============ */
.rodape{position:relative;background:var(--preto);padding:72px 0 28px;margin-top:-32px;border-radius:var(--raio-painel) var(--raio-painel) 0 0}
.rodape-topo{display:flex;flex-wrap:wrap;align-items:center;gap:20px 40px;padding-bottom:40px}
.rodape-marca img{width:190px}
.rodape-topo nav{display:flex;flex-wrap:wrap;gap:8px 26px}
.rodape-topo nav:first-of-type{margin-left:auto}
.rodape-topo a{font-size:14px;color:#c4c4d0;transition:color .2s}
.rodape-topo a:hover{color:var(--branco)}
.rodape-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:24px;border-top:1px solid var(--linha-escura);font-size:13px;color:var(--apagado)}

/* ============ Página de conteúdos ============ */
.pagina-clara{background:var(--cinza);color:var(--preto)}
.lista-abertura{background:var(--preto);color:var(--branco);padding:clamp(48px,7vw,96px) 0 clamp(72px,8vw,112px)}
.lista-abertura h1{font-size:clamp(44px,5.6vw,80px);font-weight:600;letter-spacing:-.045em;line-height:1}
.lista-abertura p{margin-top:24px;max-width:40ch;font-size:clamp(18px,1.5vw,21px);color:#c9c9d4}
.lista-abertura-linha{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px}
.filtros{display:flex;flex-wrap:wrap;gap:6px;padding:6px;border-radius:999px;border:1px solid var(--linha-escura)}
.filtro{height:42px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;color:#cfcfd9;transition:background-color .2s,color .2s}
.filtro:hover{color:var(--branco);background:rgba(255,255,255,.08)}
.filtro[aria-pressed="true"]{background:var(--branco);color:var(--preto)}
.lista{position:relative;padding:clamp(56px,7vw,96px) 0 var(--secao)}
.pagina-clara .lista{margin-top:-32px;background:var(--cinza);border-radius:var(--raio-painel) var(--raio-painel) 0 0}
.destaque{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;margin-bottom:clamp(56px,7vw,96px);padding:16px;border-radius:var(--raio-painel);background:var(--branco)}
.destaque .cartao-imagem{aspect-ratio:16/10}
.destaque-texto{padding:16px clamp(8px,2vw,32px) 16px 0}
.destaque h2{font-size:clamp(26px,2.6vw,38px);letter-spacing:-.035em;line-height:1.04;margin:0 0 18px}
.destaque p{font-size:18px;color:var(--texto)}
.destaque .cartao-meta{margin-top:28px}
.destaque:hover h2{color:var(--vermelho)}
.destaque:last-child{margin-bottom:0}
.mais{display:flex;justify-content:center;margin-top:56px}
.lista-vazia{padding:48px 0;color:var(--apagado-escuro);font-size:19px}

/* ============ Artigo ============ */
.artigo{background:var(--cinza);color:var(--preto);padding-bottom:var(--secao)}
.artigo-abertura{background:var(--preto);color:var(--branco);padding:clamp(40px,6vw,80px) 0 0}
.trilha ol{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 40px;padding:0;list-style:none;font-size:14px;color:var(--apagado)}
.trilha li{display:flex;align-items:center;gap:8px}
.trilha li+li::before{content:"";width:4px;height:4px;border-radius:50%;background:#4a4a57}
.trilha a{color:#d4d4de}
.trilha a:hover{color:var(--branco)}
.artigo-abertura h1{font-size:clamp(34px,3.8vw,56px);font-weight:600;letter-spacing:-.04em;line-height:1.08;max-width:22ch}
.artigo-linha-fina{max-width:44ch;margin-top:28px;font-size:clamp(19px,1.6vw,23px);line-height:1.45;color:#c9c9d4}
.artigo-meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:40px;padding-bottom:clamp(48px,6vw,80px);font-size:14px;color:var(--apagado)}
.autor-mini{display:flex;align-items:center;gap:12px;color:var(--branco);font-weight:600}
.autor-mini img{width:40px;height:40px;border-radius:50%;object-fit:cover}
.artigo-faixa{background:linear-gradient(var(--preto) 50%,var(--cinza) 50%)}
.artigo-imagem{margin-block:0}
.artigo-imagem img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--raio-painel)}
.artigo-corpo-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,700px) minmax(0,1fr);gap:48px;padding-top:clamp(56px,7vw,96px)}
.artigo-corpo{grid-column:2}
.artigo-lateral{grid-column:3;align-self:start;position:sticky;top:120px;display:grid;gap:36px;font-size:14px}
.artigo-lateral strong{display:block;margin-bottom:12px;font-size:13px;font-weight:600;color:var(--apagado-escuro)}
.sumario ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.sumario a{display:block;padding:8px 14px;border-radius:12px;color:var(--texto);line-height:1.4;transition:background-color .2s,color .2s}
.sumario a:hover{background:var(--branco);color:var(--preto)}
.compartilhar{display:flex;flex-wrap:wrap;gap:8px}
.compartilhar strong{width:100%}
.compartilhar a,.compartilhar button{height:38px;padding:0 16px;border-radius:999px;background:var(--branco);font-size:13px;font-weight:600;color:var(--preto);display:inline-flex;align-items:center;transition:background-color .2s,color .2s}
.compartilhar a:hover,.compartilhar button:hover{background:var(--preto);color:var(--branco)}
.resumo{margin-bottom:56px;padding:28px 32px;border-radius:var(--raio-midia);background:var(--preto);color:var(--branco)}
.resumo h2{display:flex;align-items:center;gap:10px;font-family:var(--corpo);font-size:14px;font-weight:600;letter-spacing:0;color:var(--apagado);margin-bottom:12px}
.resumo h2 .ponto-vivo{width:8px;height:8px}
.resumo p{font-family:var(--titulo);font-size:20px;font-weight:400;letter-spacing:-.025em;line-height:1.45}
.texto{font-size:18px;line-height:1.75;color:var(--texto)}
.texto>*{margin:0}
.texto>*+*{margin-top:1.2em}
.texto h2{margin-top:2em;font-size:clamp(24px,2vw,30px);font-weight:500;letter-spacing:-.03em;line-height:1.12;color:var(--preto)}
.texto h3{margin-top:1.7em;font-size:clamp(22px,2vw,27px);font-weight:500;letter-spacing:-.035em;line-height:1.2;color:var(--preto)}
.texto h2+*,.texto h3+*{margin-top:.7em}
.texto a{color:var(--preto);text-decoration:underline;text-decoration-color:var(--vermelho);text-decoration-thickness:2px;text-underline-offset:4px}
.texto a:hover{color:var(--vermelho)}
.texto strong{color:var(--preto);font-weight:600}
.texto ul,.texto ol{padding-left:1.25em}
.texto li+li{margin-top:.5em}
.texto ul li::marker{color:var(--vermelho)}
.texto blockquote{margin:2em 0;padding:36px 40px;border-radius:var(--raio-midia);background:var(--branco);font-family:var(--titulo);font-size:clamp(24px,2.3vw,32px);font-weight:400;letter-spacing:-.04em;line-height:1.25;color:var(--preto)}
.texto blockquote p{margin:0}
.texto blockquote::after{content:"";display:block;width:10px;height:10px;margin-top:20px;border-radius:50%;background:var(--vermelho)}
.texto figure{margin:2.2em 0}
.texto figure img,.texto>img{border-radius:var(--raio-midia)}
.texto figcaption{margin-top:12px;font-size:14px;color:var(--apagado-escuro)}
.texto hr{border:0;margin:2.6em 0;text-align:center}
.texto hr::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vermelho)}
.perguntas{margin-top:72px}
.perguntas>h2{font-size:clamp(28px,2.6vw,38px);font-weight:500;letter-spacing:-.045em;margin-bottom:20px}
.pergunta{margin-top:8px;border-radius:var(--raio-midia);background:var(--branco)}
.pergunta summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font-family:var(--titulo);font-size:19px;font-weight:500;letter-spacing:-.025em;line-height:1.3}
.pergunta summary::-webkit-details-marker{display:none}
.pergunta summary::after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--cinza);font-family:var(--corpo);font-size:20px;font-weight:400;transition:transform .3s var(--curva),background-color .2s,color .2s}
.pergunta[open] summary::after{transform:rotate(45deg);background:var(--vermelho);color:var(--branco)}
.pergunta div{padding:0 26px 24px;font-size:17px;line-height:1.65;color:var(--texto)}
.etiquetas{display:flex;flex-wrap:wrap;gap:8px;margin-top:48px}
.etiquetas span{padding:7px 14px;border-radius:999px;border:1px solid var(--linha-clara);font-size:13px;color:var(--texto)}
.autor{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;margin-top:56px;padding:32px;border-radius:var(--raio-painel);background:var(--branco)}
.autor img{width:88px;height:88px;border-radius:50%;object-fit:cover}
.autor h2{font-size:24px;font-weight:500;letter-spacing:-.035em}
.autor .cargo{margin:4px 0 12px;font-size:14px;color:var(--apagado-escuro)}
.autor p{font-size:16px;line-height:1.6;color:var(--texto)}
.autor .link-escuro{margin-top:12px;font-size:14px}
.artigo-convite{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.3fr) auto;align-items:end;gap:32px;margin-top:clamp(72px,9vw,128px);padding:clamp(36px,4vw,56px);border-radius:var(--raio-painel);background:var(--preto);color:var(--branco)}
.artigo-convite h2{font-size:clamp(28px,2.8vw,40px);font-weight:600;letter-spacing:-.04em;max-width:16ch}
.artigo-convite p{margin-top:14px;max-width:40ch;font-size:16px;color:#c4c4d0}
.relacionados{padding-top:clamp(80px,9vw,136px)}
.relacionados .titulo-secao{font-size:clamp(28px,3vw,42px);letter-spacing:-.035em;margin-bottom:44px}

/* 404 */
.erro{min-height:72vh;display:flex;align-items:center;padding:96px 0}
.erro h1{font-size:clamp(44px,5.6vw,80px);letter-spacing:-.045em;line-height:1}
.erro p{margin:24px 0 36px;max-width:40ch;font-size:20px;color:#c9c9d4}
.erro .capa-acoes{margin-top:0}

/* ============ Responsivo ============ */
@media (max-width:1100px){
  .menu a{padding:9px 12px}
  .canal-grade{grid-template-columns:1fr}
  .video-fila{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start}
  .video-item{grid-template-columns:1fr;align-items:start}
  .cartoes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .trajetoria{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  .trajetoria::before{display:none}
  .artigo-corpo-grade{grid-template-columns:minmax(0,1fr);max-width:740px;margin-inline:auto}
  .artigo-corpo,.artigo-lateral{grid-column:1}
  .artigo-lateral{position:static}
}
@media (max-width:860px){
  body{font-size:16px}
  .topo-linha{height:76px;gap:12px}
  .marca img{width:150px}
  .topo-cta{display:none}
  .menu-botao{display:inline-flex;margin-left:auto}
  .menu{position:fixed;inset:0;z-index:-1;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;margin:0;padding:110px var(--gutter) 40px;border:0;border-radius:0;background:var(--preto);backdrop-filter:none;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
  .menu.aberto{opacity:1;visibility:visible}
  .menu a{padding:6px 0;font-family:var(--titulo);font-size:40px;font-weight:500;letter-spacing:-.05em;color:var(--branco);background:none!important}
  .menu a[aria-current="page"]{color:var(--vermelho)}
  .menu .menu-whats{display:inline-flex;margin-top:28px;padding:6px 6px 6px 24px;font-family:var(--corpo);font-size:15px;letter-spacing:0;background:var(--vermelho)!important}
  .capa{min-height:0;justify-content:flex-start}
  .capa-cena{position:relative;height:min(54svh,480px)}
  .capa-cena img{object-position:70% 25%}
  .capa-cena::after{background:linear-gradient(0deg,var(--preto) 0%,rgba(13,13,20,.5) 35%,rgba(13,13,20,0) 60%),linear-gradient(180deg,rgba(13,13,20,.7) 0%,rgba(13,13,20,0) 25%)}
  .capa-texto{padding-top:0;margin-top:-64px}
  .capa h1{font-size:clamp(46px,13vw,72px)}
  .capa-chamadas{grid-template-columns:1fr;margin-top:56px}
  .chamada,.chamada+.chamada{padding:18px 0;border-left:0;border-bottom:1px solid var(--linha-escura)}
  .manifesto-grade,.vista-grade,.historia-grade,.destaque,.convite-painel{grid-template-columns:minmax(0,1fr)}
  .convite-foto img{min-height:220px;max-height:280px}
  .rodape-topo nav:first-of-type{margin-left:0}
  .frentes-grade{grid-template-columns:minmax(0,1fr);grid-template-rows:none;row-gap:16px}
  .frente{grid-row:auto;grid-template-rows:none}
  .frente .botao{white-space:normal}
  .vista-aba{padding:18px 22px}
  .vista-paineis{min-height:400px}
  .video-fila{grid-template-columns:minmax(0,1fr)}
  .video-item{grid-template-columns:minmax(0,.9fr) minmax(0,1fr);align-items:center}
  .trajetoria{grid-template-columns:minmax(0,1fr);row-gap:0;padding-left:4px}
  .trajetoria::before{display:block;left:10px;right:auto;top:8px;bottom:8px;width:1px;height:auto}
  .trajetoria li{padding:0 0 28px 40px}
  .trajetoria li::before{left:4px;top:5px}
  .destaque-texto{padding:8px 8px 16px}
  .artigo-convite{grid-template-columns:minmax(0,1fr)}
  .texto{font-size:18px}
  .texto blockquote{padding:28px}
}
@media (max-width:620px){
  .cartoes{grid-template-columns:minmax(0,1fr)}
  .cartao h3,.cartao p{min-height:0}
  .numeros{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .numero{padding:20px}
  .numero strong{font-size:30px}
  .video-meta{flex-wrap:wrap;gap:2px 10px}
  .video-meta span+span::before{margin-right:10px}
  .capa-acoes .botao,.convite-base .botao{width:100%;justify-content:space-between}
  .capa-acoes{gap:20px}
  .autor{grid-template-columns:minmax(0,1fr);padding:26px}
  .filtros{border:0;padding:0}
  .filtro{border:1px solid var(--linha-escura)}
  .historia-foto img{position:static;height:auto;aspect-ratio:1}
  .historia-foto{min-height:0}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.vista-pergunta{margin:0 0 10px 24px;font-size:14px;color:var(--apagado-escuro)}

/* Capa: degradê no topo para a foto não brigar com o menu */
.capa-cena::before{content:"";position:absolute;inset:-36px 0 auto;height:150px;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--preto) 25%,rgba(13,13,20,0))}

/* Pontos de vista: título acompanha as frases, painel alinhado ao topo */
.vista-grade{align-items:stretch}
.vista-esquerda{display:flex;flex-direction:column}
.vista-esquerda h2{font-size:clamp(32px,3.4vw,50px)}
.vista-esquerda .vista-pergunta{margin:12px 0 22px;font-size:16px;color:var(--apagado-escuro)}
.vista-abas{justify-content:flex-start}

/* Cartões: teste de duas versões */
.cartao--caixa{padding:12px 12px 24px;border-radius:var(--raio-painel);background:var(--branco)}
.cartao--caixa .cartao-texto{padding:0 12px}
.cartao--compacto h3{min-height:0}
.cartao--compacto .cartao-meta{margin-top:0}

/* Vídeos: ícones flutuando com profundidade */
.yt-flutua{position:absolute;z-index:0;width:150px;aspect-ratio:1.42;border-radius:32%/45%;pointer-events:none;
  background:radial-gradient(120% 90% at 30% 20%,#ff5a5a 0%,var(--vermelho) 38%,#a10808 100%);
  box-shadow:inset 0 -10px 18px rgba(0,0,0,.35),inset 0 8px 14px rgba(255,255,255,.25),0 40px 60px -20px rgba(245,16,16,.45);will-change:transform}
.yt-flutua::after{content:"";position:absolute;left:50%;top:50%;margin:-17% 0 0 -9%;border-left:28% solid transparent;border-left:42px solid #fff;border-top:24px solid transparent;border-bottom:24px solid transparent;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}


.yt-flutua--b::after{border-left-width:26px;border-top-width:15px;border-bottom-width:15px}

/* Foco na rolagem em todo o site */
@supports (animation-timeline:view()){
  @media (prefers-reduced-motion:no-preference){
    .focar{animation:deslizar linear both;animation-timeline:view();animation-range:entry 0% cover 30%}
    @keyframes deslizar{from{transform:translateY(60px)}to{transform:none}}
  }
}

/* Vídeos em uma fileira */
.video-linha{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.video-card .video-capa img{object-fit:cover}
.video-card .video-capa{border-radius:16px}
.video-card .video-play{width:52px;height:52px;margin:-26px 0 0 -26px}
.video-card .video-play::after{margin:-7px 0 0 -4px;border-left-width:12px;border-top-width:7px;border-bottom-width:7px}
.video-tempo{position:absolute;right:10px;bottom:10px;padding:3px 8px;border-radius:6px;background:rgba(13,13,20,.8);font-size:12px;font-weight:600}
.video-tema{margin-top:16px;font-size:13px;color:var(--apagado)}
.video-card h3{margin-top:16px;font-size:18px;font-weight:600;letter-spacing:-.02em;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.canal .cabeca{justify-content:center;text-align:center}
.canal .cabeca h2{max-width:none}
.canal .cabeca p{margin-inline:auto}
.canal-botao{display:flex;width:fit-content;margin:44px auto 0}
/* Ícones saindo da tela: grandes, desfocados e cortados pela borda */
.yt-flutua--a{right:-70px;top:-60px;width:230px;z-index:5;transform:rotate(14deg);filter:blur(10px)}
.yt-flutua--b{left:-60px;bottom:-70px;width:180px;z-index:5;transform:rotate(-14deg);filter:blur(9px)}
.yt-flutua--a::after{border-left-width:48px;border-top-width:28px;border-bottom-width:28px;margin:-28px 0 0 -18px}
.yt-flutua--b::after{border-left-width:28px;border-top-width:16px;border-bottom-width:16px;margin:-16px 0 0 -10px}
@media (max-width:1100px){.video-linha{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media (max-width:620px){.video-linha{grid-template-columns:minmax(0,1fr)}.yt-flutua--a{width:120px;top:-40px}.yt-flutua--b{display:none}}

/* "Como trabalhamos" em um capítulo branco próprio, separado do diagnóstico */
.capitulo-branco{background:var(--branco)}
.capitulo-branco .frentes{padding:var(--secao) 0 calc(var(--secao) + 32px)}
.capitulo-branco .frente:not(.frente--escura){background:var(--cinza)}
.capitulo-claro .vista{padding-bottom:calc(var(--secao) + 32px)}

.historia-texto>p strong{color:var(--preto);font-weight:600}

/* Pente fino no celular */
@media (max-width:620px){
  .frente .botao,.convite-texto .botao,.canal-botao{width:100%;justify-content:space-between;white-space:normal}
  .frente{padding:26px 22px 24px}
  .numeros{gap:8px}
  .numeros .numero{padding:16px 6px}
  .numeros .numero strong{font-size:22px;gap:2px}
  .numeros .numero span{font-size:12px;line-height:1.3}
  .capa-texto{padding-bottom:24px}
  .capa-chamadas{margin-top:24px}
  .chamada strong{font-size:18px}
  .vista-aba{padding:14px 18px;font-size:17px}
  .vista-painel{padding:28px 24px}
  .historia-foto{margin-top:8px}
  .trajetoria li{padding-bottom:22px}
  .convite-texto{padding:28px 22px}
  .cabeca h2,.vista-esquerda h2,.historia-texto h2{font-size:30px}
  .manifesto-frase{font-size:34px}
  .yt-flutua--a{width:110px;right:-40px;top:-40px}
}

/* Rodapé no celular */
@media (max-width:620px){
  .rodape{padding:56px 0 24px}
  .rodape-topo{flex-direction:column;align-items:center;gap:28px;padding-bottom:32px;text-align:center}
  .rodape-marca img{width:170px}
  .rodape-topo nav{justify-content:center;gap:10px 22px;margin:0}
  .rodape-topo nav:first-of-type{margin-left:0}
  .rodape-topo nav[aria-label="Rodapé"]{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px}
  .rodape-topo nav[aria-label="Redes sociais"] a{padding:8px 16px;border:1px solid var(--linha-escura);border-radius:999px}
  .rodape-base{flex-direction:column;align-items:center;text-align:center;gap:6px}
}

/* Conteúdos: topo centralizado, categorias embaixo */
.lista-abertura{padding:clamp(48px,6vw,88px) 0 calc(clamp(48px,5vw,72px) + 32px)}
.lista-abertura-linha{flex-direction:column;align-items:center;text-align:center;gap:0}
.lista-abertura p{max-width:62ch;margin:20px auto 0}
.lista-abertura .filtros{margin-top:clamp(32px,4vw,48px);justify-content:center}
@media (max-width:620px){.lista-abertura-linha{align-items:center}.lista-abertura .filtros{justify-content:center}}
/* Conteúdos: topo mais compacto para o primeiro artigo aparecer logo */
.lista-abertura{padding:clamp(24px,3vw,40px) 0 calc(clamp(28px,3vw,40px) + 32px)}
.lista-abertura h1{font-size:clamp(40px,4.6vw,64px)}
.lista-abertura p{margin-top:12px;font-size:17px}
.lista-abertura .filtros{margin-top:24px}
.pagina-clara .lista{padding-top:clamp(36px,4vw,56px)}
/* Artigo v2: imagem ao lado do título e texto mais largo */
.artigo-abertura{padding-bottom:clamp(48px,6vw,80px)}
.artigo-abertura-grade{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}
.artigo-abertura .artigo-meta{padding-bottom:0}
.artigo-abertura h1{font-size:clamp(32px,3.4vw,50px);max-width:20ch}
.artigo-abertura .artigo-imagem{margin:0}
.artigo-abertura .artigo-imagem img{aspect-ratio:16/9;border-radius:var(--raio-painel)}
.artigo-corpo-grade{grid-template-columns:minmax(0,780px) 260px;justify-content:space-between;gap:clamp(48px,6vw,120px)}
.artigo-corpo{grid-column:1}
.artigo-lateral{grid-column:2}
@media (max-width:1100px){
  .artigo-corpo-grade{grid-template-columns:minmax(0,1fr);max-width:780px;margin-inline:auto}
  .artigo-corpo,.artigo-lateral{grid-column:1}
}
@media (max-width:860px){
  .artigo-abertura-grade{grid-template-columns:minmax(0,1fr);gap:32px}
  .artigo-abertura .artigo-imagem img{aspect-ratio:16/9}
}
/* Artigo v3: topo na régua da imagem e texto centralizado sem coluna lateral */
.artigo-abertura .trilha ol{margin-bottom:28px}
.artigo-abertura-grade{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:stretch;gap:clamp(40px,4.5vw,72px)}
.artigo-abertura-texto{display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.artigo-abertura h1{font-size:clamp(30px,3vw,44px);line-height:1.04;max-width:none}
.artigo-abertura .artigo-linha-fina{margin-top:18px;max-width:none;font-size:clamp(16px,1.25vw,18px);line-height:1.45}
.artigo-abertura .artigo-meta{margin-top:0;gap:10px 20px}
.artigo-abertura .artigo-imagem{align-self:start}
.artigo-corpo-grade{grid-template-columns:minmax(0,960px);justify-content:center}
.artigo-corpo{grid-column:1}
@media (max-width:1100px){.artigo-corpo-grade{max-width:960px}}
@media (max-width:860px){
  .artigo-abertura-texto{display:block}
  .artigo-abertura .artigo-meta{margin-top:24px}
}
/* Artigo v4: bloco de texto inteiro centralizado na altura da imagem */
.artigo-abertura-grade{align-items:center}
.artigo-abertura-texto{display:block}
.artigo-abertura .trilha ol{margin-bottom:20px}
.artigo-abertura .artigo-meta{margin-top:28px}
@media (max-width:860px){.artigo-abertura .artigo-meta{margin-top:24px}}
/* Suavidade v1: transições mais lentas e macias em links, botões e perguntas */
@media (prefers-reduced-motion:no-preference){
  a,button,summary,.pergunta,.pergunta summary::after{transition-duration:.45s!important;transition-timing-function:var(--curva)!important}
}
.pergunta{transition-property:background-color}
.pergunta summary{transition:color .45s var(--curva)}
.pergunta summary:hover{color:var(--vermelho)}
.pergunta summary:hover::after{background:var(--preto);color:var(--branco)}
.pergunta[open] summary:hover::after{background:var(--vermelho)}
.pergunta.fechando summary::after{transform:none;background:var(--cinza);color:var(--preto)}
.pergunta > div{overflow:hidden}
/* Títulos H4 v1 */
.texto h4{margin-top:1.5em;font-family:var(--titulo);font-size:clamp(19px,1.5vw,21px);font-weight:600;letter-spacing:-.025em;line-height:1.3;color:var(--preto)}
.texto h4+*{margin-top:.6em}
/* Destaque v2: igual ao editor, linha vermelha à esquerda */
.texto blockquote{margin:2em 0;padding:4px 0 4px 24px;border-radius:0;background:none;border-left:3px solid var(--vermelho);font-size:clamp(24px,2.2vw,30px);line-height:1.2}
.texto blockquote::after{display:none}
@media (max-width:620px){.texto blockquote{padding:2px 0 2px 18px}}
/* Hover perguntas v2: o cartão inteiro reage ao mouse */
.pergunta{box-shadow:inset 0 0 0 1.5px transparent;transition:box-shadow .45s var(--curva),background-color .45s var(--curva)}
.pergunta:hover{box-shadow:inset 0 0 0 1.5px var(--preto)}
.pergunta summary{transition:color .45s var(--curva),padding .45s var(--curva)}
.pergunta summary:hover{padding-left:32px}
.pergunta[open]{box-shadow:inset 0 0 0 1.5px var(--vermelho)}
.etiquetas span{transition:background-color .45s var(--curva),color .45s var(--curva),border-color .45s var(--curva)}
.etiquetas span:hover{background:var(--preto);border-color:var(--preto);color:var(--branco)}
/* Hover botões v2: todos os botões reagem ao mouse com suavidade, sem sombra */
.botao,.topo-cta,.filtro,.vista-aba,.menu a,.menu-botao{transition:background-color .45s var(--curva),color .45s var(--curva),border-color .45s var(--curva),transform .45s var(--curva)}
.botao:hover,.topo-cta:hover{transform:translateY(-2px)}
.botao:active,.topo-cta:active{transform:translateY(0) scale(.98)}
.botao--vermelho:hover{background:#d80c0c}
.botao:hover .seta{transform:rotate(45deg) scale(1.06)}
.seta{transition:transform .45s var(--curva),background-color .45s var(--curva),color .45s var(--curva)}
.topo-cta .ponto-vivo{transition:transform .45s var(--curva)}
.topo-cta:hover .ponto-vivo{transform:scale(1.25)}
.filtro:hover,.vista-aba:hover{transform:translateY(-1px)}
/* Hover texto v1: títulos e links clareiam com suavidade, sem vermelho */
.cartao h3,.destaque h2,.texto a,.pergunta summary,.chamada strong,.trilha a,.rodape-topo a,.sumario a{transition:color .5s var(--curva),text-decoration-color .5s var(--curva),padding .45s var(--curva),background-color .5s var(--curva)}
.cartao:hover h3,.destaque:hover h2{color:var(--apagado-escuro)}
.texto a:hover{color:var(--apagado-escuro)}
.pergunta summary:hover{color:var(--apagado-escuro)}
.chamada:hover strong{color:#c9c9d4}
/* Hover perguntas v3: contorno bem fraco no lugar da linha preta */
.pergunta:hover,.pergunta[open]{box-shadow:inset 0 0 0 1px var(--linha-clara)}
/* Instagram v1: 4 posts escolhidos */
.insta{padding:0 0 clamp(56px,6vw,88px)}
.insta-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.insta-item{position:relative;display:block;aspect-ratio:1;border-radius:var(--raio-midia);overflow:hidden;background:var(--grafite);isolation:isolate}
.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--curva)}
.insta-item::after{content:"";position:absolute;inset:0;background:rgba(13,13,20,0);transition:background-color .5s var(--curva)}
.insta-icone{position:absolute;right:14px;top:14px;z-index:1;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--branco);color:var(--preto);opacity:0;transform:translateY(-6px);transition:opacity .5s var(--curva),transform .5s var(--curva)}
.insta-item:hover img{transform:scale(1.05)}
.insta-item:hover::after{background:rgba(13,13,20,.16)}
.insta-item:hover .insta-icone,.insta-item:focus-visible .insta-icone{opacity:1;transform:none}
@media (max-width:860px){.insta-grade{grid-template-columns:repeat(2,minmax(0,1fr))}}