/* ============================================================
   BASE — reset e tipografia de base. Isto deveria ter sido extraído
   na Sprint 0 junto com tokens.css e não foi — ficou duplicado nas
   3 páginas migradas e ausente em páginas novas (achado ao construir
   o gerador de segmento). Corrigido agora.
   ============================================================ */

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Plus Jakarta Sans', sans-serif; color:var(--chumbo); background:#fff;}
h1,h2,h3{font-family:'Switzer',sans-serif;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1220px; margin:0 auto; padding:0 40px;}

/* ---------- BOTÕES — mesmo achado do reset: só existia dentro de cada
   página, nunca promovido. Versão canônica usa os estados de hover/active
   mais completos encontrados (Gestão de Frotas e Videotelemetria tinham;
   Telemetria não). ---------- */
.actions{display:flex; gap:12px; flex-wrap:wrap;}
.primary{
  background:var(--pink); color:#fff; border:none; padding:15px 22px; border-radius:999px;
  font-weight:600; font-size:15px; display:inline-flex; align-items:center; gap:8px;
  cursor:pointer; font-family:inherit;
  transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s ease, filter .22s ease;
}
.primary:hover{transform:translateY(-2px); box-shadow:0 16px 32px -14px rgba(236,26,94,.55); filter:brightness(1.05);}
.primary:active{transform:translateY(0); filter:brightness(.97);}
.secondary{
  background:rgba(255,255,255,.08); color:#fff; border:none; padding:15px 20px; border-radius:999px;
  font-weight:500; font-size:15px; cursor:pointer; font-family:inherit; display:inline-flex; align-items:center; gap:8px;
  transition:background .22s ease, transform .22s ease;
}
.secondary:hover{background:rgba(255,255,255,.18); transform:translateY(-2px);}
.secondary.on-light{background:rgba(36,36,48,.06); color:var(--chumbo);}

/* ---------- TÍTULOS: escala única e sem palavra sozinha (04/11/2026) ----------
   Aberturas de página usam o mesmo tamanho (52px no computador, 34px no celular).
   A Home fica acima (título mais forte do site); títulos dentro de cenas (segmentos,
   índices de Soluções e Segmentos) mantêm o tamanho da composição.
   text-wrap:balance distribui as palavras entre as linhas e evita a última linha
   com uma palavra só; text-wrap:pretty faz o mesmo em parágrafos. */
h1,h2,h3{text-wrap:balance;}
p,li,dd{text-wrap:pretty;}
:is(.eg-hero-inner,.ct-inner,.fq-inner,.pr-hero-inner,.pp-wrap,.stub-wrap,.sp-hero-inner,.gf-hero-copy,.oq-hero-inner,.ab-hero-inner,.ch-hero-inner) h1{
  font-size:clamp(34px, 3.2vw + 8px, 52px) !important;
  line-height:1.06 !important;
  letter-spacing:-.03em !important;
  font-weight:800 !important;
}
/* telas muito estreitas (≤360px): só quebra palavra que não cabe na linha */
@media (max-width:360px){ h1,h2,h3{overflow-wrap:break-word;} }
/* títulos com quebra forçada: cada frase vira um bloco equilibrado separadamente */
.h-ln{display:block;}