/* ==========================================================================
   MAIS MOTTORISTAS — DESIGN SYSTEM v1
   Arquitetura em 3 camadas:
     1. PRIMITIVOS  valores crus. Nunca use direto em componente.
     2. SEMÂNTICOS  o que o componente consome. Descreve função, não valor.
     3. COMPONENTES classes prontas.
   Trocar a marca inteira = editar a camada 1.
   ========================================================================== */

/* ==========================================================================
   1. PRIMITIVOS
   ========================================================================== */
:root{

/* --- 1.1 Cor: rampa azul (marca = 700) ------------------------------------ */
--azul-50:#EFF3FB;  --azul-100:#DDE4F5; --azul-200:#BAC6EA; --azul-300:#8296D8;
--azul-400:#4260BF; --azul-500:#1A3A9E; --azul-600:#0B2578; --azul-700:#00155D;
--azul-800:#001040; --azul-900:#000B2E;

/* --- 1.2 Cor: rampa laranja (marca = 600) --------------------------------- */
--laranja-50:#FFF3EC;  --laranja-100:#FFE8DC; --laranja-200:#FFD6C0;
--laranja-300:#FFB68F; --laranja-400:#FF9257; --laranja-500:#FF7128;
--laranja-600:#FF5500; --laranja-700:#CF4600; --laranja-800:#A03600;
--laranja-900:#6B2300;

/* --- 1.3 Cor: neutros derivados do azul (matiz 226°) ---------------------- */
--neutro-0:#FFFFFF;  --neutro-50:#F7F8FA;  --neutro-100:#F0F2F7;
--neutro-200:#E2E6EF; --neutro-300:#C4CAD8; --neutro-400:#A3ABBE;
--neutro-500:#7D8599; --neutro-600:#59627A; --neutro-700:#333C52;
--neutro-800:#1C2333; --neutro-900:#0D1220;

/* --- 1.4 Cor: estado (uso restrito à plataforma) -------------------------- */
--verde-50:#E8F5F0;    --verde-600:#0E7C5A;    --verde-800:#0A5740;
--vermelho-50:#FCEDED; --vermelho-600:#C42B2B; --vermelho-800:#8C1D1D;
--ambar-50:#FFF6E5;    --ambar-600:#B06A00;    --ambar-800:#7A4900;

/* --- 1.5 Tipografia: famílias -------------------------------------------- */
--familia-titulo:'Archivo',system-ui,-apple-system,sans-serif;
--familia-texto:'Archivo',system-ui,-apple-system,sans-serif;
--familia-dado:'Azeret Mono',ui-monospace,'SF Mono',monospace;

/* --- 1.6 Tipografia: eixo de largura (Archivo variável) ------------------- */
--larg-condensada:88; --larg-normal:100; --larg-expandida:125;

/* --- 1.7 Tipografia: peso ------------------------------------------------- */
--peso-normal:400; --peso-medio:500; --peso-forte:600; --peso-bold:700;

/* --- 1.8 Tipografia: escala de tamanho -----------------------------------
   Fluida via clamp. Razão ~1.25 no corpo, saltos maiores no display.        */
--tam-2xs:clamp(10px,9.118px + 0.245vw,11px);
--tam-xs:clamp(11px,10.118px + 0.245vw,12px);
--tam-sm:clamp(12px,11.118px + 0.245vw,13px);
--tam-md:clamp(14px,13.118px + 0.245vw,15px);
--tam-base:clamp(15px,14.118px + 0.245vw,16px);
--tam-lg:clamp(16px,14.235px + 0.490vw,18px);
--tam-xl:clamp(19px,1.4vw,21px);
--tam-2xl:clamp(22px,2.2vw,26px);
--tam-3xl:clamp(27px,3.4vw,38px);
--tam-4xl:clamp(34px,4.6vw,52px);
--tam-5xl:clamp(40px,6vw,68px);
--tam-6xl:clamp(46px,8vw,88px);

/* --- 1.9 Tipografia: altura de linha -------------------------------------- */
--altura-solida:1;
--altura-apertada:1.08;
--altura-titulo:1.18;
--altura-curta:1.35;
--altura-media:1.45;
--altura-texto:1.6;
--altura-folgada:1.75;

/* --- 1.10 Tipografia: espaçamento entre letras ---------------------------- */
--letra-2xs:-0.025em;
--letra-xs:-0.018em;
--letra-sm:-0.008em;
--letra-normal:0;
--letra-lg:0.04em;
--letra-xl:0.09em;
--letra-2xl:0.14em;

/* --- 1.11 Tipografia: medida (largura de linha) --------------------------- */
--medida-titulo:16ch;
--medida-lead:54ch;
--medida-texto:68ch;
--medida-larga:80ch;

/* --- 1.12 Espaço: escala base 4px ----------------------------------------- */
--e0:0;      --e1:4px;   --e2:8px;   --e3:12px;  --e4:16px;
--e5:20px;   --e6:24px;  --e7:clamp(24px,16.941px + 1.961vw,32px);  --e8:clamp(28px,17.412px + 2.941vw,40px);  --e9:clamp(32px,17.882px + 3.922vw,48px);
--e10:clamp(40px,18.824px + 5.882vw,64px);  --e11:clamp(48px,19.765px + 7.843vw,80px); --e12:clamp(56px,20.706px + 9.804vw,96px); --e13:clamp(72px,22.588px + 13.725vw,128px); --e14:160px; --e15:200px;

/* --- 1.13 Raio ------------------------------------------------------------ */
--raio-0:0; --raio-xs:4px; --raio-sm:6px; --raio-md:10px;
--raio-lg:14px; --raio-xl:18px; --raio-2xl:24px; --raio-pill:999px;

/* --- 1.14 Borda: espessura ------------------------------------------------ */
--traco-fino:1px; --traco-medio:1.5px; --traco-grosso:2px; --traco-marca:3px;

/* --- 1.15 Sombra ---------------------------------------------------------- */
--sombra-nenhuma:none;
--sombra-sutil:0 1px 2px rgba(13,18,32,.04);
--sombra-card:0 1px 3px rgba(13,18,32,.06),0 1px 2px rgba(13,18,32,.04);
--sombra-elevada:0 4px 12px rgba(13,18,32,.08);
--sombra-flutuante:0 12px 32px rgba(13,18,32,.12);

/* --- 1.16 Movimento ------------------------------------------------------- */
--dur-instante:90ms; --dur-rapido:140ms; --dur-normal:220ms; --dur-lento:380ms;
--ease-saida:cubic-bezier(.2,0,0,1);
--ease-padrao:cubic-bezier(.4,0,.2,1);
--ease-entrada:cubic-bezier(.4,0,1,1);

/* --- 1.17 Camada (z-index) ------------------------------------------------ */
--z-base:0; --z-elevado:10; --z-fixo:100; --z-flutuante:200;
--z-modal:300; --z-aviso:400;

/* --- 1.18 Layout ---------------------------------------------------------- */
--largura-maxima:1120px;
--largura-texto:720px;
--largura-estreita:560px;
--calha:var(--e6);
--margem-lateral:clamp(20px,5vw,40px);
/* Pontos de quebra (referência — CSS var não funciona em @media):
   sm 480px · md 768px · lg 1024px · xl 1280px                              */
}

/* ==========================================================================
   2. SEMÂNTICOS — o que os componentes consomem
   ========================================================================== */
