/**
 * Auto Br – paleta do logo
 * Cinza: #3d4655 | Azul: #3555e1
 */
:root {
  --ab-gray: #3d4655;
  --ab-blue: #3555e1;
  --ab-blue-hover: #2c49c7;
  --ab-blue-active: #2640b0;
}

/* Botões secundários (Carros / Motos / blog / Voltar) */
.btn-secundary {
  background-color: var(--ab-blue) !important;
  box-shadow:
    0 5px 13px rgba(53, 85, 225, 0.2),
    1px 4px 16px rgba(53, 85, 225, 0.18),
    1px 6px 13px rgba(53, 85, 225, 0.12) !important;
}

.btn.btn-secundary:hover {
  background-color: var(--ab-blue-hover) !important;
  box-shadow:
    0 7px 15px rgba(53, 85, 225, 0.28),
    1px 6px 18px rgba(53, 85, 225, 0.22),
    1px 8px 16px rgba(53, 85, 225, 0.18) !important;
}

/* Destaques no hero (títulos sobre o fundo) */
.bg-form h1,
.bg-form h2:not(.price) {
  color: var(--ab-blue) !important;
}

/* Título principal da home (hero) */
.template-page.home .bg-form h1.texto-home-principal {
  color: #f9f9f9 !important;
}

/* Faixa de conteúdo (motos / textos institucionais) */
.features-8 {
  background: linear-gradient(111.4deg, var(--ab-gray) 4.9%, var(--ab-blue) 97.8%) !important;
}

/* CTA principal – Buscar Veículo */
.btn-cotar-online {
  background-color: var(--ab-blue) !important;
  box-shadow: 0 5px 12px rgba(53, 85, 225, 0.35) !important;
}

.btn-cotar-online:hover,
.btn-cotar-online:focus {
  background-color: var(--ab-blue-hover) !important;
  color: #fff !important;
}

/* Modal */
.modal-backdrop {
  background: var(--ab-gray) !important;
}

/* Marca no menu */
.navbar-brand-title {
  color: var(--ab-gray) !important;
}

/* Fundos de listagem de marcas / modelos */
.bg-marcas,
.bg-outros-modelos {
  background: linear-gradient(0deg, #fff, #eceff7) !important;
}

.card-automovel h2 {
  color: var(--ab-gray) !important;
}

a.marca {
  color: var(--ab-gray) !important;
  box-shadow: 0 0 0 1px rgba(61, 70, 85, 0.14) !important;
}

a.marca:hover {
  background: var(--ab-blue) !important;
  color: #fff !important;
  box-shadow: 0 4px 10px rgba(53, 85, 225, 0.35) !important;
}

/* Bloco de cotação (duas metades) */
.cotacaobuttons .btn-group .btn:first-child {
  background: var(--ab-blue) !important;
}

.cotacaobuttons .btn-group .btn:last-child {
  background: var(--ab-gray) !important;
}

.cotacaobuttons .btn-group .btn:first-child:hover,
.cotacaobuttons .btn-group .btn:last-child:hover,
.cotacaobuttons .btn-group .btn:hover {
  background: var(--ab-blue-hover) !important;
}

/* Foco em selects do formulário */
select.form-control:not([size]):not([multiple]):not([disabled]):active,
select.form-control:not([size]):not([multiple]):not([disabled]):focus,
select.form-control:not([size]):not([multiple]):not([disabled]):focus-within,
select.form-control:not([size]):not([multiple]):not([disabled]):hover {
  color: var(--ab-gray) !important;
}

/* Títulos de venda / veículo */
.row-venda .col-md-4 h2.h4 {
  color: var(--ab-gray) !important;
}

/* Newsletter / formulário Mautic */
.form-mautic {
  background-color: var(--ab-gray) !important;
}

/* Seções com fundo em degradê (accordion / blog) */
[data-background-color="gray"] {
  background: linear-gradient(0deg, #fff, #f4f5f8 65%, #e8eaf2 100%) !important;
}

.home .bg-seguradoras {
  background: linear-gradient(to bottom, #e8eaf4 0%, #f5f6fa 50%, #fff 100%) !important;
}

.home .final {
  background: linear-gradient(180deg, #fff, #f4f5f9 65%, #e4e8f2 100%) !important;
}

/* Texto “consulte por marca” */
.text-consulte {
  color: var(--ab-gray) !important;
}

/* Links no subtítulo do hero */
.sub-titulo-principal,
.sub-titulo-principal a {
  color: #c5d4ff !important;
}

.sub-titulo-principal a:hover {
  color: #fff !important;
}

/* Política no rodapé do accordion */
.termos-politica {
  color: var(--ab-blue) !important;
}

.fase-3 .btn-group > .btn:not(:disabled):not(.disabled).active,
.fase-4 .btn-group > .btn:not(:disabled):not(.disabled).active {
  background-color: var(--ab-blue) !important;
}

.gsc-search-button-v2 {
  background: var(--ab-blue) !important;
  box-shadow: 0 4px 10px rgba(53, 85, 225, 0.38) !important;
}

.gsc-search-button-v2:hover {
  background: var(--ab-blue-hover) !important;
}