/* Acento primário da página /clientes/crm-para-industrias.
   Fonte única da cor: trocar aqui propaga para todas as seções da página. */
.clientes-scope.industria-scope {
  --ind-accent: #0230A0;
  --ind-accent-light: #1E5AE0;
  --ind-accent-rgb: 2, 48, 160;
}

/* Faixa de integrações reutilizada da Home B (mesma da página de
   distribuidoras): fundo azul #0230A0 em vez do navy original. Especificidade
   maior que `.home-b-scope .hb-hub-navy` do homeb.css, que carrega depois. */
.clientes-scope.industria-scope .crm-com-ia-scope .hb-hub-navy {
  background-color: #0230a0;
}

/* A introdução industrial é mais longa que a copy da Home e deve quebrar
   naturalmente, sem alterar o bloco original da variante B. */
.clientes-scope.industria-scope .hb-ia.is-industria .hb-ia-lead {
  white-space: normal;
}

/* CTA abaixo dos três painéis de IA (só na página de indústrias). */
.clientes-scope.industria-scope .hb-ia.is-industria .hb-ia-cta {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.clientes-scope.industria-scope .hb-ia.is-industria .hb-ia-cta-btn {
  display: inline-flex;
  align-items: center;
  min-height: 52px;
  padding: 0 32px;
  border-radius: 999px;
  background: var(--ind-accent);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 8px 20px rgb(var(--ind-accent-rgb) / .25);
}
.clientes-scope.industria-scope .hb-ia.is-industria .hb-ia-cta-btn:hover {
  filter: brightness(1.15);
}


/* Seções Sinais, Como organiza, Integrações, Planos e Como começar:
   tudo que era azul passa a #061120 (só nessas seções). */
.clientes-scope.industria-scope .sin,
.clientes-scope.industria-scope .coi,
.clientes-scope.industria-scope .tlh {
  --ind-accent: #061120;
  --ind-accent-light: #061120;
  --ind-accent-rgb: 6, 17, 32;
}
.clientes-scope.industria-scope .crm-com-ia-scope .hb-hub-navy {
  background-color: #061120;
}
.clientes-scope.industria-scope section[aria-labelledby="planos-industria-titulo"] .plans-scope {
  --plans-blue: #061120;
}