:root{

/* --- 2.1 Texto ------------------------------------------------------------ */
--texto-principal:var(--neutro-900);
--texto-secundario:var(--neutro-600);
--texto-suave:var(--neutro-400);
--texto-desativado:var(--neutro-300);
--texto-marca:var(--azul-700);
--texto-acao:var(--laranja-600);
--texto-inverso:var(--neutro-0);
--texto-inverso-suave:#B9C2DA;
--texto-inverso-fraco:#8E9AB8;

/* --- 2.2 Superfície ------------------------------------------------------- */
--sup-pagina:var(--neutro-50);
--sup-card:var(--neutro-0);
--sup-suave:var(--neutro-100);
--sup-escura:var(--azul-700);
--sup-escura-forte:var(--azul-800);
--sup-acao-fraca:var(--laranja-50);

/* --- 2.3 Borda ------------------------------------------------------------ */
--borda-padrao:var(--neutro-200);
--borda-forte:var(--neutro-300);
--borda-marca:var(--azul-700);
--borda-acao:var(--laranja-600);
--borda-inversa:rgba(255,255,255,.18);

/* --- 2.4 Ação ------------------------------------------------------------- */
--acao-fundo:var(--laranja-600);
--acao-fundo-hover:var(--laranja-700);
--acao-fundo-ativo:var(--laranja-800);
--acao-texto:var(--neutro-0);
--foco-anel:0 0 0 3px var(--laranja-200);
--foco-anel-inverso:0 0 0 3px rgba(255,85,0,.45);

/* --- 2.5 Estado ----------------------------------------------------------- */
--estado-ok-fundo:var(--verde-50);   --estado-ok-texto:var(--verde-600);
--estado-erro-fundo:var(--vermelho-50); --estado-erro-texto:var(--vermelho-600);
--estado-alerta-fundo:var(--ambar-50);  --estado-alerta-texto:var(--ambar-600);

/* --- 2.6 Raio por objeto -------------------------------------------------- */
--raio-controle:var(--raio-sm);
--raio-campo:var(--raio-sm);
--raio-card:var(--raio-md);
--raio-placa:var(--raio-lg);
--raio-painel:var(--raio-xl);
--raio-selo:var(--raio-pill);

/* --- 2.7 Preenchimento interno -------------------------------------------- */
--pad-controle:13px 22px;
--pad-controle-sm:9px 15px;
--pad-campo:11px 14px;
--pad-card:var(--e6);
--pad-card-lg:var(--e8);
--pad-painel:clamp(32px,5vw,64px);
--pad-secao:clamp(56px,9vw,96px);
--pad-secao-lg:clamp(72px,12vw,128px);

/* --- 2.8 Intervalo entre elementos ---------------------------------------- */
--gap-2xs:var(--e1); --gap-xs:var(--e2); --gap-sm:var(--e3);
--gap-md:var(--e4);  --gap-lg:var(--e6); --gap-xl:var(--e7);
--gap-2xl:var(--e9); --gap-3xl:var(--e10);

/* --- 2.9 Ritmo vertical --------------------------------------------------- */
--ritmo-titulo-texto:var(--e4);   /* título → parágrafo que o segue          */
--ritmo-texto-texto:var(--e4);    /* parágrafo → parágrafo                   */
--ritmo-texto-acao:var(--e7);     /* parágrafo → botão                       */
--ritmo-bloco:var(--e9);          /* bloco → bloco dentro da seção           */
--ritmo-intro-conteudo:var(--e8); /* intro da seção → conteúdo               */
}

/* ==========================================================================
   3. BASE
   ========================================================================== */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
dialog{margin:auto}

html{-webkit-text-size-adjust:100%}

body{
  font-family:var(--familia-texto);
  font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-normal);
  font-size:var(--tam-base);
  line-height:var(--altura-texto);
  color:var(--texto-principal);
  background:var(--sup-pagina);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{
  font-family:var(--familia-titulo);
  font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);
  line-height:var(--altura-apertada);
  letter-spacing:var(--letra-xs);
  text-wrap:balance;
}
h1{font-size:var(--tam-5xl)}
h2{font-size:var(--tam-3xl);line-height:var(--altura-titulo)}
h3{font-size:var(--tam-xl);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);line-height:var(--altura-curta);letter-spacing:var(--letra-sm)}
h4{font-size:var(--tam-lg);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);line-height:var(--altura-curta);letter-spacing:var(--letra-normal)}

p{max-width:var(--medida-texto);text-wrap:pretty}
p+p{margin-top:var(--ritmo-texto-texto)}

a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}

img,svg,video{display:block;max-width:100%;height:auto}

:focus-visible{outline:none;box-shadow:var(--foco-anel);border-radius:var(--raio-xs)}

::selection{background:var(--laranja-200);color:var(--azul-800)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ==========================================================================
   4. UTILITÁRIOS DE TIPO
   ========================================================================== */
.display-g{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:var(--tam-6xl);line-height:var(--altura-solida);letter-spacing:var(--letra-2xs)}
.display{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:var(--tam-5xl);line-height:var(--altura-apertada);letter-spacing:var(--letra-xs)}
.titulo-g{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:var(--tam-3xl);line-height:var(--altura-titulo);letter-spacing:var(--letra-xs)}
.titulo-m{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);font-size:var(--tam-2xl);line-height:var(--altura-curta);letter-spacing:var(--letra-sm)}
.titulo-p{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);font-size:var(--tam-xl);line-height:var(--altura-curta);letter-spacing:var(--letra-sm)}

.lead{font-size:var(--tam-lg);line-height:var(--altura-media);color:var(--texto-secundario);max-width:var(--medida-lead)}
.corpo{font-size:var(--tam-base);line-height:var(--altura-texto);color:var(--texto-secundario);max-width:var(--medida-texto)}
.corpo-forte{color:var(--texto-principal)}
.corpo-p{font-size:var(--tam-md);line-height:var(--altura-media)}
.legenda{font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-suave);max-width:var(--medida-lead)}

.rotulo{font-family:var(--familia-dado);font-size:var(--tam-2xs);font-weight:var(--peso-normal);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-secundario);line-height:var(--altura-curta)}
.dado{font-family:var(--familia-dado);font-variation-settings:normal;font-feature-settings:'tnum' 1;letter-spacing:var(--letra-normal)}

.medida-titulo{max-width:var(--medida-titulo)}
.medida-lead{max-width:var(--medida-lead)}
.medida-texto{max-width:var(--medida-texto)}

/* ==========================================================================
   5. LAYOUT
   ========================================================================== */
.wrap{width:100%;max-width:var(--largura-maxima);margin-inline:auto;padding-inline:var(--margem-lateral)}
.wrap-texto{max-width:var(--largura-texto)}
.wrap-estreito{max-width:var(--largura-estreita)}

.secao{padding-block:var(--pad-secao)}
.secao-g{padding-block:var(--pad-secao-lg)}
.secao+.secao{border-top:var(--traco-fino) solid var(--borda-padrao)}

.pilha{display:flex;flex-direction:column}
.pilha-xs{gap:var(--gap-xs)}  .pilha-sm{gap:var(--gap-sm)}
.pilha-md{gap:var(--gap-md)}  .pilha-lg{gap:var(--gap-lg)}
.pilha-xl{gap:var(--gap-xl)}  .pilha-2xl{gap:var(--gap-2xl)}

.linha{display:flex;align-items:center;gap:var(--gap-sm);flex-wrap:wrap}

.grade{display:grid;gap:var(--gap-lg)}
.grade-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.grade-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.grade-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}

.intro{margin-bottom:var(--ritmo-intro-conteudo)}
.intro > * + *{margin-top:var(--ritmo-titulo-texto)}

/* ==========================================================================
   6. COMPONENTES
   ========================================================================== */

/* --- 6.1 Placa (elemento assinatura) -------------------------------------- */
.placa{
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--sup-escura);color:var(--texto-inverso);
  border-radius:var(--raio-placa);
  font-family:var(--familia-dado);font-size:var(--tam-2xs);
  letter-spacing:var(--letra-2xl);text-transform:uppercase;
  padding:7px 13px;white-space:nowrap;
}
.placa--acao{background:var(--acao-fundo)}
.placa--vazada{background:transparent;color:var(--texto-marca);box-shadow:inset 0 0 0 var(--traco-medio) var(--borda-marca)}
.placa--inversa{background:rgba(255,255,255,.12);color:var(--texto-inverso)}

/* --- 6.2 Olho de seção ---------------------------------------------------- */
.olho{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-lg)}
.olho::after{content:"";flex:1;height:var(--traco-fino);background:var(--borda-padrao)}
.olho__n{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);color:var(--texto-suave);text-transform:uppercase}

