/* ===== Tokens ===== */
:root{
  --preto:#232323; --preto-2:#3d3d3d; --texto-2:#5c5c5c; --linha:#e6e6e6; --superficie:#f5f5f4; --branco:#fff; --verde:#22c55e;
  --fonte:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pad:clamp(20px,4vw,48px); --max:1320px; --raio:14px;
  box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:calc(90px + env(safe-area-inset-top,0px));background:var(--branco)}
body{color:var(--preto);font:400 16px/1.6 var(--fonte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
/* fundo próprio do conteúdo: necessário para o cursor “negativo” misturar as cores */
.site{background:var(--branco);min-height:100vh}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.seta{width:18px;height:18px;stroke-width:1.5}
:focus-visible{outline:2px solid var(--preto);outline-offset:3px;border-radius:2px}
.rodape :focus-visible{outline-color:#fff}
.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;background:#fff;padding:8px 14px;z-index:100}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}

/* ===== Cursor ===== */
.tem-cursor,.tem-cursor *{cursor:none!important}
.cursor{position:fixed;top:0;left:0;z-index:9999;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;
  background:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;will-change:transform;
  transition:opacity .25s,width .25s,height .25s,margin .25s}
.cursor.on{opacity:1}
.cursor.grow{width:34px;height:34px;margin:-17px 0 0 -17px}

/* ===== Topo ===== */
.topo{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid transparent;transition:border-color .2s}
.topo.rolou{border-bottom-color:var(--linha)}
.topo-in{display:flex;justify-content:space-between;align-items:center;min-height:72px;gap:16px}
.logo{font-weight:600;font-size:21px;letter-spacing:-.3px}
.menu{display:flex;align-items:center;gap:clamp(20px,3vw,40px)}
.menu-links{list-style:none;display:flex;gap:clamp(20px,3vw,36px)}
.menu-links a{position:relative;font-size:16px;padding:6px 0}
.menu-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}
.menu-links a:hover::after,.menu-links a.ativo::after,.menu-links a[aria-current]::after{transform:scaleX(1)}
.btn-nav{display:inline-flex;align-items:center;gap:8px;background:var(--preto);color:var(--branco);padding:12px 18px;font-size:15px;font-weight:500;transition:background .2s}
.btn-nav:hover{background:var(--preto-2)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;color:inherit;position:relative;flex:none}
.menu-btn i{position:absolute;left:11px;right:11px;height:1.5px;background:currentColor;transition:transform .25s,top .25s}
.menu-btn i:nth-of-type(1){top:17px}.menu-btn i:nth-of-type(2){top:25px}
.menu-aberto .menu-btn i:nth-of-type(1){top:21px;transform:rotate(45deg)}
.menu-aberto .menu-btn i:nth-of-type(2){top:21px;transform:rotate(-45deg)}
.menu-aberto,.menu-aberto body{overflow:hidden}
.menu-aberto .topo{background:#fff;border-bottom-color:var(--linha)}
.menu-mobile{position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 0;z-index:49;background:#fff;overflow-y:auto;opacity:0;transform:translateY(-8px);transition:opacity .25s,transform .25s;padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}
.menu-mobile.on{opacity:1;transform:none}
.mm-links{list-style:none;padding-top:24px}
.mm-links a{display:block;font-size:40px;font-weight:600;letter-spacing:-.02em;padding:6px 0}
.mm-t{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);margin:32px 0 10px;padding-top:24px;border-top:1px solid var(--linha)}
.mm-sub{list-style:none;display:grid;gap:4px}
.mm-sub a{display:block;font-size:18px;padding:8px 0}
.mm-sub a[aria-current]{font-weight:600}
.mm-base{display:grid;gap:20px;justify-items:start;margin-top:36px}
.mm-base .btn{width:100%;justify-content:center}

/* ===== Home ===== */
.btn{display:inline-flex;align-items:center;gap:8px;padding:16px 24px;font-size:16px;font-weight:500;transition:background .2s,color .2s,border-color .2s}
.btn svg{transition:transform .25s}
.btn-escuro{background:var(--preto);color:#fff}
.btn-escuro:hover{background:var(--preto-2)}
.btn-escuro:hover svg{transform:translateX(3px)}
.btn-linha{border:1px solid var(--preto)}
.btn-linha:hover{background:var(--preto);color:#fff}

.hero{padding-top:clamp(56px,10vw,136px);padding-bottom:clamp(64px,9vw,120px)}
h1{font-weight:600;line-height:.98;letter-spacing:-.02em}
.hero h1{display:flex;flex-direction:column;gap:clamp(10px,1.2vw,16px)}
.nome{font-size:clamp(52px,9.4vw,140px);text-transform:uppercase;max-width:7ch}
.cargo{font-weight:500;font-size:clamp(20px,2.2vw,32px);line-height:1;text-transform:uppercase;letter-spacing:.01em}
.hero-base{display:grid;gap:28px;justify-items:start;margin-top:clamp(32px,4vw,56px)}
.proposta{font-size:clamp(20px,2vw,28px);line-height:1.4;max-width:30ch;letter-spacing:-.005em}
.hero-ctas{display:flex;gap:12px;flex-wrap:wrap}

.sec-head{margin-bottom:clamp(28px,4vw,44px)}
.sec-n{font-size:14px;font-weight:500;color:var(--texto-2);letter-spacing:.04em;margin-bottom:8px}
.sec-head h2{font-weight:600;font-size:clamp(32px,4vw,56px);letter-spacing:-.02em;line-height:1.05}
.sec-desc{color:var(--texto-2);font-size:clamp(16px,1.4vw,18px);max-width:52ch;margin-top:14px}
.sec-head-linha{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}

.trabalhos{padding-bottom:clamp(72px,9vw,120px);border-top:1px solid var(--linha);padding-top:clamp(56px,7vw,96px)}
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card{background:var(--preto);color:var(--branco);border-radius:var(--raio);padding:32px;min-height:220px;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;transition:background .25s}
.card>svg{font-size:36px;stroke-width:1.5;margin-bottom:14px}
.card-t{font-size:22px;font-weight:600;text-transform:uppercase;letter-spacing:.01em}
.card-d{color:#bdbdbd;max-width:42ch}
.card-n{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:500;margin-top:12px}
.card-n svg{transition:transform .25s}
.card:hover{background:var(--preto-2)}
.card:hover .card-n svg{transform:translateX(4px)}

.vitrine{border-top:1px solid var(--linha);padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(72px,9vw,120px)}
.pausa{background:none;border:1px solid var(--linha);border-radius:999px;padding:9px 18px;font:500 14px var(--fonte);color:inherit;transition:border-color .2s,background .2s}
.pausa:hover{border-color:var(--preto);background:var(--superficie)}
.pausa-r,.pausado .pausa-p{display:none}.pausado .pausa-r{display:inline}
.carrossel{overflow:hidden;padding:10px max(var(--pad),calc((100vw - var(--max))/2 + var(--pad)));-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.trilho{display:flex;gap:20px;width:max-content;animation:rolar 80s linear infinite}
.trilho .dup{display:contents}
.carrossel:hover .trilho,.pausado .trilho{animation-play-state:paused}
.peca-car img{max-width:none;height:440px;width:auto;object-fit:cover;border-radius:16px;background:var(--superficie)}
.peca-car{position:relative;width:min-content;flex:none}
.peca-car figcaption{margin-top:12px;font-size:14px;line-height:1.4;color:var(--texto-2)}
.peca-car figcaption strong{color:var(--preto);font-weight:600}
.autoral{position:absolute;top:12px;left:12px;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--preto);border-radius:999px;padding:5px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@keyframes rolar{to{transform:translateX(calc(-50% - 10px))}}

.sobre{border-top:1px solid var(--linha);padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(72px,9vw,120px)}
.sobre-grid{display:grid;grid-template-columns:minmax(200px,340px) minmax(0,1fr);gap:clamp(32px,6vw,88px);align-items:start}
.foto{width:100%;aspect-ratio:1;height:auto;border-radius:50%;object-fit:cover;background:var(--superficie)}
.bio{font-size:clamp(19px,1.8vw,24px);line-height:1.55;max-width:38ch}

.formacao{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:32px 0 36px;max-width:680px}
.form-item{background:var(--preto);color:#fff;border-radius:var(--raio);padding:20px 22px}
.form-n{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a3a3a3;margin-bottom:8px}
.form-t{font-size:clamp(17px,1.5vw,20px);font-weight:600;line-height:1.3}
.cursos{list-style:none;max-width:680px;margin-bottom:36px;border-top:1px solid var(--linha)}
.cursos li{display:flex;flex-direction:column;gap:3px;padding:14px 0;border-bottom:1px solid var(--linha)}
.cur-t{font-weight:500;line-height:1.4;text-wrap:pretty}
.cur-i{font-size:14px;color:var(--texto-2)}
.pills{list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.pills li{background:var(--preto);color:var(--branco);border-radius:999px;padding:8px 20px;font-size:14px;text-transform:uppercase;letter-spacing:.02em}
.pills li:nth-child(even){background:var(--preto-2)}
.link-seta{display:inline-flex;align-items:center;gap:6px;margin-top:32px;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:2px}
.link-seta:hover{opacity:.65}
.copiar{background:none;border:0;color:inherit;font-size:16px;display:inline-flex;padding:6px;border-radius:6px}
.copiado{font-size:14px;color:#9a9a9a}
.email-rod{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.rodape .copiar:hover{background:#3a3a3a}

/* ===== Páginas internas ===== */
.pg-hero{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,5vw,64px);border-bottom:1px solid var(--linha)}
.crumb{font-size:14px;color:var(--texto-2);margin-bottom:20px}
.crumb a:hover{color:var(--preto);text-decoration:underline;text-underline-offset:3px}
.pg-hero h1{max-width:none;font-size:clamp(44px,7vw,104px);letter-spacing:-.03em}
.pg-desc{font-size:clamp(17px,1.5vw,20px);color:var(--texto-2);max-width:52ch;margin-top:18px}
.indice{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.indice a{display:flex;gap:10px;align-items:baseline;border:1px solid var(--linha);border-radius:999px;padding:9px 18px;font-size:15px;font-weight:500;transition:background .2s,border-color .2s}
.indice a span{color:var(--texto-2);font-size:13px;font-weight:400}
.indice a:hover{background:var(--superficie);border-color:#d4d4d4}

.case{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);gap:clamp(24px,5vw,72px);padding:clamp(48px,6vw,80px) 0;border-bottom:1px solid var(--linha)}
.case:last-child{border-bottom:0}
.case-head{align-self:start;position:sticky;top:104px}
.case-n{font-size:14px;font-weight:500;color:var(--texto-2);letter-spacing:.02em}
.case-head h2{font-size:clamp(24px,2.4vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:8px 0 14px}
.tag{display:inline-block;background:var(--superficie);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}
.case-body{min-width:0}
.case-body>*+*{margin-top:24px}
.rotulo{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--texto-2);margin-bottom:12px}

/* peças (cards de carrossel, stories, anúncios) */
.pecas{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.peca{background:var(--superficie);border-radius:var(--raio);padding:20px;display:flex;flex-direction:column;min-height:200px;transition:background .2s}
.peca:hover{background:#efefed}
.peca.tall{min-height:280px}
.peca-txt{font-size:16px;line-height:1.5;font-weight:500}
.peca-txt p+p,.peca-txt p+ul,.peca-txt ul+p{margin-top:12px}
.peca-txt strong{font-weight:600}
.peca-txt ul{padding-left:18px}
.nota{margin-top:auto!important;padding-top:16px;font-size:14px;font-weight:400;color:var(--texto-2)}
.peca .nota{border-top:1px solid #dcdcda;margin-top:16px!important}
.nota span{display:block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}

/* legenda estilo post */
.legenda{border:1px solid var(--linha);border-radius:var(--raio);padding:24px 28px;max-width:68ch}
.legenda p+p{margin-top:14px}

/* botões simulados */
.cta-mock-wrap{margin:18px 0}
.cta-mock{display:inline-block;background:var(--preto);color:#fff;border-radius:8px;padding:11px 20px;font-size:14px;font-weight:600;letter-spacing:.02em}
.peca .cta-mock-wrap{margin:12px 0 0}
.destaque{background:var(--superficie);border-radius:10px;padding:14px 18px}

/* e-mail */
.email-mock{border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;max-width:720px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 12px 32px -12px rgba(0,0,0,.12)}
.em-top{display:flex;gap:6px;padding:12px 16px;background:var(--superficie);border-bottom:1px solid var(--linha)}
.em-top i{width:10px;height:10px;border-radius:50%;background:#d6d6d4}
.em-head{padding:16px 24px;border-bottom:1px solid var(--linha);display:grid;gap:6px}
.em-row{display:grid;grid-template-columns:72px 1fr;gap:12px;font-size:15px}
.em-row span{color:var(--texto-2)}
.em-row strong{font-weight:500}
.em-banner{margin:24px 24px 0;background:var(--preto);color:#fff;border-radius:10px;padding:28px}
.em-banner .rotulo{color:#a3a3a3}
.em-banner p:last-child{font-size:clamp(18px,1.8vw,22px);font-weight:600;line-height:1.35}
.em-body{padding:24px}
.em-body p{margin-bottom:14px}
.em-body ul{margin:0 0 14px 20px}
.em-body .em-h1{font-size:20px;font-weight:600;line-height:1.35}

/* artigos */
.ficha{border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;max-width:760px}
.ficha div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:14px 20px}
.ficha div+div{border-top:1px solid var(--linha)}
.ficha dt{font-size:13px;font-weight:600;color:var(--texto-2);padding-top:2px}
.ficha dd{font-size:15px}
.artigo{max-width:68ch;font-size:17px;line-height:1.75}
.artigo p+p,.artigo p+ul,.artigo ul+p{margin-top:18px}
.artigo ul{padding-left:22px}
.artigo li+li{margin-top:6px}
.artigo .h-sec{font-size:24px;font-weight:600;line-height:1.3;margin:40px 0 12px;letter-spacing:-.01em}
.artigo .h-sub{font-size:19px;font-weight:600;line-height:1.35;margin:28px 0 8px}
.leia summary{list-style:none;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--preto);border-radius:999px;padding:10px 20px;font-size:15px;font-weight:500;transition:background .2s,color .2s}
.leia summary::-webkit-details-marker{display:none}
.leia summary:hover{background:var(--preto);color:#fff}
.leia .fechar-t,.leia[open] .abrir{display:none}
.leia[open] .fechar-t{display:inline}
.leia[open] summary{margin-bottom:8px}
.leia .artigo{margin-top:16px}

/* anterior / próximo */
.pn{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-top:24px;padding-bottom:clamp(64px,8vw,104px)}
.pn-a{border:1px solid var(--linha);border-radius:var(--raio);padding:22px 26px;display:grid;gap:6px;transition:border-color .2s,background .2s}
.pn-a span{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:var(--texto-2)}
.pn-a strong{font-size:clamp(18px,1.8vw,22px);font-weight:600}
.pn-next{text-align:right;justify-items:end}
.pn-a:hover{border-color:var(--preto);background:var(--superficie)}

/* ===== Rodapé ===== */
.rodape{background:var(--preto);color:#fff;padding-top:clamp(64px,9vw,120px)}
.rod-cta h2{font-weight:600;font-size:clamp(32px,4.6vw,64px);line-height:1.08;letter-spacing:-.02em;max-width:22ch}
.cta-linha{display:flex;align-items:center;gap:24px;margin-top:32px;flex-wrap:wrap}
.btn-branco{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--preto);padding:18px 28px;font-weight:500;transition:background .2s}
.btn-branco:hover{background:#e5e5e5}
.status{display:inline-flex;align-items:center;gap:14px;color:#d4d4d4}
.status i{width:12px;height:12px;border-radius:50%;background:var(--verde);box-shadow:0 0 0 7px rgba(34,197,94,.16);animation:pulso 2.4s ease-in-out infinite}
@keyframes pulso{50%{box-shadow:0 0 0 3px rgba(34,197,94,.16)}}
.rod-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-top:clamp(56px,8vw,104px);padding-top:40px;border-top:1px solid #3a3a3a}
.rod-t{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#9a9a9a;margin-bottom:14px}
.rod-desc{color:#cfcfcf;max-width:36ch}
.rodape ul{list-style:none;display:grid;gap:8px}
.rodape ul a{display:inline-flex;align-items:center;gap:6px;color:#e5e5e5;transition:color .2s}
.rodape ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.rod-base{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:56px;padding:24px 0 32px;border-top:1px solid #3a3a3a;font-size:14px;color:#9a9a9a}
.topo-link{display:inline-flex;align-items:center;gap:6px;color:#e5e5e5}
.topo-link:hover{color:#fff}

/* ===== Responsivo ===== */
@media (max-width:960px){
  .case{grid-template-columns:1fr;gap:20px}
  .case-head{position:static}
  .rod-grid{grid-template-columns:1fr 1fr}
  .rod-grid>div:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .hero-ctas{width:100%}
  .hero-ctas .btn{flex:1 1 auto;justify-content:center}
  .sobre-grid{grid-template-columns:1fr}
  .foto{max-width:200px}
  .formacao{grid-template-columns:1fr}
  .peca-car img{height:320px}
  .sec-head-linha{align-items:flex-start;flex-direction:column}
  .cards{grid-template-columns:1fr}
  .card{min-height:0;padding:26px}
  .menu-links{display:none}
  .menu-btn{display:block}
  .menu{gap:8px}
  .btn-nav{padding:11px 14px}
  .pn{grid-template-columns:1fr}
  .pn-next{text-align:left;justify-items:start}
  .ficha div{grid-template-columns:1fr;gap:2px}
  .em-banner{margin:16px 16px 0;padding:22px}.em-body,.em-head{padding:16px}
  .em-row{grid-template-columns:60px 1fr}
  .legenda{padding:20px}
}
@media (max-width:480px){
  .btn-nav span{display:none}
  .mm-links a{font-size:34px}
  .rod-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .trilho{animation:none}.pausa{display:none}.carrossel{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .status i{animation:none}
  *{transition-duration:.01ms!important}
}

/* ===== Publicados (redes sociais) ===== */
.publicados{padding:clamp(48px,6vw,80px) 0;border-bottom:1px solid var(--linha)}
.pub-head{margin-bottom:28px}
.pub-head h2,.cases-t{font-size:clamp(28px,3.4vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1.1}
.pub-head p{color:var(--texto-2);max-width:56ch;margin-top:12px;font-size:17px}
.cases-t{padding-top:clamp(48px,6vw,80px)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px}
.chip{border:1px solid var(--linha);background:#fff;color:inherit;border-radius:999px;padding:9px 16px;font:500 14px var(--fonte);display:inline-flex;gap:8px;align-items:center;transition:background .2s,border-color .2s,color .2s}
.chip span{font-size:12px;color:var(--texto-2)}
.chip:hover{border-color:var(--preto)}
.chip[aria-pressed="true"]{background:var(--preto);color:#fff;border-color:var(--preto)}
.chip[aria-pressed="true"] span{color:#bdbdbd}

.selo{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--preto);color:#fff;border-radius:999px;padding:4px 9px;flex:none}
.ads{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.ad-card{border:1px solid var(--linha);border-radius:var(--raio);padding:20px;display:grid;gap:18px;transition:border-color .2s,background .2s}
.ad-card:hover{border-color:var(--preto);background:var(--superficie)}
.ad-top{display:flex;gap:12px;align-items:center}
.ad-top strong{display:block;font-size:15px}
.ad-top small{color:var(--texto-2);font-size:13px}
.ad-av{width:40px;height:40px;border-radius:50%;background:var(--preto);color:#fff;display:grid;place-items:center;font-weight:600;flex:none}
.ad-n{font-size:28px;font-weight:600;letter-spacing:-.02em}
.ad-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500}


/* ===== Capas na home ===== */
.vit-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.capa{display:block;width:260px;flex:none}
.capa img{width:260px;height:325px;object-fit:cover;border-radius:12px;background:var(--superficie);transition:transform .3s}
.capa:hover img{transform:translateY(-4px)}
.capa-leg{display:block;margin-top:10px;font-size:14px;line-height:1.35;color:var(--texto-2)}
.capa-leg strong{display:block;color:var(--preto);font-weight:600}

/* ===== Posts publicados (imagem + legenda) ===== */
.pps{display:grid;gap:clamp(28px,4vw,48px)}
.pp{display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(28px,4vw,48px);border-bottom:1px solid var(--linha)}
.pp:last-child{border-bottom:0;padding-bottom:0}
.pp[hidden]{display:none}
.pp-midia{position:relative;overflow:hidden;border-radius:14px;background:var(--superficie);aspect-ratio:4/5;outline-offset:4px}
.pp-trilho{display:flex;height:100%;transition:transform .35s ease;touch-action:pan-y}
.pp-trilho img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.pp-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.94);color:var(--preto);display:grid;place-items:center;font-size:17px;box-shadow:0 2px 10px rgba(0,0,0,.18);transition:transform .2s}
.pp-nav:hover{transform:translateY(-50%) scale(1.06)}
.pp-nav[hidden]{display:none}
.pp-prev{left:12px}.pp-next{right:12px}
.pp-cont{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.6);color:#fff;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px}
.pp-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:6px}
.pp-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 0 0 1px rgba(0,0,0,.08);transition:background .2s,transform .2s}
.pp-dots i.on{background:#fff;transform:scale(1.25)}
.pp-txt{min-width:0;display:flex;flex-direction:column}
.pp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid var(--linha)}
.pp-cli{font-size:clamp(20px,2vw,24px);font-weight:600;letter-spacing:-.01em;line-height:1.25}
.pp-fmt{color:var(--texto-2);font-size:15px;margin-top:2px}
.selo{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--preto);color:#fff;border-radius:999px;padding:4px 9px;flex:none}
.pp-leg{font-size:16px;line-height:1.65;max-width:62ch;max-height:19.8em;overflow:hidden;position:relative}
.pp-leg p+p{margin-top:14px}
.pp-tags{color:var(--texto-2);font-size:14px}
.pp:not(.aberta) .pp-leg::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3.5em;background:linear-gradient(rgba(255,255,255,0),#fff);pointer-events:none;opacity:var(--fade,1)}
.pp.aberta .pp-leg{max-height:none}
.pp.curta .pp-leg::after{display:none}
.pp-mais{align-self:flex-start;margin-top:12px;background:none;border:0;padding:0;font:600 15px var(--fonte);color:var(--preto);border-bottom:1px solid currentColor}
.pp-mais[hidden]{display:none}
.pp-mais .m2,.pp.aberta .pp-mais .m1{display:none}.pp.aberta .pp-mais .m2{display:inline}
.pp-link{display:inline-flex;align-items:center;gap:6px;margin-top:24px;font-size:14px;color:var(--texto-2);align-self:flex-start}
.pp-link:hover{color:var(--preto)}
@media (max-width:760px){
  .pp{grid-template-columns:1fr;gap:18px}
  .pp-leg{max-height:13.2em}
}

/* anúncios com imagem (performance) */
.ads{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.ad-card{padding:0;overflow:hidden;gap:0}
.ad-card img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;background:var(--superficie)}
.ad-info{display:grid;padding:14px 16px 4px;font-size:14px;color:var(--texto-2)}
.ad-info strong{color:var(--preto);font-size:15px}
.ad-card .ad-link{padding:4px 16px 16px}

@media (max-width:760px){
  .capa,.capa img{width:200px}.capa img{height:250px}
  .pgrid{grid-template-columns:1fr 1fr;gap:22px 12px}
  .lb{max-width:100vw;max-height:100dvh;height:100dvh;margin:0}
  .lb-in{grid-template-columns:1fr;border-radius:0;height:100%;max-height:none;overflow-y:auto;align-content:start}
  .lb-midia{max-height:none}
  .lb-info{padding:22px 20px 32px;overflow:visible}
  .lb-nav{width:38px;height:38px}
  .lb-fechar{position:fixed;background:rgba(255,255,255,.92);z-index:2}
}
@media (max-width:760px){
  .chips{flex-wrap:nowrap;overflow-x:auto;margin-left:calc(var(--pad)*-1);margin-right:calc(var(--pad)*-1);padding:0 var(--pad) 4px;scrollbar-width:none}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
}

.publicados,.pp,.case,#trabalhos,#sobre,#contato{scroll-margin-top:88px}

/* ===== Artigos publicados ===== */
.artigos-lista{padding-bottom:clamp(40px,5vw,64px)}
.art-resumo{display:flex;gap:clamp(24px,5vw,64px);flex-wrap:wrap;padding:28px 0;border-bottom:1px solid var(--linha);color:var(--texto-2);font-size:15px}
.art-resumo strong{display:block;font-size:clamp(28px,3vw,40px);font-weight:600;color:var(--preto);letter-spacing:-.02em;line-height:1.1}
.art{position:relative;display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,2.6fr) auto;gap:clamp(20px,4vw,56px);align-items:start;padding:clamp(32px,4vw,48px) 0;border-bottom:1px solid var(--linha);transition:background .25s}
.art-cli{font-weight:600;font-size:15px}
.art-seg{font-size:14px;color:var(--texto-2);margin-top:2px}
.art-info{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--texto-2);margin-bottom:10px}
.art-t{font-size:clamp(22px,2.4vw,32px);font-weight:600;line-height:1.2;letter-spacing:-.015em;max-width:30ch}
.art-t a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .35s}
.art:hover .art-t a{background-size:100% 1px}
.art-t a::after{content:"";position:absolute;inset:0}
.art-res{color:var(--texto-2);font-size:17px;line-height:1.6;max-width:60ch;margin-top:14px}
.art-tipo{display:inline-block;margin-top:18px;background:var(--superficie);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}
.art-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--linha);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.art:hover .art-link{background:var(--preto);color:#fff;border-color:var(--preto)}
@media (max-width:860px){
  .art{grid-template-columns:1fr;gap:12px}
  .art-meta{display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
  .art-seg{margin:0}.art-seg::before{content:"· "}
  .art-link{justify-self:start;margin-top:6px}
}