/* ==========================================================================
   ADVANTAX · SITE INSTITUCIONAL · style.css
   Conceito: "papel de trabalho" contábil (margem vermelha de caderno,
   conta T, ticks de conferência, totais com linha dupla, lápis vermelho).

   PALETA OFICIAL (valores exatos)
   --ink       Pantone 296 C   #101820  azul escuro  (fundos e textos)
   --graphite  Pantone 7545 C  #2B3338  cinza escuro (textos secundários / rodapé)
   --paper     Pantone 7541 C  #D8DFE1  cinza claro azulado (fundos claros)
   --steel     Pantone 429 C   #9CA8AD  cinza médio
   --red       Pantone 7625 C  #E0523C  vermelho — SÓ destaque (botões, marcas, detalhes)

   Contraste verificado (WCAG): ink/paper 13,3:1 · graphite/paper 9,5:1 ·
   paper/ink 13,3:1 · steel/ink 7,3:1 · ink/steel 7,3:1 · ink sobre red 4,6:1 ·
   red sobre ink 4,6:1. Vermelho NUNCA é usado como cor de texto pequeno sobre fundo claro.
   ========================================================================== */

/* ---------- Fontes locais (sem CDN) ---------- */
@font-face{font-family:"Bricolage Grotesque";src:url("../fonts/bricolage.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url("../fonts/instrument-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("../fonts/dm-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"DM Mono";src:url("../fonts/dm-mono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --ink:#101820; --graphite:#2B3338; --paper:#D8DFE1; --steel:#9CA8AD; --red:#E0523C;
  --sheet:color-mix(in srgb,#D8DFE1 45%,#fff);      /* folha clara (tinta da paleta) usada em cartões */
  --f-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --f-body:"Instrument Sans","Segoe UI",system-ui,sans-serif;
  --f-mono:"DM Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;
  --gutter:clamp(22px,5.5vw,84px);
  --max:1320px;
  --head:68px;
  --ease:cubic-bezier(.2,.8,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 8px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3,h4,h5,p,ul,ol,dl,dd,figure,blockquote{margin:0}
ul,ol{padding:0;list-style:none}
em{font-style:normal}
:focus-visible{outline:3px solid var(--red);outline-offset:3px;border-radius:2px}
.sec--paper :focus-visible,.sec--steel :focus-visible,.top :focus-visible,.form :focus-visible,.rail :focus-visible{outline-color:var(--ink)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:4px;transition:top .2s}
.skip:focus{top:12px}
.mono{font-family:var(--f-mono);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}
.ico{width:1.25em;height:1.25em;flex:none}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95em 1.7em;border-radius:999px;border:2px solid transparent;font-family:var(--f-body);font-weight:600;font-size:1rem;line-height:1;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),background .2s,color .2s,border-color .2s}
.btn:hover{transform:translateY(-2px)}
.btn--red{background:var(--red);color:var(--ink)}
.btn--red:hover{background:#ec6a54}
.btn--ghost{border-color:var(--steel);color:var(--paper)}
.btn--ghost:hover{border-color:var(--paper)}
.btn--ink{background:var(--ink);color:var(--paper)}
.btn--ink:hover{background:var(--graphite)}
.btn--sm{padding:.7em 1.15em;font-size:.92rem}
.btn--block{width:100%}

/* ---------- Cabeçalho ---------- */
.top{position:fixed;inset:0 0 auto 0;z-index:50;height:var(--head);background:var(--paper);border-bottom:1px solid rgba(16,24,32,.18)}
.top-in{height:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;gap:24px}
.brand{display:block;flex:none;padding:6px 0}
.brand img{height:46px;width:auto}   /* só a altura é fixada: o logo nunca é distorcido */
.nav{display:flex;gap:clamp(14px,1.8vw,28px);margin-left:auto;white-space:nowrap}
.nav a{font-size:.95rem;font-weight:500;text-decoration:none;padding:6px 0;background:linear-gradient(var(--red),var(--red)) 0 100%/0 2px no-repeat;transition:background-size .3s var(--ease)}
.nav a:hover,.nav a.on{background-size:100% 2px}
.top-wa{flex:none}
.burger{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;position:relative;margin-left:auto}
.burger span{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .3s var(--ease),top .3s var(--ease)}
.burger span:first-child{top:17px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{top:21px;transform:rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{top:21px;transform:rotate(-45deg)}

/* ---------- Índice lateral (desktop largo) ---------- */
.rail{position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:40;display:none}
.rail ol{background:var(--paper);border:1px solid rgba(16,24,32,.25);border-radius:999px;padding:8px 6px;display:grid;gap:2px}
.rail a{display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:999px;padding:4px;font-family:var(--f-mono);font-size:.72rem;color:var(--graphite)}
.rail b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:500}
.rail li{position:relative}
.rail span{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);white-space:nowrap;opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:6px 10px 5px;border-radius:2px;transition:opacity .2s}
.rail a:hover span,.rail a:focus-visible span{opacity:1}
.rail a.on b{background:var(--red);color:var(--ink)}
.rail a:hover b{background:var(--ink);color:var(--paper)}
@media (min-width:1500px){.rail{display:block}}

/* ---------- Margem de caderno + seções ---------- */
.sec{position:relative;padding-block:clamp(72px,10vw,150px)}
.sec--paper{background:var(--paper);color:var(--ink)}
.sec--ink{background:var(--ink);color:var(--paper)}
.sec--steel{background:var(--steel);color:var(--ink)}
.ledger{position:relative}
.ledger::before{content:"";position:absolute;top:0;bottom:0;left:calc(var(--gutter) - 20px);width:5px;border-left:1px solid var(--red);border-right:1px solid var(--red);opacity:.85;pointer-events:none}
.ledger--dark::before{opacity:.6}
.sec--steel.ledger::before{opacity:.9}
@media (max-width:640px){.ledger::before{left:9px;width:4px}}

/* Cabeçalho de folha (PT-xx · nome · ———— · folha n de 7) */
.pt-head{display:flex;align-items:center;gap:14px;margin-bottom:clamp(36px,5vw,64px);font-family:var(--f-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.pt-tag{background:var(--red);color:var(--ink);padding:5px 10px 4px;font-weight:500;border-radius:2px}
.pt-name{font:500 .78rem/1 var(--f-mono);letter-spacing:.14em}
.pt-line{flex:1;height:1px;background:currentColor;opacity:.28}
.pt-ref{opacity:.75}
.sec--steel .pt-ref{opacity:1}

.display{font-family:var(--f-display);font-weight:700;font-size:clamp(2.05rem,4.7vw,4.2rem);line-height:1.04;letter-spacing:-.028em;text-wrap:balance;max-width:20ch}
.display--light{color:var(--paper)}
.display em{background:linear-gradient(transparent 66%,rgba(224,82,60,.42) 66% 92%,transparent 92%);padding-inline:.04em}
.display--light em{background:linear-gradient(transparent 66%,rgba(224,82,60,.5) 66% 92%,transparent 92%)}
.sec-sub{margin-top:22px;max-width:56ch;font-size:1.1rem;color:var(--graphite)}
.sec--ink .sec-sub{color:var(--steel)}
.sec--steel .sec-sub{color:var(--ink)}

/* ---------- Reveal ---------- */
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.js .reveal.in{opacity:1;transform:none}

/* ---------- HERO ---------- */
.hero{position:relative;background:var(--ink);color:var(--paper);padding-top:calc(var(--head) + clamp(36px,6vw,84px));padding-bottom:clamp(40px,6vw,80px);overflow:hidden;
  background-image:repeating-linear-gradient(to bottom,transparent 0 55px,rgba(156,168,173,.09) 55px 56px)}
.hero-mark{position:absolute;right:-6%;top:6%;width:min(58vw,820px);fill:none;stroke:var(--graphite);stroke-width:2;opacity:.55;pointer-events:none;will-change:transform}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:clamp(24px,3vw,44px);align-items:center}
.tag{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:clamp(22px,3vw,40px)}
.tag-pt{background:var(--red);color:var(--ink);padding:5px 10px 4px;border-radius:2px;font-weight:500}
.hero-title{font-family:var(--f-display);font-weight:800;font-size:clamp(2.7rem,7.2vw,6.9rem);line-height:.98;letter-spacing:-.035em}
.hero-title .row{display:block}
.strike{position:relative;text-decoration:none;color:var(--steel);font-weight:500}
.strike svg{position:absolute;left:-3%;top:34%;width:106%;height:34%;overflow:visible;fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}
.said{position:relative;display:inline-block;color:var(--paper)}
.said svg{position:absolute;left:-7%;top:-14%;width:114%;height:128%;overflow:visible;fill:none;stroke:var(--red);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.strike path,.said path,.hero-pencil path{vector-effect:non-scaling-stroke}
.hero-lead{margin-top:clamp(24px,3vw,40px);max-width:46ch;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5;color:var(--paper)}
.hero-lead strong{font-weight:600;border-bottom:2px solid var(--red)}
.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:clamp(28px,3.5vw,44px)}

.hero-fig{position:relative;margin-right:-110px}
.hero-photo{position:relative;aspect-ratio:4/3;border:1px solid var(--steel);background:var(--graphite)}
.hero-photo::before{content:"";position:absolute;inset:16px -16px -16px 16px;border:1px solid var(--red);z-index:0;opacity:.8}
.hero-photo img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}
.hero-pencil{position:absolute;z-index:2;inset:0;width:100%;height:100%;fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.hero-fig figcaption{margin-top:18px;font-size:.88rem;color:var(--steel);display:flex;gap:10px;align-items:center}
.hero-fig figcaption em{color:var(--paper)}
.tickmark{width:9px;height:16px;border:solid var(--red);border-width:0 3px 3px 0;transform:rotate(40deg) translateY(-3px)}

/* Totais com linha dupla (balancete) */
.totals{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,44px);margin-top:clamp(52px,8vw,110px);position:relative}
.totals dt{font-family:var(--f-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}
.totals .dbl{font-family:var(--f-display);font-weight:700;font-size:clamp(1.6rem,3vw,2.7rem);line-height:1.1;padding-bottom:10px;border-bottom:5px double var(--steel);letter-spacing:-.02em}
.totals .nw{white-space:nowrap}
.totals .note{margin-top:12px;font-size:.9rem;line-height:1.45;color:var(--steel)}

/* ---------- PT-01 Apresentação ---------- */
.intro-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,4vw,64px);align-items:end}
.intro-lead{grid-column:1/8}
.intro-text{grid-column:8/13;font-size:1.12rem;display:grid;gap:1.1em}
.intro-text strong{font-weight:600;background:linear-gradient(transparent 62%,rgba(224,82,60,.4) 62%)}
.checks{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(52px,8vw,110px);border-top:2px solid var(--ink)}
.checks li{display:flex;gap:16px;padding:26px 24px 8px 0;border-right:1px solid rgba(16,24,32,.2);padding-left:24px}
.checks li:first-child{padding-left:0}
.checks li:last-child{border-right:0}
.checks h4{font-family:var(--f-display);font-size:1.3rem;line-height:1.15;letter-spacing:-.01em;margin-bottom:8px}
.checks p{font-size:.98rem;color:var(--graphite)}
.check{position:relative;flex:none;width:26px;height:26px;border:2px solid var(--ink);margin-top:2px}
.check::after{content:"";position:absolute;left:5px;top:-9px;width:11px;height:22px;border:solid var(--red);border-width:0 5px 5px 0;transform:rotate(38deg) scale(0);transform-origin:80% 90%;transition:transform .55s .25s var(--ease)}
.checks li.in .check::after,html:not(.js) .check::after{transform:rotate(38deg) scale(1)}

/* ---------- PT-02 Serviços (conta T) ---------- */
.svc{display:grid;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:clamp(24px,4vw,64px);margin-top:clamp(36px,5vw,64px);align-items:start}
.svc-tabs{display:grid;border-top:1px solid rgba(156,168,173,.35)}
.svc-tabs button{display:grid;grid-template-columns:34px 1fr;align-items:baseline;text-align:left;background:none;border:0;border-bottom:1px solid rgba(156,168,173,.35);padding:20px 8px 20px 0;color:var(--steel);cursor:pointer;position:relative;transition:color .25s,padding .3s var(--ease)}
.svc-tabs button i{font:500 .72rem/1 var(--f-mono);font-style:normal;letter-spacing:.08em}
.svc-tabs button span{font-family:var(--f-display);font-weight:600;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.15;letter-spacing:-.01em}
.svc-tabs button::before{content:"";position:absolute;left:-16px;top:-1px;bottom:-1px;width:4px;background:var(--red);transform:scaleY(0);transition:transform .35s var(--ease)}
.svc-tabs button:hover{color:var(--paper)}
.svc-tabs button[aria-selected="true"]{color:var(--paper);padding-left:10px}
.svc-tabs button[aria-selected="true"]::before{transform:scaleY(1)}

.tacct{position:relative;background:var(--sheet);color:var(--ink);padding:clamp(26px,3.4vw,48px);clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%);animation:sheet-in .6s var(--ease)}
.tacct::after{content:"";position:absolute;top:0;right:0;width:44px;height:44px;background:var(--steel);clip-path:polygon(0 0,0 100%,100% 100%)}
.tacct[hidden]{display:none}
@keyframes sheet-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.tacct h4{font-family:var(--f-display);font-weight:700;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.05;letter-spacing:-.025em;padding-right:44px}
.tacct-intro{margin-top:14px;max-width:58ch;color:var(--graphite);font-size:1.06rem}
.tacct-t{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(24px,3vw,38px);border-top:4px solid var(--ink)}
.tacct-col{padding:22px 24px 8px 0}
.tacct-col + .tacct-col{padding:22px 0 8px 28px;border-left:4px solid var(--ink)}
.tacct-col h5{font:500 .74rem/1 var(--f-mono);letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;color:var(--graphite)}
.tacct-col ul{display:grid;gap:14px}
.tacct-col li{position:relative;padding-left:28px;line-height:1.4}
.tacct-col li::before{content:"";position:absolute;left:0;top:.3em;width:14px;height:14px;border:2px solid var(--graphite);border-radius:50%}
.tacct-col ul.ok li::before{border:solid var(--red);border-width:0 4px 4px 0;border-radius:0;width:8px;height:15px;top:.15em;left:3px;transform:rotate(40deg)}
.tacct-cta{display:inline-flex;gap:10px;margin-top:26px;font-weight:600;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px}
.tacct-cta:hover{border-color:var(--red)}
.also{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:clamp(40px,5vw,64px);color:var(--steel)}
.chip{border:1px solid var(--steel);color:var(--paper);padding:7px 14px 6px;font:500 .78rem/1.2 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:2px}

/* ---------- PT-03 Políticas ---------- */
.pillars{display:flex;gap:12px;height:clamp(400px,46vw,480px);margin-top:clamp(36px,5vw,64px)}
.pillar{display:flex;flex:0 0 92px;overflow:hidden;transition:flex-grow .7s var(--ease);border-radius:46px}
.pillar.is-open{flex:1 1 92px}
.pillar-tab{flex:none;width:92px;height:100%;border:0;border-radius:46px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0 26px;background:var(--steel);color:var(--ink);transition:filter .25s,transform .3s var(--ease)}
.pillar-tab:hover{filter:brightness(1.07)}
.pillar-tab i{font:500 .78rem/1 var(--f-mono);font-style:normal;letter-spacing:.06em}
.pillar-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-family:var(--f-display);font-weight:600;font-size:1.5rem;line-height:1;letter-spacing:.01em;white-space:nowrap}
.pillar[data-tone="red"] .pillar-tab{background:var(--red);color:var(--ink)}
.pillar[data-tone="ink"] .pillar-tab{background:var(--ink);color:var(--paper)}
.pillar[data-tone="steel"] .pillar-tab{background:var(--steel);color:var(--ink)}
.pillar-body{flex:1;min-width:360px;display:flex;align-items:center;padding:0 clamp(16px,3vw,40px) 0 clamp(18px,3vw,36px);opacity:0;visibility:hidden;transition:opacity .4s,visibility 0s .4s}
.pillar.is-open .pillar-body{opacity:1;visibility:visible;transition:opacity .6s .25s,visibility 0s}
.pillar-body p{font-family:var(--f-display);font-weight:600;font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.2;letter-spacing:.012em;text-transform:uppercase;text-wrap:balance}

.mural{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center;margin-top:clamp(64px,9vw,130px)}
.mural-fig{position:relative}
.mural-fig::before{content:"";position:absolute;inset:14px -14px -14px 14px;border:2px solid var(--ink)}
.mural-fig img{position:relative;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:center}
.mural-q{font-family:var(--f-display);line-height:1.02;letter-spacing:-.03em;font-size:clamp(2rem,4.6vw,4.1rem)}
.mural-q p{font-weight:300}
.mural-q span{font-weight:800;display:block;width:fit-content;text-transform:uppercase}
.mural-q p + p{margin-top:.35em}
.mural-q p:last-child span{font-weight:800;color:var(--ink);background:linear-gradient(transparent 70%,rgba(224,82,60,.5) 70%)}

/* Rotação automática das pílulas */
.auto-ctl{display:flex;align-items:center;gap:18px;margin-top:22px}
.auto-btn{display:inline-flex;align-items:center;gap:10px;background:none;border:1.5px solid var(--ink);color:var(--ink);border-radius:999px;padding:8px 16px 7px;font:500 .74rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.auto-btn:hover{background:var(--ink);color:var(--paper)}
.auto-ico{width:10px;height:12px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.auto-btn[aria-pressed="true"] .auto-ico{width:0;height:0;border:0;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent currentColor}
.auto-track{flex:1;height:2px;background:rgba(16,24,32,.2);overflow:hidden;max-width:420px}
.auto-bar{display:block;height:100%;width:0;background:var(--ink)}
.auto-bar.run{animation:autobar var(--auto-ms,6500ms) linear forwards}
@keyframes autobar{from{width:0}to{width:100%}}
@media (max-width:860px){.auto-ctl{display:none}}

/* nuvem de palavras (mural "Cliente") */
.cloud-band{background:var(--ink);color:var(--paper);margin-top:clamp(64px,9vw,130px);padding-block:clamp(56px,8vw,110px)}
.cloud-head{margin-bottom:clamp(28px,4vw,56px)}
.cloud-head .sec-sub{color:var(--steel)}
.cloud{display:block;width:100%;max-width:980px;height:auto;margin-inline:auto}

/* ---------- PT-04 Quem somos ---------- */
.who{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,7vw,110px);align-items:center}
.who-photos{position:relative;padding-bottom:70px;padding-right:clamp(0px,6vw,70px)}
.who-main{position:relative;z-index:1}
.who-main::before{content:"";position:absolute;inset:20px -20px -20px 20px;border:2px solid var(--ink);z-index:-1}
.who-main img{width:100%;aspect-ratio:5/6;object-fit:cover;object-position:50% 12%;background:var(--graphite)}
.who-stamp{position:absolute;left:-16px;bottom:34px;background:var(--paper);color:var(--ink);border:3px solid var(--red);padding:10px 14px 8px;font:500 .74rem/1.25 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;transform:rotate(-7deg);text-align:center}
.who-inset{position:absolute;z-index:2;right:0;bottom:0;width:min(44%,230px);background:var(--paper);padding:8px 8px 30px;transform:rotate(3deg);box-shadow:0 14px 30px rgba(16,24,32,.35)}
.who-inset img{width:100%;aspect-ratio:3/4;object-fit:cover}
.who-inset figcaption{position:absolute;left:8px;right:8px;bottom:6px;font-size:.62rem;line-height:1.2;text-align:center;letter-spacing:.04em}
.kicker{margin-bottom:12px;color:var(--graphite)}
.who-text .display{max-width:12ch}
.who-text .lead{margin-top:26px;font-size:clamp(1.2rem,1.7vw,1.45rem);line-height:1.45;font-weight:500}
.who-text p:not(.lead):not(.kicker){margin-top:16px;max-width:56ch}
.sheet{margin:32px 0;border-top:2px solid var(--ink)}
.sheet div{display:grid;grid-template-columns:150px 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed rgba(16,24,32,.45)}
.sheet dt{font:500 .72rem/1.6 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite)}
.sheet dd{font-weight:600}

/* ---------- PT-05 Equipe (carrossel) ---------- */
.team{position:relative;z-index:1;margin-top:clamp(36px,5vw,64px);--pad:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)))}
.team-track{display:flex;gap:clamp(14px,2vw,26px);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--pad) 44px;scroll-padding-inline:var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}
.team-track::-webkit-scrollbar{display:none}
.team-track:focus-visible{outline:3px solid var(--ink);outline-offset:-3px}
.tm{flex:0 0 clamp(200px,20vw,280px);scroll-snap-align:start}
.tm:nth-child(even){margin-top:38px}
.tm figure{transition:transform .5s var(--ease)}
.tm:hover figure{transform:translateY(-6px)}
.tm img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--steel);display:block}
.tm figcaption{display:grid;gap:2px;margin-top:12px;padding-top:10px;border-top:3px solid var(--ink)}
.tm figcaption .mono{color:var(--graphite);font-size:.7rem}
.tm-name{font-family:var(--f-display);font-weight:700;font-size:1.15rem;line-height:1.15;letter-spacing:-.01em}
.tm-name:empty::before{content:"Equipe Advantax"}
.tm-role{font-size:.92rem;color:var(--graphite)}
.tm-role:empty{display:none}
.team-ctl{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.team-btn{width:50px;height:50px;border-radius:50%;border:1.5px solid var(--ink);background:none;color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .25s var(--ease)}
.team-btn svg{width:22px;height:22px}
.team-btn:hover{background:var(--ink);color:var(--paper);transform:scale(1.06)}
.team-prog{flex:1;min-width:80px;height:3px;background:rgba(16,24,32,.2);margin-inline:8px}
.team-prog span{display:block;height:100%;width:10%;background:var(--ink);transition:width .4s var(--ease)}
.team-count{color:var(--graphite);min-width:9.5ch;font-variant-numeric:tabular-nums}
@media (max-width:620px){.team-prog{order:5;flex-basis:100%;margin:6px 0 0}.team-count{margin-left:auto}}

/* ---------- PT-05 Linha do tempo ---------- */
.tl-wrap{position:relative;margin-top:clamp(40px,6vw,80px)}
.tl-arrow{position:absolute;left:0;top:0;z-index:0;fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;overflow:visible;pointer-events:none}
.tl-arrow #tl-path{stroke-dasharray:1 10}
.tl{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,48px);align-items:start}
.tl-item:nth-child(1){margin-top:clamp(120px,15vw,210px)}
.tl-item:nth-child(2){margin-top:clamp(60px,7.5vw,105px)}
.tl-year{display:block;font-family:var(--f-display);font-weight:800;font-size:clamp(3.2rem,7vw,6.2rem);line-height:.95;letter-spacing:-.045em;color:transparent;-webkit-text-stroke:1.5px var(--paper);margin-bottom:18px}
.tl-item:last-child .tl-year{color:var(--paper);-webkit-text-stroke:0}
.tl-item figure{position:relative;background:var(--paper);padding:8px;box-shadow:0 18px 34px rgba(0,0,0,.45);transform:rotate(-1.6deg);margin-bottom:22px}
.tl-item:nth-child(2) figure{transform:rotate(1.4deg)}
.tl-item:nth-child(3) figure{transform:rotate(-.8deg)}
.tl-item figure::before{content:"";position:absolute;left:50%;top:-12px;width:80px;height:22px;margin-left:-40px;background:var(--steel);opacity:.9;transform:rotate(-2deg)}
.tl-item figure img{width:100%;height:auto}
.tl-item h4{font-family:var(--f-display);font-weight:700;font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.05;letter-spacing:-.02em}
.tl-sub{margin-top:6px;font:500 .74rem/1.4 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--steel)}
.tl-item p:not(.tl-sub){margin-top:14px;color:var(--paper);max-width:40ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.chips li{border:1px solid var(--steel);padding:6px 12px 5px;font:500 .74rem/1.2 var(--f-mono);letter-spacing:.05em;text-transform:uppercase;border-radius:2px}

/* ---------- PT-06 Estrutura ---------- */
.est-head{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,4vw,60px);align-items:end}
.est-head .display{grid-column:1/8}
.est-head .sec-sub{grid-column:8/13;margin:0}
.gal-wrap{margin-top:clamp(36px,5vw,64px)}
.gal-track{--gh:clamp(230px,30vw,420px);align-items:flex-start}
.gal-track .g{flex:0 0 auto;scroll-snap-align:start}
.gal-track .g:nth-child(even){margin-top:38px}
.g{margin:0}
.g-btn{all:unset;display:block;position:relative;overflow:hidden;cursor:zoom-in;width:100%;background:var(--graphite)}
.g-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.g-btn img{display:block;height:var(--gh);width:auto;max-width:none;transition:transform .8s var(--ease)}
.g-btn:hover img{transform:scale(1.04)}
.g-btn::after{content:"";position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 34px 34px;border-color:transparent transparent var(--red) transparent;transition:border-width .3s var(--ease)}
.g-btn:hover::after{border-width:0 0 56px 56px}
.g figcaption{min-width:100%;width:0;display:flex;gap:10px;align-items:baseline;margin-top:10px;font-size:.9rem;color:var(--graphite)}