/* --- 6.3 Botão ------------------------------------------------------------ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-xs);
  font-family:var(--familia-texto);
  font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);
  font-size:var(--tam-md);line-height:1.2;
  padding:var(--pad-controle);border-radius:var(--raio-controle);
  border:0;cursor:pointer;text-decoration:none;white-space:nowrap;
  transition:background var(--dur-rapido) var(--ease-padrao),
             box-shadow var(--dur-rapido) var(--ease-padrao),
             transform var(--dur-instante) var(--ease-padrao);
}
.btn:active{transform:translateY(1px)}
.btn--acao{background:var(--acao-fundo);color:var(--acao-texto)}
.btn--acao:hover{background:var(--acao-fundo-hover)}
.btn--acao:active{background:var(--acao-fundo-ativo)}
.btn--calmo{background:transparent;color:var(--texto-marca);box-shadow:inset 0 0 0 var(--traco-medio) var(--borda-padrao)}
.btn--calmo:hover{box-shadow:inset 0 0 0 var(--traco-medio) var(--borda-marca)}
.btn--inverso{background:transparent;color:var(--texto-inverso);box-shadow:inset 0 0 0 var(--traco-medio) var(--borda-inversa)}
.btn--inverso:hover{box-shadow:inset 0 0 0 var(--traco-medio) var(--texto-inverso)}
.btn--sm{padding:var(--pad-controle-sm);font-size:var(--tam-sm)}
.btn[disabled]{opacity:.45;pointer-events:none}

/* --- 6.4 Card ------------------------------------------------------------- */
.card{background:var(--sup-card);border:var(--traco-fino) solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--pad-card)}
.card--lg{padding:var(--pad-card-lg)}
.card--limpo{border:0;box-shadow:var(--sombra-card)}

/* --- 6.5 Painel escuro ---------------------------------------------------- */
.painel{background:var(--sup-escura);color:var(--texto-inverso);border-radius:var(--raio-painel);padding:var(--pad-painel)}
.painel h1,.painel h2,.painel h3{color:var(--texto-inverso)}
.painel .corpo,.painel .lead{color:var(--texto-inverso-suave)}
.painel .legenda{color:var(--texto-inverso-fraco)}

/* --- 6.6 Métrica ---------------------------------------------------------- */
.metrica{border-top:var(--traco-grosso) solid var(--borda-marca);padding-top:var(--gap-md)}
.metrica__n{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:var(--tam-4xl);line-height:var(--altura-solida);letter-spacing:var(--letra-2xs);color:var(--texto-marca);font-feature-settings:'tnum' 1}
.metrica__n em{font-style:normal;color:var(--texto-acao)}
.metrica__r{font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-xs)}
.painel .metrica{border-top:0;padding-top:0}
.painel .metrica__n{color:var(--texto-inverso);font-size:var(--tam-2xl)}
.painel .metrica__r{color:var(--texto-inverso-fraco)}

/* --- 6.7 Campo (padrão romaneio) ------------------------------------------ */
.campo{border-top:var(--traco-fino) solid var(--borda-padrao);padding-top:var(--gap-sm)}
.campo+.campo{margin-top:var(--gap-md)}
.campo__r{font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-suave)}
.campo__v{font-size:var(--tam-base);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-medio);margin-top:var(--e1)}

/* --- 6.8 Entrada de formulário -------------------------------------------- */
.entrada{
  width:100%;font-family:var(--familia-texto);font-size:var(--tam-base);
  padding:var(--pad-campo);border-radius:var(--raio-campo);
  border:var(--traco-fino) solid var(--borda-forte);background:var(--sup-card);
  color:var(--texto-principal);
  transition:border-color var(--dur-rapido) var(--ease-padrao);
}
.entrada::placeholder{color:var(--texto-suave)}
.entrada:hover{border-color:var(--neutro-400)}
.entrada:focus{outline:none;border-color:var(--borda-marca);box-shadow:var(--foco-anel)}

/* --- 6.9 Selo de estado --------------------------------------------------- */
.selo{display:inline-flex;align-items:center;gap:7px;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-lg);text-transform:uppercase;padding:5px 11px;border-radius:var(--raio-selo);background:var(--estado-ok-fundo);color:var(--estado-ok-texto)}
.selo::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.selo--erro{background:var(--estado-erro-fundo);color:var(--estado-erro-texto)}
.selo--alerta{background:var(--estado-alerta-fundo);color:var(--estado-alerta-texto)}

/* --- 6.10 Nota de destaque ------------------------------------------------ */
.nota{border-left:var(--traco-marca) solid var(--borda-acao);background:var(--sup-acao-fraca);padding:var(--gap-md) var(--gap-lg);border-radius:0}
.nota strong{font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}

/* --- 6.11 Régua ----------------------------------------------------------- */
.regua{height:var(--traco-fino);background:var(--borda-padrao);border:0;margin-block:var(--ritmo-bloco)}

/* --- 6.12 Consentimento de cookies ---------------------------------------
   Os três botões são idênticos de propósito: mesmo tamanho, mesma cor, mesma
   ordem visual. Destacar "aceitar" e apagar "rejeitar" produz consentimento
   obtido por desenho, que a LGPD não considera livre. */
/* `display` de classe vence o `[hidden]` que o navegador aplica, então quem já
   respondeu continuava vendo o aviso a cada página. A regra abaixo devolve o
   comando para o atributo. */
.consent[hidden]{display:none}
.consent{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);padding:var(--gap-md);display:flex;justify-content:center;pointer-events:none}
.consent__caixa{pointer-events:auto;width:min(760px,100%);background:var(--sup-escura);color:var(--texto-inverso);border-radius:var(--raio-card);padding:var(--gap-lg);box-shadow:0 18px 50px rgba(13,18,32,.35)}
.consent__t{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-inverso-suave);margin-bottom:var(--gap-2xs)}
.consent__d{font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-inverso-suave);max-width:70ch}
.consent__d a{color:var(--texto-inverso);text-decoration:underline}
.consent__acoes{display:flex;flex-wrap:wrap;gap:var(--gap-sm);margin-top:var(--gap-md)}
.consent__b{
  flex:1 1 auto;min-width:9rem;
  font-family:var(--familia-texto);font-size:var(--tam-sm);line-height:1.2;
  font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);
  padding:var(--pad-controle);border:0;border-radius:var(--raio-controle);cursor:pointer;
  background:var(--neutro-0);color:var(--texto-principal);
  transition:opacity var(--dur-rapido) var(--ease-padrao);
}
.consent__b:hover{opacity:.86}

.consent-modal{width:min(560px,92vw);max-width:none;margin:auto;padding:0;border:0;border-radius:var(--raio-card);background:var(--sup-card);color:var(--texto-principal);box-shadow:0 18px 50px rgba(13,18,32,.35)}
.consent-modal::backdrop{background:rgba(13,18,32,.55)}
.consent-modal__cabeca{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-lg);border-bottom:var(--traco-fino) solid var(--borda-padrao)}
.consent-modal__t{font-size:var(--tam-lg);margin:0}
.consent-modal__x{margin-left:auto;width:32px;height:32px;border:0;border-radius:var(--raio-controle);background:0;font-size:24px;line-height:1;color:var(--texto-secundario);cursor:pointer}
.consent-modal__corpo{padding:var(--gap-lg);display:flex;flex-direction:column;gap:var(--gap-lg)}
.consent-grupo__topo{display:flex;align-items:center;gap:var(--gap-xs);cursor:pointer}
.consent-grupo__topo input[disabled]{cursor:not-allowed}
.consent-grupo__n{font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}
.consent-grupo__sempre{margin-left:auto;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--texto-suave)}
.consent-grupo__d{margin-top:var(--gap-2xs);font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-secundario)}
.consent-modal__rodape{display:flex;flex-wrap:wrap;gap:var(--gap-sm);padding:var(--gap-lg);border-top:var(--traco-fino) solid var(--borda-padrao);background:var(--sup-suave);border-radius:0 0 var(--raio-card) var(--raio-card)}
.consent-modal__rodape .consent__b{background:var(--sup-escura);color:var(--texto-inverso)}

/* botão que se comporta como link: revogar consentimento é ação, não navegação */
.rodape__link{background:0;border:0;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:underline}

