/* Repaginada: tipografia + detalhes (21/10/2026). Carregado DEPOIS de style.css nas 3 páginas.
   Mesmas fontes da marca (Anton / Montserrat / JetBrains Mono); muda a escala e os detalhes.
   Antes havia 14 tamanhos entre 9,5 e 15px; agora cada papel tem um tamanho só:
     micro  12px mono  rótulos de dados, legendas de foto, chips
     label  13px mono  rótulos de seção (eyebrow), números de cartão, títulos do rodapé
     small  14px       notas, rodapé legal, apoio
     texto  15,5px     parágrafos de cartões e listas
     lead   18–21px    abertura de seção
   Para voltar ao visual anterior, basta tirar o <link> deste arquivo das páginas. */

:root{
  --t-micro:12px; --t-label:13px; --t-small:14px; --t-texto:15.5px; --t-lead:clamp(18px,1.5vw,21px);
  --ink-2:#34475D;                      /* texto de apoio mais firme (era #44566B) */
  --on-panel-2:#B6C5D5;                 /* texto de apoio nas faixas escuras (era #9FB2C6) */
}

/* ---------- detalhes de navegador ---------- */
::selection{background:var(--green);color:#001F3E}
html{caret-color:var(--green)}
p,li{text-wrap:pretty}
a{text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}

/* ---------- lead: abertura das seções ---------- */
.lead{font-size:var(--t-lead);line-height:1.55;font-weight:500;max-width:58ch;letter-spacing:-.003em}

/* ---------- rótulos de seção: marca + texto + fio ---------- */
.eyebrow,.sm-eyebrow{font-size:var(--t-label);font-weight:500;letter-spacing:.16em}
.eyebrow::before{width:24px;height:10px}
.eyebrow::after{content:"";flex:0 0 56px;height:1px;background:currentColor;opacity:.35}

/* número dos cartões (01, 02...) vira selo */
.card-n{font-size:var(--t-label);font-weight:500;letter-spacing:.08em;justify-self:start;padding:3px 9px;border-radius:6px;
  background:color-mix(in srgb,var(--green) 12%,transparent);border:1px solid color-mix(in srgb,var(--green) 30%,transparent)}
.neg-n,.pqo dt,.sm-selo{font-size:var(--t-label);font-weight:500}

/* ---------- micro: dados, legendas, chips (eram 10,5–11,5px) ---------- */
.ops-foot,.ops-head,.ops-ic,.org-node small,.st,.bubble b,.hv-tag,.sede-tower .cap small,.sede-facts small,.soma small,.tag-demo,
.sede-mini small,.siga small,.gc-chip small,.rg-chip small,.neg-media .ph,.ph,.spe-col .st,.sm-pilares small,.sm-convite-selo,
.biz-tab .k,.aud small,.pill,.tpl,.sede-ph em,.qr-box span,.vi small,.soma-card small,.op-card small,.chips span,.post-meta,
.car-note,.video-inst-txt small,.foto-breve,.status-chip,.hero-biz,.vitrine-chip,.sm-gal-grade span i{font-size:var(--t-micro);font-weight:500}
.sede-mini small,.siga small,.org-node small,.op-card small,.aud small{color:var(--ink-2)}

/* ---------- small: notas e apoio (eram 12,5–13,5px) ---------- */
.lgpd,footer .bot,.gc-chip span,.rg-chip span,.sede-facts .sf-extra,.forn-nota,.org-kid small,.biz-tab span,.vi span,.sede-tower .cap span{font-size:var(--t-small)}
.forn-nota{color:var(--ink-2)}
.vi em{font-size:var(--t-small);font-weight:700}

/* ---------- texto de cartões e listas (eram 13,5–14,5px) ---------- */
.card p,.val p,.sust-card p,.soma p,.aud p,.tl-i p,.steps li,.sede-mini span,.op-card>span:last-child,.sm-convite-cta p,
.sm-porque span,.sm-pilares span,.car-list li,.jobs li,.spe-col li,.feat li,.sm-convite-formas li,.dlg p{font-size:var(--t-texto);line-height:1.6}
.neg-fatos span{font-size:var(--t-small);font-weight:500}
.tl-i h4{font-size:16.5px}
.sust-card h3{font-size:20px}

/* legenda dos números (anos de história, contratados...) */
.num > span{font-size:15.5px;font-weight:600;line-height:1.4;max-width:22ch}

/* ---------- menu, botões e rodapé ---------- */
.nav ul a{font-size:14.5px;font-weight:600}
.btn{font-weight:700;letter-spacing:.005em}
.btn-sm{font-size:14px}
footer{font-size:15px}
footer h5{font-size:var(--t-label);letter-spacing:.16em;color:var(--green)}
footer ul a{text-decoration:none}
footer ul a:hover{text-decoration:underline;color:var(--on-panel)}

/* texto claro em faixa escura: um passo a mais de peso e respiro */
.val p,.sust-card.hero-c p,.biz-body p,.intra p{line-height:1.68;letter-spacing:.005em}

/* lead em azul-marinho nas faixas claras (as faixas escuras têm regra própria, mais específica) */
.lead{color:color-mix(in srgb,var(--ink) 84%,var(--bg))}
#valores .val p{color:rgba(255,255,255,.86)}

/* Valores: 5 colunas ficavam estreitas demais entre 981 e 1180px */
@media (min-width:981px) and (max-width:1180px){.vals{grid-template-columns:repeat(3,1fr)}}

/* medida de leitura: com o lead maior, 100 caracteres por linha cansava (o ideal é 60–75) */
.sec-head .lead{max-width:min(100%,62ch)}
.ouv p{max-width:min(100%,70ch)}

/* ano das fotos da galeria do SOMA: fundo próprio para não depender da foto */
.sm-gal-grade span i{background:rgba(0,31,62,.62);padding:1px 6px;border-radius:4px}