/* ---------- PT-07 Contato ---------- */
.contact{padding-bottom:clamp(72px,9vw,130px)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(32px,6vw,96px);align-items:start}
.contact .display{max-width:none;font-size:clamp(2rem,3.9vw,3.5rem)}
.wa-big{display:flex;align-items:center;gap:18px;margin-top:34px;background:var(--red);color:var(--ink);text-decoration:none;padding:20px 32px 20px 26px;border-radius:999px;width:fit-content;max-width:100%;transition:transform .3s var(--ease),background .2s}
.wa-big:hover{transform:translateY(-3px);background:#ec6a54}
.wa-big .ico{width:42px;height:42px}
.wa-big b{display:block;font-family:var(--f-display);font-size:1.45rem;line-height:1.1;letter-spacing:-.01em}
.wa-big small{display:block;font-size:.88rem;font-weight:500;margin-top:3px}
.contact-list{margin-top:44px;display:grid;border-top:1px solid rgba(156,168,173,.35)}
.contact-list li{display:grid;grid-template-columns:150px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid rgba(156,168,173,.35);align-items:baseline}
.contact-list .mono{color:var(--steel)}
.contact-list a{text-decoration:none;border-bottom:1px solid var(--steel);width:fit-content}
.contact-list a:hover{border-color:var(--red)}

.form{background:var(--sheet);color:var(--ink);padding:clamp(24px,3.4vw,44px);display:grid;gap:18px;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%);position:relative}
.form::after{content:"";position:absolute;top:0;right:0;width:44px;height:44px;background:var(--steel);clip-path:polygon(0 0,0 100%,100% 100%)}
.form h3{font-family:var(--f-display);font-weight:700;font-size:1.8rem;letter-spacing:-.02em;line-height:1.1}
.field{display:grid;gap:6px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.form label:not(.consent){font:500 .74rem/1.2 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--graphite)}
.form abbr{text-decoration:none}
.form input:not([type=checkbox]),.form select,.form textarea{width:100%;border:0;border-bottom:2px solid var(--graphite);background:rgba(16,24,32,.05);padding:13px 12px;border-radius:2px 2px 0 0;color:var(--ink);transition:border-color .2s,background .2s}
.form textarea{resize:vertical;min-height:110px}
.form input:not([type=checkbox]):focus,.form select:focus,.form textarea:focus{outline:3px solid var(--ink);outline-offset:2px;border-color:var(--red);background:#fff}
.form [aria-invalid="true"]{border-color:var(--red);background:rgba(224,82,60,.1)}
.consent{display:flex;gap:12px;align-items:flex-start;font-size:.88rem;line-height:1.45;color:var(--graphite)}
.consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--ink)}
.form-status{min-height:1.4em;font-size:.95rem;font-weight:600}
.form-status.err{color:#9c2410}
.form-status.ok{color:var(--ink)}

/* ---------- Rodapé ---------- */
.foot{background:var(--graphite);color:var(--paper);padding-block:clamp(36px,5vw,60px)}
.foot-in{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(20px,4vw,56px);align-items:center}
.foot-logo{background:var(--paper);padding:18px 26px;border-radius:6px;width:240px}
.foot-logo img{width:100%;height:auto}
.foot-info{font-size:.95rem;line-height:1.6;display:grid;gap:10px}
.foot-small{font-size:.85rem;color:var(--steel);text-align:right;line-height:1.6}

/* ---------- Lightbox ---------- */
.light{border:0;padding:0;background:transparent;max-width:94vw;max-height:94vh;color:var(--paper);overflow:visible}
.light::backdrop{background:rgba(16,24,32,.92)}
.light img{max-width:92vw;max-height:80vh;width:auto;height:auto;margin-inline:auto;background:var(--graphite)}
.light p{text-align:center;margin-top:14px}
.light-x{position:absolute;right:-6px;top:-52px;width:44px;height:44px;border-radius:50%;border:2px solid var(--paper);background:var(--ink);color:var(--paper);font-size:1.6rem;line-height:1;cursor:pointer}
.light-x:focus-visible{outline-color:var(--red)}

/* ---------- Animações de desenho (lápis vermelho) ---------- */
.js .draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s var(--ease)}
.js .drawn .draw{stroke-dashoffset:0}
.js .hero .strike .draw{transition-delay:.9s}
.js .hero .said .draw{transition-delay:1.5s;transition-duration:1.4s}
.js .hero .hero-pencil .draw{transition-delay:2.2s;transition-duration:1.4s}
.js .tl-arrow{clip-path:inset(-30px 100% -30px -10px);transition:clip-path 2.6s .2s cubic-bezier(.5,.1,.3,1)}
.js .drawn .tl-arrow{clip-path:inset(-30px -30px -30px -10px)}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1260px){
  .nav{display:none}
  .burger{display:block}
  .top-wa{margin-left:auto}
  .burger{margin-left:0}
  .nav.open{display:grid;position:fixed;inset:var(--head) 0 auto 0;background:var(--paper);padding:14px var(--gutter) 26px;border-bottom:1px solid rgba(16,24,32,.25);gap:2px;margin:0;box-shadow:0 24px 40px rgba(16,24,32,.25)}
  .nav.open a{font-family:var(--f-display);font-size:1.6rem;font-weight:600;padding:12px 0;border-bottom:1px solid rgba(16,24,32,.15);background:none}
  .checks{grid-template-columns:1fr 1fr}
  .checks li{padding:26px 24px 20px 0;border-right:0;border-bottom:1px solid rgba(16,24,32,.2);padding-left:0}
  .checks li:nth-child(odd){border-right:1px solid rgba(16,24,32,.2);padding-right:24px}
  .checks li:nth-child(even){padding-left:24px}
}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr}
  .hero-fig{margin-right:0;max-width:620px;margin-top:20px}
  .totals{grid-template-columns:1fr 1fr;row-gap:30px}
  .intro-lead,.intro-text{grid-column:1/-1}
  .svc{grid-template-columns:1fr}
  .svc-tabs{display:flex;overflow-x:auto;border-top:0;gap:8px;padding:0 0 10px;scroll-snap-type:x proximity;scrollbar-width:thin}
  .svc-tabs button{flex:none;grid-template-columns:auto auto;gap:8px;border:1px solid var(--steel);border-radius:999px;padding:12px 18px;scroll-snap-align:start}
  .svc-tabs button::before{display:none}
  .svc-tabs button[aria-selected="true"]{background:var(--paper);color:var(--ink);border-color:var(--paper);padding-left:18px}
  .svc-tabs button span{font-size:1rem;white-space:nowrap}
  .mural{grid-template-columns:1fr}
  .who{grid-template-columns:1fr}
  .who-photos{max-width:520px}
  .est-head .display,.est-head .sec-sub{grid-column:1/-1}
  .contact-grid{grid-template-columns:1fr}
  .foot-in{grid-template-columns:1fr}
  .foot-small{text-align:left}
}
@media (max-width:860px){
  /* Políticas: vira acordeão vertical */
  .pillars{flex-direction:column;height:auto;gap:10px}
  .pillar{flex:none;flex-direction:column;border-radius:0;overflow:visible;transition:none}
  .pillar.is-open{flex:none}
  .pillar-tab{width:100%;height:64px;flex-direction:row;padding:0 26px;border-radius:32px;justify-content:flex-start;gap:16px}
  .pillar-tab span{writing-mode:horizontal-tb;transform:none;font-size:1.25rem;white-space:normal;line-height:1.1;text-align:left}
  .pillar-tab{min-height:64px;height:auto;padding-block:10px}
  .pillar-body{min-width:0;max-height:0;overflow:hidden;padding:0 8px;opacity:1;visibility:hidden;transition:max-height .5s var(--ease),visibility 0s .5s}
  .pillar.is-open .pillar-body{max-height:260px;visibility:visible;padding:22px 8px 12px;transition:max-height .5s var(--ease),visibility 0s}
  .pillar-body p{font-size:1.45rem}

  /* Linha do tempo: vertical */
  .tl-arrow{display:none}
  .tl{grid-template-columns:1fr;gap:56px;padding-left:22px;border-left:2px solid var(--red)}
  .tl-item:nth-child(n){margin-top:0}
  .tl-item{position:relative;background:none}
  .tl-item::before{content:"";position:absolute;left:-32px;top:22px;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--red)}
  .tl-item figure{max-width:420px}
  .tl-item p:not(.tl-sub){max-width:none}


  /* Nuvem de palavras: vira lista fluida */
}
@media (max-width:620px){
  .top-wa span{display:none}
  .top-wa{padding:.7em .8em}
  .brand img{height:38px}
  .checks{grid-template-columns:1fr}
  .checks li,.checks li:nth-child(n){padding:22px 0;border-right:0}
  .tacct-t{grid-template-columns:1fr}
  .tacct-col + .tacct-col{padding:22px 0 8px 0;border-left:0;border-top:4px solid var(--ink);margin-top:18px}
  .tacct-col{padding-right:0}
  .field-row{grid-template-columns:1fr}
  .contact-list li{grid-template-columns:1fr;gap:2px}
  .sheet div{grid-template-columns:1fr;gap:2px}
  .totals .dbl{font-size:1.5rem}
  .hero-title{font-size:clamp(2.5rem,13vw,3.6rem)}
  .wa-big{padding:16px 22px 16px 18px;gap:14px}
  .wa-big .ico{width:34px;height:34px}
  .wa-big b{font-size:1.2rem}
  .who-inset{width:46%}
  .who-photos{padding-right:20px}
  .pt-ref{display:none}
}