/* --- 6.13 Paginação ------------------------------------------------------- */
.paginacao{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--gap-sm);margin-top:var(--ritmo-bloco)}
.paginacao__numeros{display:flex;flex-wrap:wrap;gap:var(--gap-2xs);list-style:none;margin:0;padding:0}
.paginacao__numeros li::before{content:none}
.paginacao__n,.paginacao__passo{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--familia-dado);font-size:var(--tam-sm);line-height:1;
  color:var(--texto-secundario);text-decoration:none;
  padding:var(--pad-controle-sm);border-radius:var(--raio-controle);
  box-shadow:inset 0 0 0 var(--traco-fino) var(--borda-padrao);
  transition:color var(--dur-rapido) var(--ease-padrao),box-shadow var(--dur-rapido) var(--ease-padrao);
}
.paginacao__n{min-width:2.5em}
a.paginacao__n:hover,a.paginacao__passo:hover{color:var(--texto-marca);box-shadow:inset 0 0 0 var(--traco-medio) var(--borda-marca)}
.paginacao__n--atual{color:var(--acao-texto);background:var(--acao-fundo);box-shadow:none}
/* o passo indisponível continua ocupando o lugar: sem isso, a fileira dança
   para os lados ao ir da primeira página para a segunda */
.paginacao__passo--off{opacity:.4;box-shadow:inset 0 0 0 var(--traco-fino) var(--borda-padrao)}

/* ==========================================================================
   7. TEXTURA, GRADIENTE E PROFUNDIDADE
   O sistema não é plano. A vida vem daqui — não de decoração solta.
   ========================================================================== */
:root{
/* --- 7.1 Gradiente de marca ---------------------------------------------- */
--grad-marca:linear-gradient(90deg,var(--laranja-600) 0%,var(--laranja-700) 22%,var(--azul-600) 68%,var(--azul-700) 100%);
--grad-marca-v:linear-gradient(180deg,var(--laranja-600) 0%,var(--azul-700) 100%);
--grad-quente:linear-gradient(135deg,var(--laranja-500) 0%,var(--laranja-700) 100%);
--grad-frio:linear-gradient(135deg,var(--azul-500) 0%,var(--azul-800) 100%);
--grad-texto:linear-gradient(96deg,var(--laranja-400) 0%,var(--laranja-600) 55%,var(--azul-300) 100%);

/* --- 7.2 Atmosfera de painel escuro -------------------------------------- */
--atm-painel:
  radial-gradient(900px 460px at 8% -14%,rgba(255,85,0,.22),transparent 58%),
  radial-gradient(760px 420px at 92% 6%,rgba(26,58,158,.55),transparent 62%),
  radial-gradient(600px 500px at 60% 118%,rgba(11,37,120,.5),transparent 60%);
--atm-suave:
  radial-gradient(700px 340px at 88% -20%,rgba(255,85,0,.07),transparent 62%),
  radial-gradient(620px 380px at 4% 10%,rgba(0,21,93,.05),transparent 60%);

/* --- 7.3 Malha de coordenadas -------------------------------------------- */
--areia:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.86' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23a)'/%3E%3C/svg%3E");
--areia-passo:220px 220px;
}

/* --- 7.4 Utilitários de superfície ---------------------------------------- */
.atm{position:relative;isolation:isolate;overflow:clip}
.atm::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--atm-painel);pointer-events:none}
.atm::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--areia);background-size:var(--areia-passo);opacity:.42;mix-blend-mode:soft-light;pointer-events:none}

.atm-clara{position:relative;isolation:isolate;overflow:clip}
.atm-clara::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--atm-suave);pointer-events:none}
.atm-clara::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--areia);background-size:var(--areia-passo);opacity:.30;mix-blend-mode:multiply;pointer-events:none}

.fio-marca{height:var(--traco-marca);background:var(--grad-marca);border:0;margin:0}
.texto-grad{background:var(--grad-texto);-webkit-background-clip:text;background-clip:text;color:transparent}

/* --- 7.5 Componentes que ganham gradiente --------------------------------- */
.placa{align-self:flex-start;width:fit-content}
.metrica{border-top:0;position:relative;padding-top:var(--gap-lg)}
.metrica::before{content:"";position:absolute;top:0;left:0;width:46px;height:var(--traco-grosso);background:var(--grad-marca);border-radius:2px}
.painel{background:var(--sup-escura);background-image:var(--atm-painel)}
.card--vivo{position:relative;overflow:hidden}
.card--vivo::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-marca);opacity:0;transition:opacity var(--dur-normal) var(--ease-padrao)}
.card--vivo:hover::before{opacity:1}

/* --- 7.6 Faixa de imagem (humanização) ------------------------------------ */
.foto{position:relative;isolation:isolate;overflow:hidden;background:var(--azul-800);min-height:440px;display:flex;align-items:center}
.foto__img{position:absolute;inset:0;z-index:-3;background-image:var(--foto-src,var(--grad-frio));background-size:cover;background-position:center 38%;filter:saturate(.88)}
.foto::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,rgba(0,11,46,.94) 0%,rgba(0,16,64,.82) 42%,rgba(0,21,93,.36) 100%);pointer-events:none}
.foto::after{content:"";position:absolute;inset:0;z-index:-1;background-image:var(--areia);background-size:var(--areia-passo);opacity:.4;mix-blend-mode:soft-light;pointer-events:none}
.foto__c{max-width:600px;color:#fff;padding-block:var(--pad-secao)}
.foto__c h2{color:#fff}

/* --- 7.7 Logotipo oficial -------------------------------------------------
   mm-logo-text-2 = "Mais" em branco (fundo escuro)
   mm-logo-text-3 = "Mais" em azul   (fundo claro)
   Proporção fixa 543:125. Só altura é definida.                            */
.mm-logo{height:36px;width:auto;display:block;flex:none}
.mm-logo--g{height:46px}
.mm-logo--p{height:28px}

/* ==========================================================================
   4. COMPONENTES DE PÁGINA
   Blocos que compõem as páginas públicas: cabeçalho, hero, números, prova
   social, passos, artigos e rodapé. Vieram dos protótipos aprovados — a
   marcação correspondente vive em Views/components/.
   ========================================================================== */
.pular{position:absolute;left:-9999px;top:0;background:var(--laranja-600);color:#fff;padding:12px 18px;z-index:var(--z-aviso)}
.pular:focus{left:0}

.fita{height:3px;background:var(--grad-marca)}
.cab{position:sticky;top:0;z-index:var(--z-fixo);background:linear-gradient(180deg,#000F3E 0%,#00155D 100%);border-bottom:1px solid rgba(255,255,255,.09)}
.cab__in{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-lg);height:70px}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.nav{display:flex;align-items:center;gap:var(--gap-lg)}
.nav a{font-size:var(--tam-md);color:#B9C2DA;text-decoration:none;position:relative;padding-block:4px}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-normal) var(--ease-saida)}
.nav a:hover{color:#fff}
.nav a:hover::after{transform:scaleX(1)}
@media(max-width:900px){
  .nav{gap:var(--gap-md);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%}
  .nav::-webkit-scrollbar{display:none}
  .nav a{white-space:nowrap;font-size:var(--tam-sm)}
}
@media(max-width:560px){
  .cab__in{height:auto;padding-block:var(--gap-sm);flex-wrap:wrap;justify-content:space-between}
  .cab__in .nav{order:3;width:100%;padding-top:var(--gap-xs)}
}

.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--azul-800);color:var(--texto-inverso);min-height:70vh;display:flex;align-items:center;padding-block:var(--e10)}
.hero__bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:var(--hero-pos,64% 64%);background-repeat:no-repeat}
.hero__veu{position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  linear-gradient(94deg,rgba(0,15,62,.97) 0%,rgba(0,21,93,.93) 30%,rgba(0,21,93,.74) 56%,rgba(0,21,93,.52) 100%),
  linear-gradient(180deg,rgba(0,15,62,.62) 0%,rgba(0,21,93,0) 26%,rgba(0,11,46,.55) 100%)}
.hero__grao{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--areia);background-size:var(--areia-passo);opacity:.4;mix-blend-mode:soft-light}
@media(max-width:920px){.hero__bg{background-position:70% 66%}
  .hero__veu{background:linear-gradient(180deg,rgba(0,15,62,.94) 0%,rgba(0,21,93,.90) 55%,rgba(0,11,46,.94) 100%)}}
.hero__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:var(--e10);align-items:center;width:100%}
@media(max-width:940px){.hero{min-height:0;padding-block:var(--e9)}}
.hero h1{font-size:clamp(29px,3.6vw,44px);line-height:1.12;letter-spacing:var(--letra-xs);max-width:18ch}
.hero__lead{margin-top:var(--gap-lg);max-width:50ch;font-size:var(--tam-base);line-height:var(--altura-texto);color:var(--texto-inverso-suave)}
/* Três colunas em qualquer largura.
   Com `flex-wrap`, o terceiro selo caía para uma segunda linha em toda tela de
   celular — e um número solto embaixo lê como sobra, não como parte do
   conjunto. O que encolhe no lugar da quebra é o espaço entre eles e o corpo
   do rótulo, ambos interpolados até 360px. */
.hero__selos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,3.4vw,var(--gap-lg));margin-top:var(--e8);padding-top:var(--gap-lg);border-top:1px solid rgba(255,255,255,.14)}
.hero__selo{display:flex;flex-direction:column;gap:3px;min-width:0}
.hero__selo b{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:clamp(15px,4.2vw,21px);line-height:1.1;letter-spacing:var(--letra-xs);white-space:nowrap}
/* o rótulo perde entreletra antes de perder tamanho: em caixa alta e coluna
   estreita, é o espaçamento que estoura a linha primeiro */
.hero__selo span{font-family:var(--familia-dado);font-size:clamp(8px,2.3vw,10px);letter-spacing:clamp(0.01em,0.5vw,var(--letra-xl));text-transform:uppercase;color:#8E9AB8;line-height:1.45;max-width:20ch;hyphens:auto}

.portas{display:flex;flex-direction:column;gap:var(--gap-md)}
.porta{display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--raio-painel);text-decoration:none;position:relative;overflow:hidden;transition:transform var(--dur-normal) var(--ease-saida)}
.porta::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.porta:hover{transform:translateY(-3px)}
.porta:hover::before{transform:scaleX(1)}
.porta__t{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);line-height:1.2;letter-spacing:var(--letra-sm);margin-top:var(--gap-md)}
.porta__d{line-height:var(--altura-media);margin-top:var(--gap-sm)}
.porta__ir{margin-top:var(--gap-lg);font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;display:flex;align-items:center;gap:9px}
.porta__ir svg{transition:transform var(--dur-normal) var(--ease-saida)}
.porta:hover .porta__ir svg{transform:translateX(5px)}
.porta--principal{background:#fff;color:var(--texto-principal);padding:var(--gap-xl)}
.porta--principal .porta__t{font-size:var(--tam-2xl);max-width:15ch}
.porta--principal .porta__d{color:var(--texto-secundario);font-size:var(--tam-md);max-width:38ch}
.porta--principal .porta__ir{color:var(--texto-acao)}
.porta--secundaria{background:rgba(255,255,255,.06);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);padding:var(--gap-lg) var(--gap-xl)}
.porta--secundaria .porta__t{font-size:var(--tam-xl);max-width:18ch;margin-top:var(--gap-sm)}
.porta--secundaria .porta__d{color:var(--texto-inverso-suave);font-size:var(--tam-md);max-width:38ch}
.porta--secundaria .porta__ir{margin-top:var(--gap-md)}

.chapeu{display:grid;grid-template-columns:auto 1fr;gap:var(--gap-lg);align-items:start;margin-bottom:var(--e8)}
@media(max-width:760px){.chapeu{grid-template-columns:1fr;gap:var(--gap-sm)}}
.chapeu__n{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:clamp(42px,5.6vw,72px);line-height:.8;letter-spacing:var(--letra-2xs);background:var(--grad-texto);-webkit-background-clip:text;background-clip:text;color:transparent}
.chapeu h2{font-size:clamp(27px,3.4vw,40px);line-height:1.1;max-width:19ch}
.chapeu p{margin-top:var(--gap-md);font-size:var(--tam-base);color:var(--texto-secundario);max-width:60ch;line-height:var(--altura-texto)}
.chapeu--largo > div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:var(--e8);align-items:start}
.chapeu--largo h2{max-width:none}
.chapeu--largo p{margin-top:0;max-width:50ch}
@media(max-width:900px){.chapeu--largo p{margin-top:0}}
.painel .chapeu h2{color:#fff}
.painel .chapeu p{color:var(--texto-inverso-suave)}

.numeros{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--gap-md)}

.num{background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--gap-lg);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--dur-normal),transform var(--dur-normal) var(--ease-saida)}
.num::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-marca)}
.num:hover{transform:translateY(-3px);border-color:var(--borda-forte)}
.num__r{font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--texto-suave);line-height:1.4;min-height:2.8em}
.num__n{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:clamp(34px,3.4vw,44px);line-height:1;letter-spacing:var(--letra-2xs);color:var(--azul-700);font-feature-settings:'tnum' 1;margin-top:var(--gap-xs)}
.num__n em{font-style:normal;color:var(--laranja-600)}
.num__n .un{font-size:.4em;letter-spacing:var(--letra-normal);color:var(--texto-secundario);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}
.num__d{font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-sm)}
.num__p{margin-top:auto;padding-top:var(--gap-md)}

.barras{display:flex;flex-direction:column;gap:10px}
.barra-l{display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}
.barra-t{font-family:var(--familia-dado);font-size:9px;letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--texto-suave);grid-column:1/-1}
.barra-p{height:10px;border-radius:99px;background:var(--neutro-100);overflow:hidden}
.barra-p i{display:block;height:100%;border-radius:99px}
.barra-p i.tom-quente{background:var(--grad-quente)}
.barra-p i.tom-frio{background:var(--grad-frio)}
.barra-p i.tom-neutro{background:var(--neutro-300)}
.barra-v{font-family:var(--familia-dado);font-size:var(--tam-xs);color:var(--texto-principal);white-space:nowrap}

.checks{display:flex;flex-wrap:wrap;gap:5px}
.chk{display:inline-flex;align-items:center;gap:5px;font-size:var(--tam-xs);color:var(--texto-principal);background:var(--neutro-100);border-radius:99px;padding:4px 10px 4px 7px;white-space:nowrap}
.chk svg{color:var(--verde-600);flex:none}

.nps{display:inline-flex;align-items:baseline;gap:8px;background:var(--azul-700);color:#fff;border-radius:var(--raio-placa);padding:9px 15px;margin-top:var(--gap-xs)}
.nps b{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:30px;line-height:1;letter-spacing:var(--letra-2xs)}
.nps span{font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-400)}
.aval{display:flex;align-items:center;gap:7px;font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--verde-600)}
.aval i{display:flex;gap:2px}
.aval i b{width:13px;height:5px;border-radius:2px;background:var(--verde-600)}
.aval i b.vazio{background:var(--neutro-200)}

.passos{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:var(--gap-lg)}
.passo{border-top:var(--traco-grosso) solid var(--borda-padrao);padding-top:var(--gap-md);position:relative}
.passo::before{content:"";position:absolute;top:calc(var(--traco-grosso)*-1);left:0;width:100%;height:var(--traco-grosso);background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.passos:hover .passo::before,.passo:hover::before{transform:scaleX(1)}
.passo__n{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-suave)}
.passo h3{margin-top:var(--gap-xs)}
.passo h3{font-size:var(--tam-lg);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);letter-spacing:var(--letra-normal)}
.passo p{font-size:var(--tam-md);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-xs)}