/* ---------- Movimento reduzido ---------- */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js .reveal{opacity:1;transform:none}
  .js .draw{stroke-dashoffset:0}
  .js .tl-arrow{clip-path:none}
  .check::after{transform:rotate(38deg) scale(1)!important}
}

/* ---------- Botão flutuante de WhatsApp ---------- */
.wa-float{position:fixed;right:clamp(14px,2.2vw,28px);bottom:clamp(14px,2.2vw,28px);z-index:60;display:flex;align-items:center;gap:0;height:58px;padding:0 16px;border-radius:999px;background:var(--red);color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem;box-shadow:0 6px 22px rgba(16,24,32,.38);transition:transform .3s var(--ease),background .2s,gap .3s var(--ease)}
.wa-float svg{width:30px;height:30px;flex:none}
.wa-float-txt{max-width:0;overflow:hidden;white-space:nowrap;transition:max-width .35s var(--ease)}
.wa-float:hover,.wa-float:focus-visible{background:#ec6a54;transform:translateY(-3px);gap:10px}
.wa-float:hover .wa-float-txt,.wa-float:focus-visible .wa-float-txt{max-width:11em}
.wa-float:focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 6px var(--ink),0 6px 22px rgba(16,24,32,.38)}
.wa-float::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid var(--red);animation:wapulse 2.6s ease-out infinite;pointer-events:none}
@keyframes wapulse{0%{transform:scale(1);opacity:.7}70%,100%{transform:scale(1.35);opacity:0}}
@media (prefers-reduced-motion:reduce){.wa-float::after{animation:none;display:none}.wa-float{transition:none}}
@media (max-width:620px){.wa-float{height:54px;padding:0 14px}}