.meia{background:var(--sup-escura);color:#fff}
.meia__topo{position:relative;overflow:hidden;isolation:isolate}
.meia__f{position:absolute;top:0;bottom:0;width:48%;background-size:cover;z-index:-2}
.meia--dir .meia__f{right:0;background-position:52% 28%}
.meia--esq .meia__f{left:0;background-position:50% 30%}
.meia__f::after{content:"";position:absolute;inset:0;background-image:var(--areia);background-size:var(--areia-passo);opacity:.34;mix-blend-mode:soft-light}
.meia__v{position:absolute;top:0;bottom:0;width:56%;z-index:-1;pointer-events:none}
.meia--dir .meia__v{left:44%;background:linear-gradient(90deg,var(--azul-700) 0%,rgba(0,21,93,.72) 34%,rgba(0,21,93,.10) 100%)}
.meia--esq .meia__v{right:44%;background:linear-gradient(270deg,var(--azul-700) 0%,rgba(0,21,93,.72) 34%,rgba(0,21,93,.10) 100%)}
.meia__c{max-width:47%;padding-block:var(--pad-secao-lg)}
.meia--esq .meia__c{margin-left:auto}
.meia__c h1,.meia__c h2{color:#fff;max-width:16ch}
.meia__c h1{font-size:var(--tam-3xl);line-height:var(--altura-titulo)}
@media(max-width:900px){
  .meia__f{position:relative;width:100%;height:300px;background-position:center 22%}
  .meia__v{display:none}
  .meia__c{max-width:none;padding-block:var(--pad-secao)}
  .meia--dir,.meia--esq{background-image:none}
}
.clientes{border-top:1px solid rgba(255,255,255,.15);padding-block:var(--e8) var(--e9)}
.clientes__r{font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-2xl);text-transform:uppercase;color:#8E9AB8}
/* mini cards de clientes */
.clientes__l{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:10px;margin-top:var(--gap-md)}
.mini{display:flex;flex-direction:column;gap:9px;text-align:left;font-family:inherit;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:var(--raio-card);padding:14px 15px;color:#fff;transition:background var(--dur-rapido) var(--ease-padrao),border-color var(--dur-rapido) var(--ease-padrao),transform var(--dur-normal) var(--ease-saida)}
.mini__n{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-condensada),'wght' var(--peso-bold);font-size:15px;letter-spacing:var(--letra-lg);text-transform:uppercase;line-height:1.2}
.mini--dep{cursor:pointer}
a[href],button:not([disabled]),summary,[role="button"]{cursor:pointer}
.mini--dep:hover{background:rgba(255,255,255,.1);border-color:rgba(255,85,0,.65);transform:translateY(-2px)}
.mini--dep:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,85,0,.5)}
.mini__a{display:flex;align-items:center;gap:6px;font-family:var(--familia-dado);font-size:9px;letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-500);margin-top:auto}
.mini__a svg{transition:transform var(--dur-normal) var(--ease-saida)}
.mini--dep:hover .mini__a svg{transform:translateX(3px)}
.mini--simples{opacity:.62}
.clientes__nota{margin-top:var(--gap-md);font-family:var(--familia-dado);font-size:10px;letter-spacing:var(--letra-xl);text-transform:uppercase;color:#6E7DA8}

/* modal */
.dep{position:fixed;inset:0;margin:auto;border:0;padding:0;max-width:560px;width:calc(100% - 40px);max-height:calc(100dvh - 80px);border-radius:var(--raio-painel);background:var(--azul-700);background-image:var(--atm-painel);color:#fff;overflow:auto;overscroll-behavior:contain}
.dep::backdrop{background:rgba(0,11,46,.72);backdrop-filter:blur(5px)}
.dep__i{padding:var(--gap-xl);position:relative;border-radius:var(--raio-painel);overflow:hidden}
.dep__i::after{content:"";position:absolute;inset:0;background-image:var(--areia);background-size:var(--areia-passo);opacity:.38;mix-blend-mode:soft-light;pointer-events:none}
.dep__x{position:absolute;top:14px;right:14px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;font-size:20px;line-height:1;cursor:pointer;z-index:2;transition:background var(--dur-rapido)}
.dep__x:hover{background:rgba(255,255,255,.22)}
.dep h3{font-size:var(--tam-2xl);margin-top:var(--gap-md);color:#fff}
.dep__c{display:block;margin-top:6px;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:#8E9AB8}
.dep blockquote{margin-top:var(--gap-lg);padding-left:var(--gap-md);border-left:3px solid var(--laranja-600);font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);font-size:19px;line-height:1.34;letter-spacing:var(--letra-sm)}
.dep__d{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,120px),1fr));gap:var(--gap-md);margin-top:var(--gap-xl);padding-top:var(--gap-lg);border-top:1px solid rgba(255,255,255,.16)}
.dep__d div b{display:block;font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:23px;line-height:1;letter-spacing:var(--letra-xs)}
.dep__d div span{display:block;margin-top:6px;font-family:var(--familia-dado);font-size:9px;letter-spacing:var(--letra-xl);text-transform:uppercase;color:#8E9AB8;line-height:1.4}
.dep[open]{animation:depIn var(--dur-normal) var(--ease-saida)}
.dep[open]::backdrop{animation:fadeIn var(--dur-normal) var(--ease-padrao)}
@keyframes depIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}

/* bloco com titulo lateral */
.lado{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:var(--e10);align-items:start}

.lado__t{position:sticky;top:calc(70px + var(--e7));align-self:start;padding-bottom:var(--e7)}
@media(max-width:860px){.lado__t{position:static}}
.lado__t .chapeu{grid-template-columns:1fr;gap:var(--gap-sm);margin-bottom:0}
.lado__t .chapeu p{max-width:none}
.razoes--col{grid-template-columns:1fr}

.secao--motorista{background:var(--sup-escura);color:#fff}
.secao--motorista .chapeu h2{color:#fff}
.secao--motorista .chapeu p{color:var(--texto-inverso-suave)}
.secao--motorista .card{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.secao--motorista .card--vivo::before{background:var(--grad-marca)}
.secao--motorista .rotulo{color:var(--laranja-400)}
.secao--motorista .campo{border-top-color:rgba(255,255,255,.14)}
.secao--motorista .campo__r{color:#8E9AB8}
.secao--motorista .campo__v{color:#fff}
.secao--motorista .legenda{color:#8E9AB8}
.secao--motorista .card{display:flex;flex-direction:column;padding:var(--pad-card-lg)}
.card__pe{margin-top:auto;padding-top:var(--gap-lg)}
.aviso-publico{display:flex;align-items:center;gap:11px;margin-bottom:var(--gap-lg);font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-400)}
.aviso-publico::before,.aviso-publico::after{content:"";height:1px;background:linear-gradient(90deg,transparent,var(--laranja-600),transparent);flex:1}
.razoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:var(--gap-md)}
.razao{background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--pad-card);position:relative;overflow:hidden;transition:transform var(--dur-normal) var(--ease-saida)}
.razao::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.razao:hover{transform:translateY(-3px)}
.razao:hover::before{transform:scaleX(1)}
.razao h3{margin-top:var(--gap-md);font-size:var(--tam-xl)}
.razao p{font-size:var(--tam-md);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-sm)}

.artigos{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:var(--gap-lg)}
.artigo{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:var(--traco-grosso) solid var(--borda-padrao);padding-top:var(--gap-md);position:relative}
.artigo::before{content:"";position:absolute;top:calc(var(--traco-grosso)*-1);left:0;width:100%;height:var(--traco-grosso);background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.artigo:hover::before{transform:scaleX(1)}
.artigo__b{display:flex;flex-direction:column;flex:1}
.artigo__m{display:flex;gap:8px;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--texto-suave)}
.artigo h3{margin-top:var(--gap-sm);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);font-size:var(--tam-lg);letter-spacing:var(--letra-normal);line-height:1.32}
.artigo p{font-size:var(--tam-sm);color:var(--texto-secundario);margin-top:var(--gap-xs);line-height:var(--altura-media)}
.artigo__l{margin-top:auto;padding-top:var(--gap-md);font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-600)}

.rodape{background:#000B2E;color:var(--texto-inverso);padding-block:var(--e10) var(--gap-xl);position:relative}
.rodape__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:var(--gap-xl)}

.rodape h4{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-500);font-variation-settings:normal;margin-bottom:var(--gap-sm)}
.rodape a{display:block;color:var(--texto-inverso-suave);text-decoration:none;font-size:var(--tam-md);padding-block:5px}
.rodape a:hover{color:#fff}
.rodape__fim{margin-top:var(--e9);padding-top:var(--gap-lg);border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:var(--gap-md);flex-wrap:wrap;font-size:var(--tam-sm);color:var(--texto-inverso-fraco)}
.rodape__fim a{display:inline;font-size:var(--tam-sm)}

/* ==========================================================================
   5. ARTIGO
   Topo escuro, corpo de leitura e os blocos que o Editor.js produz — citação,
   quadro, aviso, régua e sumário. A classe .corpo-artigo é o contêiner: fora
   dele nenhuma dessas regras de texto vale, e é por isso que a tipografia do
   artigo não vaza para a migalha no topo.
   ========================================================================== */
.fita{height:3px;background:var(--grad-marca)}
.cab{position:sticky;top:0;z-index:var(--z-fixo);background:linear-gradient(180deg,#000F3E 0%,#00155D 100%);border-bottom:1px solid rgba(255,255,255,.09)}
.logo{display:inline-flex;align-items:center;text-decoration:none}
.nav{display:flex;align-items:center;gap:var(--gap-lg)}
/* barra de progresso */
.prog{position:fixed;top:0;left:0;height:3px;background:var(--grad-marca);width:0;z-index:var(--z-aviso);transition:width 80ms linear}
/* topo do artigo */
.artopo{background:var(--sup-escura);color:#fff;padding-block:var(--e9) var(--e10)}
.migalha{display:flex;gap:9px;align-items:center;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:#8E9AB8}
.migalha a{color:#8E9AB8;text-decoration:none}
.artopo .migalha a:hover{color:#fff}
.artopo__sub{color:var(--texto-inverso-suave)!important}
.migalha a:hover{color:#fff}
.artopo h1{font-size:clamp(28px,3.9vw,46px);line-height:1.14;letter-spacing:var(--letra-xs);max-width:22ch;margin-top:var(--gap-lg)}
.artopo__sub{font-size:var(--tam-lg);line-height:var(--altura-media);color:var(--texto-inverso-suave);max-width:56ch;margin-top:var(--gap-lg)}
.assina{display:flex;align-items:center;gap:14px;margin-top:var(--e8);padding-top:var(--gap-lg);border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.avatar{width:46px;height:46px;border-radius:50%;background:var(--grad-frio);display:flex;align-items:center;justify-content:center;font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:15px;color:#fff;flex:none}
.assina__n{font-size:var(--tam-md);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}
.assina__c{font-size:var(--tam-sm);color:#8E9AB8}
.assina__m{margin-left:auto;display:flex;gap:var(--gap-md);font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:#8E9AB8}
/* corpo */
.leitura{max-width:700px;margin-inline:auto}
.corpo-artigo > p{font-size:clamp(16px,14.676px + 0.368vw,17.5px);line-height:1.72;color:var(--neutro-800);max-width:none}
.corpo-artigo > p + p{margin-top:var(--gap-lg)}
.corpo-artigo h2{font-size:clamp(23px,2.6vw,30px);line-height:1.2;margin-top:var(--e9);position:relative;padding-top:var(--gap-lg)}
.corpo-artigo h2::before{content:"";position:absolute;top:0;left:0;width:44px;height:3px;background:var(--grad-marca);border-radius:2px}
.corpo-artigo h2 + p{margin-top:var(--gap-md)}
.corpo-artigo h3{font-size:var(--tam-xl);margin-top:var(--e7)}
.corpo-artigo h3 + p{margin-top:var(--gap-sm)}
.corpo-artigo ul{margin-top:var(--gap-md);padding-left:0;list-style:none}
.corpo-artigo li{position:relative;padding-left:26px;font-size:clamp(15.5px,14.176px + 0.368vw,17px);line-height:1.65;color:var(--neutro-800)}
.corpo-artigo li + li{margin-top:var(--gap-sm)}
.corpo-artigo li::before{content:"";position:absolute;left:2px;top:11px;width:9px;height:9px;border-radius:3px;background:var(--grad-quente)}
.corpo-artigo strong{font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}
.corpo-artigo a{color:var(--azul-600);text-decoration-color:var(--laranja-300)}
.abre::first-letter{float:left;font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:74px;line-height:.82;padding:5px 12px 0 0;background:var(--grad-texto);-webkit-background-clip:text;background-clip:text;color:transparent}
.citacao{margin-block:var(--e8);padding:var(--gap-xl);background:var(--azul-700);background-image:var(--atm-painel);border-radius:var(--raio-painel);color:#fff}
.citacao p{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);font-size:clamp(19px,2.2vw,25px);line-height:1.32;letter-spacing:var(--letra-sm);max-width:none;color:#fff}
.citacao cite{display:block;margin-top:var(--gap-md);font-style:normal;font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-400)}
.quadro{margin-block:var(--e8);border:1px solid var(--borda-padrao);border-radius:var(--raio-card);background:#fff;overflow:hidden}
.quadro__t{background:var(--sup-suave);padding:var(--gap-md) var(--gap-lg);font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-secundario);border-bottom:1px solid var(--borda-padrao)}
.quadro__b{padding:var(--gap-lg)}
.quadro__b ul{margin-top:0}
.aviso{margin-block:var(--e8);border-left:3px solid var(--laranja-600);background:var(--laranja-50);padding:var(--gap-lg) var(--gap-xl)}
.aviso p{font-size:var(--tam-base);line-height:var(--altura-texto);color:var(--laranja-900);max-width:none}
.sumario{background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--gap-lg);margin-block:var(--e7)}
.sumario ol{list-style:none;counter-reset:s;margin-top:var(--gap-sm)}
.sumario li{counter-increment:s;padding-left:0}
/* O sumário fica dentro de .corpo-artigo e herdava o marcador laranja das
   listas do texto, que somava com o número e virava bolinha por cima dele.
   Aqui quem numera é o contador, um marcador só. */
.sumario li::before{content:none}
.sumario li + li{margin-top:8px}
.sumario a{display:flex;gap:11px;text-decoration:none;color:var(--texto-secundario);font-size:var(--tam-md);align-items:baseline}
.sumario a::before{content:counter(s,decimal-leading-zero);font-family:var(--familia-dado);font-size:var(--tam-2xs);color:var(--laranja-600);flex:none}
.sumario a:hover{color:var(--azul-700)}
/* autor */
.bio{display:flex;flex-wrap:wrap;gap:var(--gap-lg);background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--gap-xl);margin-top:var(--e9);align-items:flex-start}
.bio .avatar{width:62px;height:62px;font-size:19px}
/* cta */
.cta{margin-top:var(--e9);margin-bottom:var(--e10)}
.cta h2{max-width:17ch}
/* relacionados */
.rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:var(--gap-lg)}
.rel a{display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:var(--traco-grosso) solid var(--borda-padrao);padding-top:var(--gap-md);position:relative}
.rel a::before{content:"";position:absolute;top:calc(var(--traco-grosso)*-1);left:0;width:100%;height:var(--traco-grosso);background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.rel a:hover::before{transform:scaleX(1)}
.rel__m{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-xl);text-transform:uppercase;color:var(--texto-suave)}
.rel h3{margin-top:var(--gap-sm);font-size:var(--tam-lg);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte);letter-spacing:var(--letra-normal);line-height:1.32}

/* ==========================================================================
   6. LANDING PAGE
   Funil fechado: cabeçalho sem navegação, rodapé com WhatsApp, e-mail e
   política. O resto — números, prova social, painéis — é o mesmo do site.
   ========================================================================== */
/* ===== LP: blocos próprios ===== */
html{scroll-behavior:smooth}
/* Última defesa contra rolagem horizontal: um bloco que estourar a largura é
   cortado em vez de empurrar a página inteira para o lado. `clip` e não
   `hidden` porque `hidden` mataria o `position:sticky` do cabeçalho. */
body{overflow-x:clip}
:target{scroll-margin-top:calc(70px + var(--e6))}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.rodape--lp .rodape__lp{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--e10)}

.lp-hero{position:relative;isolation:isolate;overflow:clip;background:var(--azul-800);color:#fff;padding-block:var(--e10) var(--e11)}
.lp-hero__bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:var(--hero-pos,64% 64%)}
.lp-hero__veu{position:absolute;inset:0;z-index:-2;pointer-events:none;background:
  linear-gradient(94deg,rgba(0,15,62,.97) 0%,rgba(0,21,93,.94) 34%,rgba(0,21,93,.80) 62%,rgba(0,21,93,.62) 100%),
  linear-gradient(180deg,rgba(0,15,62,.62) 0%,rgba(0,21,93,0) 28%,rgba(0,11,46,.62) 100%)}
.lp-hero__grao{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:var(--areia);background-size:var(--areia-passo);opacity:.4;mix-blend-mode:soft-light}
.lp-hero__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:var(--e10);align-items:center}

.lp-hero h1{font-size:clamp(30px,3.9vw,48px);line-height:1.1;letter-spacing:var(--letra-xs);max-width:17ch;margin-top:var(--gap-lg)}
.lp-hero__sub{margin-top:var(--gap-lg);max-width:52ch;font-size:var(--tam-lg);line-height:var(--altura-media);color:var(--texto-inverso-suave)}
.lp-hero__acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:var(--ritmo-texto-acao)}
.lp-hero__nota{margin-top:var(--gap-md);font-size:var(--tam-sm);color:#8E9AB8}
.ficha{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--raio-painel);padding:var(--gap-xl);backdrop-filter:blur(6px)}
.ficha__t{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--laranja-400)}
.ficha__l{margin-top:var(--gap-md)}
.ficha__i{display:flex;gap:11px;align-items:flex-start;padding-block:11px;border-top:1px solid rgba(255,255,255,.13)}
.ficha__i:first-child{border-top:0;padding-top:0}
.ficha__i svg{color:var(--verde-600);flex:none;margin-top:3px}
.ficha__i b{display:block;font-size:var(--tam-md);font-variation-settings:'wdth' var(--larg-normal),'wght' var(--peso-forte)}
.ficha__i span{display:block;font-size:var(--tam-sm);color:#8E9AB8;margin-top:2px;line-height:1.45}
/* definição */
.def{border-left:3px solid var(--laranja-600);padding-left:var(--gap-lg)}
.def p{font-size:var(--tam-lg);line-height:var(--altura-media);color:var(--texto-principal);max-width:64ch}
/* comparativo de regime */
.regime{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:var(--gap-md)}

.reg{background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--pad-card);position:relative;overflow:hidden}
.reg--pj::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-marca)}
.reg h3{font-size:var(--tam-xl);margin-top:var(--gap-sm)}
.reg ul{list-style:none;margin-top:var(--gap-md)}
.reg li{position:relative;padding-left:25px;font-size:var(--tam-md);line-height:var(--altura-media);color:var(--texto-secundario)}
.reg li + li{margin-top:10px}
.reg li::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--neutro-300)}
.reg--pj li::before{background:var(--laranja-600)}
/* FAQ */
.faq{border-top:1px solid var(--borda-padrao)}
.faq details{border-bottom:1px solid var(--borda-padrao)}
.faq summary{cursor:pointer;list-style:none;padding-block:var(--gap-lg);display:flex;gap:var(--gap-md);align-items:flex-start;font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-forte);font-size:var(--tam-xl);line-height:1.32;letter-spacing:var(--letra-sm)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--familia-dado);font-size:22px;color:var(--laranja-600);line-height:1;transition:transform var(--dur-normal) var(--ease-padrao);flex:none}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details > div{padding-bottom:var(--gap-lg);max-width:70ch}
.faq details p{font-size:var(--tam-base);line-height:var(--altura-texto);color:var(--texto-secundario)}
.faq details p + p{margin-top:var(--gap-md)}
/* CTA final */
.fecho{margin-top:var(--ritmo-bloco)}
.fecho h2{max-width:17ch}
/* ===== LP motorista ===== */
.lp-hero__bg{position:absolute;inset:0;z-index:-3;background-size:cover;background-position:78% 26%}
  linear-gradient(94deg,rgba(0,15,62,.97) 0%,rgba(0,21,93,.93) 36%,rgba(0,21,93,.72) 66%,rgba(0,21,93,.44) 100%),
  linear-gradient(180deg,rgba(0,15,62,.60) 0%,rgba(0,21,93,0) 26%,rgba(0,11,46,.66) 100%)}