/* ---------- Notícias (carrossel da home, lista e artigo) ---------- */
.news-track{align-items:stretch}
.news-wrap .team-ctl{margin-top:4px}
.news-all{margin-left:auto}
@media (max-width:620px){.news-all{margin-left:0;order:6}}
.nw-card{display:flex;flex-direction:column;background:var(--sheet);border-top:3px solid var(--ink);text-decoration:none;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.news-track .nw-card{flex:0 0 clamp(270px,30vw,390px);scroll-snap-align:start}
.nw-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px -18px rgba(16,24,32,.55)}
.nw-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.nw-img{aspect-ratio:16/10;overflow:hidden;background:var(--steel)}
.nw-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.nw-card:hover .nw-img img{transform:scale(1.05)}
.nw-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 20px;flex:1}
.nw-meta{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:var(--graphite);font-size:.7rem}
.nw-tag{background:var(--ink);color:var(--paper);padding:3px 8px 2px;border-radius:2px}
.nw-tag--ex{background:none;color:var(--graphite);border:1px solid var(--graphite)}
.nw-title{font-family:var(--f-display);font-weight:700;font-size:1.3rem;line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.nw-sum{color:var(--graphite);font-size:.97rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nw-more{margin-top:auto;padding-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;width:fit-content;border-bottom:2px solid transparent;transition:border-color .25s,gap .3s var(--ease)}
.nw-more svg{width:18px;height:18px}
.nw-card:hover .nw-more{border-color:var(--red);gap:12px}

/* Página de notícias / artigo */
.page-top{padding-top:calc(var(--head) + clamp(48px,7vw,96px))}
.blog-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:clamp(28px,4vw,48px) 0 clamp(24px,3vw,40px)}
.chip{border:1.5px solid var(--ink);background:none;color:var(--ink);border-radius:999px;padding:.5em 1.1em;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .2s,color .2s}
.chip:hover{background:rgba(16,24,32,.1)}
.chip[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.blog-count{margin-left:auto;color:var(--graphite)}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}
.blog-grid .nw-card.is-feat{grid-column:1/-1;flex-direction:row}
.blog-grid .nw-card.is-feat .nw-img{flex:0 0 56%;aspect-ratio:auto;min-height:340px}
.blog-grid .nw-card.is-feat .nw-body{justify-content:center;padding:clamp(22px,3vw,44px)}
.blog-grid .nw-card.is-feat .nw-title{font-size:clamp(1.7rem,2.8vw,2.5rem)}
.blog-empty{margin-top:24px;color:var(--graphite)}
.blog-hint{margin-top:clamp(40px,6vw,72px);padding:18px 22px;border:1px dashed var(--graphite);color:var(--graphite);font-size:.92rem;max-width:70ch}
@media (max-width:980px){.blog-grid{grid-template-columns:1fr 1fr}.blog-grid .nw-card.is-feat{flex-direction:column}.blog-grid .nw-card.is-feat .nw-img{flex:none;aspect-ratio:16/10;min-height:0}}
@media (max-width:620px){.blog-grid{grid-template-columns:1fr}.blog-count{margin-left:0;flex-basis:100%}}

.post{max-width:760px}
.post-back{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;margin-bottom:28px;border-bottom:2px solid transparent}
.post-back:hover{border-color:var(--red)}
.post-back svg{width:18px;height:18px;transform:rotate(180deg)}
.post-h{max-width:none;font-size:clamp(1.9rem,4vw,3.1rem);margin:16px 0 18px}
.post-lead{font-size:1.25rem;line-height:1.5;color:var(--graphite);max-width:60ch}
.post-cover{margin:30px 0 14px}
.post-cover img{width:100%;aspect-ratio:16/9;object-fit:cover}
.post-note{font-family:var(--f-mono);font-size:.74rem;letter-spacing:.05em;color:var(--graphite);border-left:3px solid var(--red);padding:4px 0 4px 12px;margin:18px 0}
.post-body{font-size:1.12rem;line-height:1.75;margin-top:26px}
.post-body>*+*{margin-top:1.1em}
.post-body h2{font-family:var(--f-display);font-size:1.6rem;line-height:1.2;letter-spacing:-.015em;margin-top:1.8em}
.post-body ul{list-style:none;display:grid;gap:8px}
.post-body li{padding-left:22px;position:relative}
.post-body li::before{content:"";position:absolute;left:0;top:.72em;width:9px;height:2px;background:var(--red)}
.post-body blockquote{font-family:var(--f-display);font-weight:600;font-size:1.5rem;line-height:1.25;border-left:4px solid var(--ink);padding-left:20px;margin-block:1.6em}
.post-cta{margin-top:clamp(40px,6vw,72px);padding:clamp(22px,3vw,34px);background:var(--ink);color:var(--paper);display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;border-radius:4px}
.post-cta p{font-family:var(--f-display);font-weight:700;font-size:1.35rem;line-height:1.2;flex:1 1 280px}
.related{margin-top:clamp(56px,8vw,110px)}
.related h2{font-family:var(--f-display);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.02em;margin-bottom:24px}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px)}
@media (max-width:980px){.related-grid{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.related-grid{grid-template-columns:1fr}}

/* ---------- Vídeos (YouTube) ---------- */
.btn--ghost-ink{border-color:var(--ink);color:var(--ink)}
.btn--ghost-ink:hover{background:rgba(16,24,32,.1)}
.vd-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;background:var(--sheet);border-top:3px solid var(--ink);cursor:pointer;color:var(--ink);transition:transform .4s var(--ease),box-shadow .4s var(--ease)}
.vd-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px -18px rgba(16,24,32,.55)}
.vd-card:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.vd-thumb{position:relative;display:block;aspect-ratio:16/9;background:var(--ink);overflow:hidden}
.vd-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.vd-card:hover .vd-thumb img{transform:scale(1.05)}
.vd-play{position:absolute;inset:0;margin:auto;width:68px;height:68px;border-radius:50%;background:var(--red);color:var(--ink);display:grid;place-items:center;box-shadow:0 6px 20px rgba(16,24,32,.45);transition:transform .3s var(--ease)}
.vd-play svg{width:30px;height:30px;margin-left:3px}
.vd-card:hover .vd-play{transform:scale(1.1)}
.vd-body{display:flex;flex-direction:column;gap:10px;padding:18px 20px 22px}
.vd-title{font-family:var(--f-display);font-weight:700;font-size:1.25rem;line-height:1.18;letter-spacing:-.015em;text-wrap:balance}
#vd-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.2vw,30px);margin-top:clamp(28px,4vw,48px);align-items:start}
#vd-grid .vd-card.is-feat{grid-column:1/-1;flex-direction:row}
#vd-grid .vd-card.is-feat .vd-thumb{flex:0 0 62%}
#vd-grid .vd-card.is-feat .vd-body{justify-content:center;padding:clamp(22px,3vw,44px)}
#vd-grid .vd-card.is-feat .vd-title{font-size:clamp(1.5rem,2.6vw,2.3rem)}
#vd-grid .vd-card.is-feat .vd-play{width:88px;height:88px}
.vd-next{border:1.5px dashed var(--graphite);padding:26px;color:var(--graphite);display:grid;gap:8px;align-content:center;min-height:200px}
.vd-next b{font-family:var(--f-display);font-size:1.2rem;color:var(--ink)}
.vd-bar{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
@media (max-width:980px){#vd-grid{grid-template-columns:1fr 1fr}#vd-grid .vd-card.is-feat{flex-direction:column}#vd-grid .vd-card.is-feat .vd-thumb{flex:none}}
@media (max-width:620px){#vd-grid{grid-template-columns:1fr}}
.vdlg{border:0;padding:0;background:var(--ink);color:var(--paper);width:min(960px,94vw);max-width:none;overflow:visible}
.vdlg::backdrop{background:rgba(16,24,32,.86)}
.vdlg-frame{aspect-ratio:16/9;background:#000}
.vdlg-frame iframe{width:100%;height:100%;border:0;display:block}
.vdlg-foot{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:space-between;padding:14px 18px;font-size:.95rem}
.vdlg-yt{color:var(--paper);font-weight:600}
.vdlg .light-x{position:absolute;right:0;top:-48px}
/* faixa na página inicial */
.yt-strip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);align-items:center;margin-top:clamp(48px,7vw,96px);padding-top:clamp(36px,5vw,64px);border-top:1px solid rgba(16,24,32,.35)}
.yt-h{font-family:var(--f-display);font-weight:700;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.1;letter-spacing:-.02em}
.yt-p{margin-top:12px;max-width:44ch}
.yt-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
@media (max-width:860px){.yt-strip{grid-template-columns:1fr}}

/* ---------- Insights (notícias + vídeos) ---------- */
.seg{display:inline-flex;flex-wrap:wrap;gap:4px;margin-top:clamp(24px,3vw,40px);padding:4px;border:1.5px solid var(--ink);border-radius:999px}
.seg button{border:0;background:none;color:var(--ink);font-weight:600;font-size:1rem;padding:.65em 1.4em;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}
.seg button:hover{background:rgba(16,24,32,.1)}
.seg button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.seg-n{font-family:var(--f-mono);font-size:.72rem;opacity:.75;margin-left:4px}
.ins-block{margin-top:clamp(36px,5vw,64px)}
.ins-block[hidden]{display:none}
.ins-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding-bottom:14px;margin-bottom:18px;border-bottom:1px solid rgba(16,24,32,.35)}
.ins-h{font-family:var(--f-display);font-weight:700;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em}
.ins-head .blog-count{margin-left:0}
.ins-block #vd-grid{margin-top:0}

/* Alvos de toque confortáveis (mínimo ~44px) em celulares e tablets */
@media (pointer:coarse),(max-width:860px){
  .auto-btn{min-height:44px}
  .contact-list a,.foot-info a{display:inline-flex;align-items:center;min-height:44px}
  .nav a{min-height:44px;display:flex;align-items:center}
}
@media (pointer:coarse),(max-width:860px){ .tacct-cta{display:inline-flex;align-items:center;min-height:44px} }