@media(max-width:940px){.lp-hero__bg{background-position:72% 20%}}
.lp-hero h1{font-size:clamp(30px,3.9vw,48px);line-height:1.1;letter-spacing:var(--letra-xs);max-width:16ch;margin-top:var(--gap-lg)}
.lp-hero__sub{margin-top:var(--gap-lg);max-width:50ch;font-size:var(--tam-lg);line-height:var(--altura-media);color:var(--texto-inverso-suave)}
.lp-hero__nota{margin-top:var(--gap-md);font-size:var(--tam-sm);color:#8E9AB8;max-width:46ch}
/* linha do dinheiro */
.grana{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:0;position:relative}

.grana{gap:var(--gap-lg) 0}
.grana__e{padding:var(--gap-lg) var(--gap-lg) var(--gap-xl) var(--gap-lg);position:relative;border-left:1px solid var(--borda-padrao)}
/* o primeiro de cada linha não mostra a borda: `gap` zero na horizontal faz os
   itens encostarem, então a borda do vizinho já separa os dois */
.grana__e:first-child{padding-left:0;border-left:0}
.grana__q{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:clamp(30px,3.4vw,42px);line-height:1;letter-spacing:var(--letra-2xs);color:var(--azul-700)}
.grana__q em{font-style:normal;color:var(--laranja-600)}
.grana__t{font-family:var(--familia-dado);font-size:var(--tam-2xs);letter-spacing:var(--letra-2xl);text-transform:uppercase;color:var(--texto-suave);margin-bottom:var(--gap-sm);display:block}
.grana__d{font-size:var(--tam-md);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-sm)}
/* requisitos */
.req{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--gap-md)}
.req__c{background:#fff;border:1px solid var(--borda-padrao);border-radius:var(--raio-card);padding:var(--pad-card);position:relative;overflow:hidden}
.req__c::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-marca)}
.req__c h3{font-size:var(--tam-xl);margin-top:var(--gap-sm)}
.req__c ul{list-style:none;margin-top:var(--gap-md)}
.req__c li{position:relative;padding-left:25px;font-size:var(--tam-md);line-height:var(--altura-media);color:var(--texto-secundario)}
.req__c li+li{margin-top:9px}
.req__c li::before{content:"";position:absolute;left:2px;top:8px;width:8px;height:8px;border-radius:2px;background:var(--laranja-600)}
/* barra de pesquisa */
.pesq{display:grid;grid-template-columns:repeat(auto-fit,minmax(184px,1fr));gap:var(--gap-md)}
.pesq__i{border-top:var(--traco-grosso) solid var(--borda-padrao);padding-top:var(--gap-md);position:relative}
.pesq__i::before{content:"";position:absolute;top:calc(var(--traco-grosso)*-1);left:0;width:100%;height:var(--traco-grosso);background:var(--grad-marca);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-lento) var(--ease-saida)}
.pesq:hover .pesq__i::before{transform:scaleX(1)}
.pesq__n{font-family:var(--familia-titulo);font-variation-settings:'wdth' var(--larg-expandida),'wght' var(--peso-bold);font-size:clamp(30px,3vw,38px);line-height:1;letter-spacing:var(--letra-2xs);color:var(--azul-700)}
.pesq__d{font-size:var(--tam-sm);line-height:var(--altura-media);color:var(--texto-secundario);margin-top:var(--gap-sm)}
.faq details>div{padding-bottom:var(--gap-lg);max-width:70ch}
.faq details p+p{margin-top:var(--gap-md)}

/* foto no lugar das iniciais, no mesmo círculo */
.avatar--foto{padding:0;overflow:hidden}
.avatar--foto img{width:100%;height:100%;object-fit:cover;display:block}

/* Galeria do artigo: três colunas, como o editor mostra. Uma coluna no
   celular — três miniaturas lado a lado ali não se enxergam. */
.galeria{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-md);margin-block:var(--e8)}
.galeria figure{margin:0}
.galeria img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--raio-card);display:block}
.galeria__l{margin-top:calc(var(--e8) * -1 + var(--gap-md));margin-bottom:var(--e8)}