/*-------------------------------------------------------------------
  CORES DO STAND (paleta) — este ficheiro define TODAS as cores.
  Tema Oficina Mercedes AI1b: claro, topo e rodapé pretos, acento preto.
  O modelo (css/style.source.css) usa var(--...). Para mudar o tema,
  altere os valores abaixo. Carrega DEPOIS do css do modelo (ganha).
-------------------------------------------------------------------*/
:root {
  /* PALETA DO STAND — tema claro (Oficina Mercedes-Benz): página branca,
     topo e rodapé pretos, uma única cor de acento nos botões.
     O modelo usa var(--...) sem cores. */

  /* ---------- SUPERFÍCIES (fundos) ---------- */
  --fundo-pagina: #ffffff;          /* fundo geral do site */
  --superficie: #ffffff;            /* cartões, painéis, selects */
  --fundo-secao: #f4f4f4;           /* faixas que separam secções (testemunhos, páginas) */

  /* ---------- ACENTO (botões e estados ativos) ---------- */
  --acento: #000000;                /* botões e estados ativos: preto */
  --acento-texto: #ffffff;          /* texto por cima do acento */

  /* MARCA */
  --primaria: #000000;              /* títulos e ênfases */
  --primaria-muito-escura: #000000;
  --primaria-escura: #333333;
  --botao-hover: #333333;
  --botao: #000000;

  /* LINKS (os nomes "azul" vêm do modelo de origem; aqui são pretos/cinzentos) */
  --link-azul: #000000;
  --link-azul4: #333333;
  --azul-01: #1a1a1a;
  --azul-02: #cfcfcf;
  --azul-03: #d9d9d9;
  --azul-04: #e3e3e3;
  --azul-06: #ececec;

  /* ---------- TOPO E RODAPÉ (pretos) ---------- */
  --topo-fundo: #000000;
  --topo-texto: #bbbbbb;            /* itens do menu, como no site de referência */
  --topo-texto-ativo: #ffffff;
  --topo-borda: #262626;            /* linha entre o logótipo e o menu */
  --rodape-fundo: #000000;
  --rodape-texto: #bbbbbb;
  --rodape-titulo: #ffffff;
  --rodape-borda: #262626;
  --topo-botao-borda: #5a5a5a;       /* contorno do botão contactar no topo */
  --banner-seta: rgba(0,0,0,0.35);    /* setas por cima da fotografia */
  --banner-ponto: rgba(255,255,255,0.45);

  /* ---------- TEXTO ---------- */
  --preto: #000;
  --preto-suave: #1a1a1a;
  --quase-preto: #222222;
  --texto-forte: #000000;           /* nomes, valores e títulos sobre fundo claro */
  --texto-escuro: #1a1a1a;
  --texto: #333333;
  --texto-medio2: #444444;
  --texto-medio: #555555;
  --texto-azulado: #5c5c5c;
  --texto-azulado2: #5c5c5c;
  --texto-suave2: #666666;
  --texto-cinza: #6b6b6b;
  --texto-suave: #707070;
  --texto-azulado3: #7a7a7a;
  --texto-azulado4: #8a8a8a;
  --texto-claro: #999999;
  --branco: #fff;                   /* texto sobre fundos escuros (topo, rodapé, fotografias) */

  /* ---------- FUNDOS DE SECÇÃO ---------- */
  --topo-mobile-fundo: #000000;
  --input-fundo: #ffffff;
  --fundo-claro6: #ececec;
  --sucesso-fundo: #eaf7ef;
  --fundo-07: #e6e6e6;
  --fundo-claro: #f4f4f4;

  /* ---------- BORDAS ---------- */
  --borda: #d9d9d9;
  --borda4: #e6e6e6;

  /* VERDES (sucesso) */
  --sucesso2: #16a34a;
  --sucesso3: #22c55e;
  --sucesso4: #16a34a;
  --sucesso: #16a34a;

  /* VERMELHOS (erro) */
  --erro5: #dc2626;
  --erro4: #dc2626;
  --erro3: #e02424;
  --erro6: #f05252;
  --erro: #dc2626;

  /* OUTRAS / DESTAQUES */
  --destaque-rosa: #e5e5e5;
  --marca-viatura: #000000;         /* nome da marca nos cartões de viatura */

  /* SOMBRAS */
  --transp-01: rgba(0,0,0,0);
  --sombra-01: rgba(0,0,0,0.08);
  --sombra-04: rgba(0,0,0,0.18);
  --sombra-07: rgba(0,0,0,0.28);
  --sombra-09: rgba(0,0,0,0.45);
  --sombra-11: rgba(0,0,0,0.55);
  --sombra-13: rgba(0,0,0,0.65);
  --sombra-14: rgba(0,0,0,0.7);
  --sombra-15: rgba(0,0,0,0.75);

  /* OVERLAYS */
  --overlay-01: rgba(0,0,0,0.06);
  --overlay-02: rgba(0,0,0,0.6);          /* contador de fotos e lupa por cima da fotografia */
  --overlay-03: rgba(255,255,255,0.96);   /* barra de ação fixa (telemóvel) */
  --overlay-04: rgba(255,255,255,1);

  /* TINTAS — translúcidos do acento (preto) */
  --tint-primaria-01: rgba(0,0,0,0.04);
  --tint-primaria-03: rgba(0,0,0,0.08);
  --tint-primaria-04: rgba(0,0,0,0.12);
  --tint-primaria-06: rgba(0,0,0,0.18);
  --tint-primaria-07: rgba(0,0,0,0.14);
  --tint-01: rgba(0,0,0,0.12);
  --tint-botao-01: rgba(255,255,255,1);
  --tint-botao-02: rgba(0,0,0,0.04);
  --tint-botao-03: rgba(0,0,0,0.08);
  --tint-botao-04: rgba(0,0,0,0.12);
  --tint-botao-05: rgba(0,0,0,0.18);
  --tint-botao-06: rgba(0,0,0,0.22);
}


/*-------------------------------------------------------------------
ESTILOS BASE
--------------------------------------------------------------------*/
body {
  background-color: var(--fundo-pagina);
  /* cor de texto por omissao: sem isto tudo o que nao tem cor explicita
     ficaria preto sobre um fundo quase preto */
  color: var(--texto);
}

a:link,
a:visited,
a:hover,
a:active {
  color: var(--texto);
}

.logo-area {
  display: block;
  width: 177px;
  /* Ajusta a largura conforme o teu logótipo */
  height: 87px;
  /* Ajusta a altura conforme o teu logótipo */
  background-image: url('/template/images/logotipo.webp');
}

/*--------------------------------------------------------------------------------------------------------------------

PESQUISA PC E MOBILE

--------------------------------------------------------------------------------------------------------------------*/
.pesquisa-box {
  -webkit-box-shadow: 0px 0px 37px 0px var(--sombra-04);
  -moz-box-shadow: 0px 0px 37px 0px var(--sombra-04);
  box-shadow: 0px 0px 37px 0px var(--sombra-04);
}

.pesquisa-titulo {
  color: var(--primaria);
}

.pesquisa-box {
  background-color: var(--superficie);
}

.pesquisaOptions-text {
  color: var(--texto-medio2);
}

.pesquisaOptions img {
  filter: brightness(0);
}

.pesquisaFiltros-text {
  color: var(--primaria);
}

.pesquisaFiltros img {
  filter: brightness(0);
}

.pesquisa-form label {
  color: var(--texto);
}

.pesquisa-form select {
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-size: 1em;
  padding: 16px 48px 16px 18px !important;
  background: url("/template/images/arrow.webp") no-repeat;
  background-size: 20px;
  background-position: right 16px center;
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 6px var(--sombra-01);
  box-shadow: 0px 2px 6px var(--sombra-01);
}

.pesquisa-form select:hover {
  border-color: var(--primaria);
}

.pesquisa-form select:focus {
  outline: none;
  border-color: var(--primaria);
  box-shadow: 0px 0px 0px 3px var(--tint-primaria-03);
}

.pesquisa-form select>option {
  background-color: var(--superficie);
  color: var(--texto);
  padding: 12px;
}

.pesquisa-button {
  color: var(--acento-texto);
  background-color: var(--acento);
}

.pesquisa-button img {
  width: 22px;
  margin-right: 8px;
  filter: brightness(0);
}

@media screen and (max-width: 1023px) {

  /* PARA DISPOSITIVOS PEQUENOS (SMARTPHONES E TABLETS)*/
  .pesquisa-posicao {
    background-color: var(--sombra-15);
  }

  .pesquisa-button-close {
    color: var(--acento-texto);
    background-color: var(--acento);
  }

  .pesquisa-button-close:hover {
    color: var(--texto);
  }

  .pesquisa-form select {
    font-size: 1.1em;
    width: 100%;
  }
}

/*-------------------------------------------------------------------
MENU MOBILE V4
--------------------------------------------------------------------*/
.mobile-top-bar {
  color: var(--texto-forte);
  background-color: var(--superficie);
  /* sombra suave no fundo da barra de topo mobile
     (!important para vencer qualquer regra da framework/plataforma) */
  box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.08) !important;
}

.mobilebar1,
.mobilebar2,
.mobilebar3 {
  background-color: var(--acento);
}

.mobile-botao-pesquisa {
  background-color: var(--acento);
  color: var(--acento-texto);
}

.mobile-botao-pesquisa img {
  filter: brightness(0);
}

.mobile-menu-close,
.mobile-menu-open,
.menu-mobile-paginas {
  background-color: var(--superficie);
}

.mobile-logotipo-menu-div {
  width: 70%;
  padding: 20px 0px 0px 20px;
}

.menu-mobile-paginas {
  color: var(--primaria);
  font-weight: 600;
  -webkit-transition: color .2s ease, background-color .2s ease;
  transition: color .2s ease, background-color .2s ease;
}

.menu-mobile-paginas.active,
.menu-mobile-paginas:hover {
  color: var(--acento-texto);
  background-color: var(--acento);
  box-shadow: 0 4px 14px var(--tint-primaria-06);
}

.menu-mobile-nivel1content {
  background-color: var(--fundo-claro);
}

.menu-mobile-subpaginas {
  color: var(--primaria-escura);
  -webkit-transition: color .2s ease, background-color .2s ease;
  transition: color .2s ease, background-color .2s ease;
}

.menu-mobile-subpaginas.active,
.menu-mobile-subpaginas:hover {
  background-color: var(--acento);
  color: var(--acento-texto);
}

/*----- Redes sociais dentro do menu mobile (por baixo das páginas) -----*/
.mobile-menu-redes {
  clear: both;
  width: 100%;
  float: left;
  box-sizing: border-box;
  margin-top: 75px;
  padding: 34px 20px 20px 20px;
  border-top: 1px solid var(--fundo-claro6);
}

.mobile-menu-redes-titulo {
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--primaria-escura);
  margin-bottom: 16px;
}

.mobile-menu-redes-icons {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.mobile-menu-redes-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: var(--fundo-claro);
  -webkit-transition: transform .2s ease, background-color .2s ease;
  transition: transform .2s ease, background-color .2s ease;
}

.mobile-menu-redes-icons a:hover {
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
  background-color: var(--fundo-claro6);
}

.mobile-menu-redes-icons img {
  width: 22px;
  height: 22px;
  filter: brightness(0);
}

/*--------------------APRESENTA OS MESSENGER E O WHATSAPP NO FIM DA TELA-------------------------------------------*/
.mobile-redes-bottom.whatsapp {
  background-color: var(--sucesso);
}

.mobile-redes-bottom.messenger {
  background-color: var(--link-azul);
}

.mobile-redes-bottom img {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(130deg) brightness(112%) contrast(101%);
}

.mobile-redes-bottom div {
  color: var(--texto-forte);
}

/*-------------------------------------------------------------------
FORMULÁRIOS
--------------------------------------------------------------------*/
.formulario-all label {
  font-size: 0.9em;
  line-height: 2em;
  color: var(--texto);
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
}

.formulario-all select {
  color: var(--texto);
  padding: 12px 40px 12px 16px !important;
  background-color: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: 2px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.formulario-all input:not([type="checkbox"]):not([type="radio"]),
.formulario-all textarea {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
}

.formulario-all input:not([type="checkbox"]):not([type="radio"]):focus,
.formulario-all textarea:focus,
.formulario-all select:focus {
  outline: none;
  border-color: var(--primaria);
  box-shadow: 0px 0px 0px 3px var(--tint-primaria-03);
}

.formulario-all select>option {
  color: var(--texto);
}

/*-------------------------------------------------------------------
CONTACTOS
--------------------------------------------------------------------*/
.contactos-texto {
  color: var(--texto);
}

.contactos-morada-titulo {
  color: var(--primaria);
}

.contactos-info img {
  filter: brightness(0);
}

.contactos-info span {
  color: var(--texto);
}

.contactos-form label {
  color: var(--texto);
}

.contactos-form select {
  color: var(--texto);
  background-color: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: 2px;
  padding: 12px 40px 12px 16px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.contactos-form select>option {
  color: var(--texto);
}

.contactos-form input:not([type="checkbox"]):not([type="radio"]),
.contactos-form textarea {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
}

.contactos-form input:not([type="checkbox"]):not([type="radio"]):focus,
.contactos-form textarea:focus,
.contactos-form select:focus {
  outline: none;
  border-color: var(--primaria);
  box-shadow: 0px 0px 0px 3px var(--tint-primaria-03);
}

.contactos-form input::placeholder,
.contactos-form textarea::placeholder {
  color: var(--texto-suave);
}


a.contactos:link,
a.contactos:visited,
a.contactos:hover,
a.contactos:active {
  color: var(--texto);
}

.is-invalid {
  border-color: var(--erro5) !important;
}


/*-------------------------------------------------------------------
LAYOUT DETALHES VIATURA
--------------------------------------------------------------------*/
.viatura-titulo {
  color: var(--primaria);
}

.viatura-preco {
  background-color: var(--acento);
  color: var(--acento-texto);
}

.viatura-mensalidade {
  background-color: var(--fundo-claro);
  color: var(--primaria);
}

.viatura-info img {
  filter: brightness(0);
}

.viatura-info-titulo {
  color: var(--texto-cinza);
}

.viatura-info-texto {
  color: var(--primaria-escura);
}

.viatura-subtitulos {
  color: var(--primaria);
}

.viatura-textos {
  color: var(--texto);
}

.viatura-equipamento-categoria-icon img {
  filter: brightness(0);
}

.viatura-equipamento-categoria-nome {
  color: var(--primaria);
}

.viatura-equipamento {
  background-color: var(--superficie);
  border: 1px solid var(--fundo-claro6);
}

.viatura-equipamento-icon img {
  filter: brightness(0);
}

.viatura-equipamento-nome {
  color: var(--texto);
}

.viatura-botoes {
  background-color: var(--superficie);
}

.viatura-botoes img {
  filter: brightness(0);
}

.viatura-botoes div {
  color: var(--texto);
}

.viatura-botoes.whatsapp {
  border: 3px solid var(--sucesso2);
  background-color: var(--sucesso-fundo);
}

.viatura-botoes.whatsapp img {
  filter: invert(52%) sepia(100%) saturate(3599%) hue-rotate(92deg) brightness(93%) contrast(105%);
}

.viatura-botoes.whatsapp div {
  color: var(--sucesso2);
}

.viatura-botoes.messenger {
  border: 3px solid var(--link-azul);
  background-color: var(--fundo-claro6);
}

.viatura-botoes.messenger img {
  filter: invert(32%) sepia(71%) saturate(2934%) hue-rotate(195deg) brightness(105%) contrast(103%);
}

.viatura-botoes.messenger div {
  color: var(--link-azul);
}

.viatura-botoes.informacoes,
.viatura-botoes.telefone {
  background-color: var(--acento);
}

.viatura-botoes.informacoes span,
.viatura-botoes.telefone span {
  color: var(--acento-texto);
}


#bx-pager .link-img {
  opacity: 1;
  border: 4px solid var(--transp-01);
}

#bx-pager .link-img.active div {
  border: 4px solid var(--texto-forte);
}

/*-------------------------------------------------------------------
WIDGET - FINANCIAMENTO V1
--------------------------------------------------------------------*/
.financiamento-titulos {
  color: var(--primaria);
  font-weight: 600;
  font-size: 1.15em;
}

.financiamento-form label {
  color: var(--texto);
  font-weight: 500;
}

.financiamento-form select {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
  padding: 12px 40px 12px 16px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.financiamento-form select>option {
  color: var(--texto);
}

.financiamento-form input[type="text"],
.financiamento-form input[type="email"],
.financiamento-form textarea {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
}

.financiamento-form input[type="text"]::placeholder,
.financiamento-form input[type="email"]::placeholder,
.financiamento-form textarea::placeholder {
  color: var(--texto-suave);
}

a.financiamento:link,
a.financiamento:visited,
a.financiamento:hover,
a.financiamento:active {
  color: var(--primaria);
}

.financiamento-addmore {
  background-color: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 2px;
  padding: 11px 24px;
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 0.9em;
  cursor: pointer;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  box-shadow: 0 4px 12px var(--tint-primaria-04);
}

.financiamento-addmore:hover {
  background-color: var(--acento);
  box-shadow: 0 6px 18px var(--tint-primaria-07);
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}

/* Upload de ficheiros — zona moderna */
.financiamento-form input[type="file"],
.financiamento-form .custom-file-input {
  width: 100%;
  box-sizing: border-box;
  background-color: var(--superficie);
  color: var(--texto-azulado);
  border: 2px dashed var(--azul-02);
  border-radius: 2px;
  padding: 16px 18px;
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-size: 0.88em;
  cursor: pointer;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease;
}

.financiamento-form input[type="file"]:hover {
  border-color: var(--primaria);
  background-color: var(--fundo-claro);
}

.financiamento-form input[type="file"]::file-selector-button {
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 0.95em;
  background-color: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 2px;
  padding: 9px 18px;
  margin-right: 14px;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.financiamento-form input[type="file"]:hover::file-selector-button,
.financiamento-form input[type="file"]::file-selector-button:hover {
  background-color: var(--acento);
}

/* compatibilidade WebKit antigo */
.financiamento-form input[type="file"]::-webkit-file-upload-button {
  font-family: "MBCorpoS", Helvetica, Arial, sans-serif;
  font-weight: 600;
  background-color: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 2px;
  padding: 9px 18px;
  margin-right: 14px;
  cursor: pointer;
}

/*-------------------------------------------------------------------
WIDGET - COMPRAMOS V1
--------------------------------------------------------------------*/
.compramos-titulos {
  color: var(--primaria);
}

.compramos-form label {
  color: var(--texto);
  font-weight: 500;
}

.compramos-form select {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
  padding: 12px 40px 12px 16px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.compramos-form select>option {
  color: var(--texto);
}

.compramos-form input[type="text"],
.compramos-form input[type="email"],
.compramos-form textarea {
  background-color: var(--superficie);
  color: var(--texto);
  border: 1px solid var(--borda);
  border-radius: 2px;
}

.compramos-form input[type="text"]::placeholder,
.compramos-form input[type="email"]::placeholder,
.compramos-form textarea::placeholder {
  color: var(--texto-suave);
}

/*-------------------------------------------------------------------
CAMPOS DE FORMULÁRIO — regra global (fundo branco + contorno igual à pesquisa)
Cobre todos os formulários (intermediação, financiamento, compramos, contactos, etc.)
--------------------------------------------------------------------*/
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]):not([type="range"]),
textarea {
  background-color: var(--superficie) !important;
  color: var(--texto);
  border: 1px solid var(--borda) !important;
  border-radius: 2px;
  padding: 12px 16px;
  box-sizing: border-box;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="file"]):not([type="hidden"]):not([type="range"]):focus,
textarea:focus {
  outline: none;
  border-color: var(--primaria) !important;
  box-shadow: 0px 0px 0px 3px var(--tint-primaria-03);
}


a.compramos:link,
a.compramos:visited,
a.compramos:hover,
a.compramos:active {
  color: var(--primaria);
}


.compramos-anexos-subtitulo {
  color: var(--primaria);
  border-bottom: 1px solid var(--azul-06);
}

.compramos-drop-container {
  border: 2px dashed var(--azul-02);
  background-color: var(--superficie);
  color: var(--texto-azulado2);
}

.compramos-drop-container:hover {
  background: var(--fundo-claro);
  border-color: var(--primaria);
  box-shadow: 0 8px 22px var(--tint-primaria-03);
}

.compramos-drop-container:hover .compramos-drop-title {
  color: var(--primaria);
}

.compramos-drop-title {
  color: var(--texto-azulado2);
}

.compramos-drop-container input[type=file] {
  color: var(--texto-medio2);
  background: var(--superficie);
  border: 1px solid var(--texto-medio);
}

.compramos-drop-container input[type=file]::file-selector-button {
  background: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 2px;
  padding: 9px 18px;
  margin-right: 14px;
  font-weight: 600;
  cursor: pointer;
}

.compramos-drop-container input[type=file]::file-selector-button:hover {
  background: var(--acento);
}


/*-------------------------------------------------------------------
GALERIA CLIENTES
--------------------------------------------------------------------*/
.galeriacl-div {
  background-color: var(--superficie);
}

/*-------------------------------------------------------------------
GALERIA CLIENTES - WIDGET - MODAL
--------------------------------------------------------------------*/
.galeriacl-modal {
  background-color: var(--superficie);
  color: var(--texto);
}

.galeriacl-button-close {
  background-color: var(--acento);
  color: var(--acento-texto);
}


.galeriacl-modal-img {
  border: 5px solid var(--texto-forte);
}

.galeriacl-modal-data {
  color: var(--texto-claro);
}

.galeriacl-modal-nome {
  color: var(--texto);
}

.galeriacl-modal-texto {
  color: var(--texto);
}

/* Track */
.galeriacl-modal-content::-webkit-scrollbar-track {
  background: var(--superficie) !important
}

/* Handle */
.galeriacl-modal-content::-webkit-scrollbar-thumb {
  background: var(--texto) !important
}

/* Handle on hover */
.galeriacl-modal-content::-webkit-scrollbar-thumb:hover {
  background: var(--texto-medio);
}

/*----------------------------------------------------------------------
GALERIA CLIENTES - WIDGET
-----------------------------------------------------------------------*/
#galeriacl-widget.owl-theme .owl-dots .owl-dot span {
  background: var(--borda4);
}

#galeriacl-widget.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--acento)
}

.galeriacl-vermais {
  background-color: var(--acento);
  color: var(--acento-texto);
  border-radius: 2px;
  -webkit-transition: background-color .2s ease;
  transition: background-color .2s ease;
}

.galeriacl-vermais:hover {
  background-color: var(--acento);
}

.galeriacl-iten {
  background-color: var(--superficie);
}

.galeriacl-data {
  color: var(--texto-claro);
}

.galeriacl-nome {
  color: var(--texto);
}

.galeriacl-texto {
  color: var(--texto);
}

/* Track */
.galeriacl-content::-webkit-scrollbar-track {
  background: var(--superficie) !important
}

/* Handle */
.galeriacl-content::-webkit-scrollbar-thumb {
  background: var(--preto) !important
}

/* Handle on hover */
.galeriacl-content::-webkit-scrollbar-thumb:hover {
  background: var(--texto-medio);
}

/*-------------------------------------------------------------------
WIDGET - OFICINA
--------------------------------------------------------------------*/
.oficina-titulos {
  color: var(--texto-escuro);
}

.oficina-servico {
  background-color: var(--superficie);
}

.oficina-servico img {
  filter: brightness(0);
}

.oficina-servico span {
  color: var(--texto);
}

.oficina-servico:hover,
.oficina-servico.active {
  background-color: var(--texto-escuro);
}

.oficina-servico:hover span,
.oficina-servico.active span {
  color: var(--texto-forte);
}

.oficina-servico:hover img,
.oficina-servico.active img {
  filter: brightness(0);
}

.oficina-form label {
  color: var(--texto);
}

.oficina-form select {
  color: var(--texto);
  background-color: var(--superficie);
  border: 1px solid var(--borda);
  border-radius: 2px;
  padding: 12px 40px 12px 16px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px;
}

.oficina-form select>option {
  color: var(--texto);
}

.oficina-form input[type="text"],
.oficina-form input[type="email"],
.oficina-form textarea {
  background-color: var(--input-fundo);
  color: var(--texto);
}

.oficina-form input[type="text"]::placeholder,
.oficina-form input[type="email"]::placeholder,
.oficina-form textarea::placeholder {
  color: var(--texto-suave);
}

a.oficina:link,
a.oficina:visited,
a.oficina:hover,
a.oficina:active {
  color: var(--texto);
}

/*-------------------------------------------------------------------
TOOLTIP
--------------------------------------------------------------------*/
.tooltip {
  background-color: var(--acento);
  color: var(--acento-texto);
}

/* a seta do tooltip acompanha o fundo */
.tooltip span {
  border-top: 7px solid var(--acento);
}

/*-------------------------------------------------------------------
MODALS
--------------------------------------------------------------------*/
.modalbackdrop {
  background-color: var(--sombra-15);
}

.modal-alert {
  background-color: var(--superficie);
  color: var(--texto);
}

.modal-result-info {
  color: var(--erro)
}

.modal-button-sucesso {
  background-color: var(--sucesso4);
  color: var(--texto-forte);
}

.modal-button-close {
  background-color: var(--borda);
  color: var(--texto);
}

.modal-button-sucesso img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(155deg) brightness(100%) contrast(103%);
}

.modal-button-close img {
  filter: brightness(0);
}

/*-------------------------------------------------------------------
SHARE
--------------------------------------------------------------------*/
.modalsharebackdrop {
  background-color: var(--sombra-15);
}

.modal-share {
  background-color: var(--fundo-07);
  color: var(--texto);
}

.share-iten {
  background-color: var(--superficie);
}

.modal-share-close {
  background-color: var(--fundo-07);
  color: var(--texto);
}

.share-iten.facebook img {
  filter: invert(29%) sepia(68%) saturate(683%) hue-rotate(184deg) brightness(88%) contrast(81%);
}

.share-iten.whatsapp img {
  filter: invert(40%) sepia(87%) saturate(1116%) hue-rotate(90deg) brightness(103%) contrast(101%);
}

.share-iten.linkedin img {
  filter: invert(24%) sepia(100%) saturate(1487%) hue-rotate(194deg) brightness(94%) contrast(93%);
}

.share-iten.twitter img {
  filter: brightness(0);
}

/*-------------------------------------------------------------------
SCROLL UP
--------------------------------------------------------------------*/
.scrolltop {
  background-color: var(--acento);
}

.scrolltop img {
  filter: brightness(0);
}

/* esconde o botão "ir para o topo" na versão mobile */
@media screen and (max-width: 1023px) {
  .scrolltop {
    display: none !important;
  }
}

/*-------------------------------------------------------------------
SCROLL TELA
--------------------------------------------------------------------*/
/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--texto-suave2);
}


/*-------------------------------------------------------------------------------------------
Widget Comerciais
--------------------------------------------------------------------------------------------*/
.widget-comerciais-menu-close,
.widget-comerciais-menu-open {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#24cc63+0,ffffff+35,ffffff+100 */
  background: linear-gradient(to bottom, var(--tint-botao-01) 0%, var(--overlay-04) 35%, var(--overlay-04) 100%) !important;
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /* Standard syntax */
  -webkit-box-shadow: -3px 0px 5px 0px var(--sombra-04);
  -moz-box-shadow: -3px 0px 5px 0px var(--sombra-04);
  box-shadow: -3px 0px 5px 0px var(--sombra-04);
}

.widget-comerciais-menu-titulo {
  color: var(--texto-forte) !important;
}

.widget-comerciais-menu-subtitulo {
  color: var(--texto-forte) !important;
}

.widget-comerciais-iconclose img {
  filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(201deg) brightness(102%) contrast(105%) !important;
}


.destaque-card .vendido {
  background: var(--erro4);
  color: var(--texto-forte);
}

/* pílula de preço quando a viatura está VENDIDA (substitui o preço) */
.viatura-preco-vendido,
.triangulo-vendido {
  background: var(--erro4) !important;
  color: var(--texto-forte) !important;
}

/*-------------------------------------------------------------------
TEMA AI19B — CORES DOS BLOCOS NOVOS
--------------------------------------------------------------------*/

/* topo */
.btn-lupa {
  color: var(--texto-forte);
}

.btn-contact {
  border-color: var(--borda);
  background-color: transparent;
}

/* precisa dos estados de link: a regra global "a:link" e' mais especifica
   do que ".btn-contact" e estava a pintar o texto de --texto (cinzento) */
.btn-contact,
.btn-contact:link,
.btn-contact:visited,
.btn-contact:active {
  color: var(--texto-forte);
}

/* :focus tambem, senao depois de clicar ficava com a regra do modelo
   base (texto --botao, que e' branco) sobre o fundo claro */
.btn-contact:hover,
.btn-contact:focus {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}

/* link "ver todas as viaturas" */
.ver-todas:link,
.ver-todas:visited,
.ver-todas:active {
  color: var(--texto-forte);
}

.ver-todas:hover {
  color: var(--primaria-escura);
}

/* visite-nos */
.visite-div {
  background-color: var(--fundo-pagina);
}

.visite-card {
  background-color: var(--superficie);
  border: 1px solid var(--borda);
}

.visite-titulo {
  color: var(--texto-forte);
}

.visite-morada {
  color: var(--texto-medio);
}

.visite-botao {
  border-color: var(--borda);
  color: var(--texto-forte);
}

.visite-botao:hover {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}

/* faixa de servicos */
.servicos-div {
  background-color: var(--fundo-pagina);
}

.servicos-cell {
  border-left: 1px solid var(--borda);
}

/* nao ha excecao para a primeira celula: o carrossel embrulha cada uma num
   .owl-item proprio, por isso :first-child acertava em TODAS e apagava
   o separador de todas */

.servicos-titulo {
  color: var(--texto-forte);
}

.servicos-descricao {
  color: var(--texto-medio);
}

/* os SVG dos servicos sao pretos (fill #000000): o filtro passa-os a branco */
.servicos-img {
  filter: brightness(0);
}

/* hero */
.slide-subtitulo {
  color: var(--texto-medio2);
}

@media screen and (max-width: 1023px) {

  /* sem separadores no telemovel: os cartoes ficam empilhados e o traco no
     topo lia-se como um risco solto por cima do titulo */
  .servicos-cell {
    border-left: none;
    border-top: none;
  }
}

.slide-btn-2 {
  border-color: var(--texto-forte);
}

.slide-btn-2:link,
.slide-btn-2:visited,
.slide-btn-2:active {
  color: var(--texto-forte);
}

.slide-btn-2:hover {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}


/*-------------------------------------------------------------------
RODAPÉ (tema AI19b) — cores
--------------------------------------------------------------------*/
.rodape-div {
  background-color: var(--fundo-pagina);
}

.rodape-contacto {
  color: var(--texto-medio);
}

.rodape-contacto svg {
  color: var(--texto-forte);
}

.rodape-contacto a:link,
.rodape-contacto a:visited,
.rodape-contacto a:active {
  color: var(--texto-medio);
}

.rodape-contacto a:hover {
  color: var(--texto-forte);
}

.developed-div {
  background-color: var(--fundo-pagina);
  border-top-color: var(--borda);
}

.developed-direitos,
.developed-by {
  /* --texto-claro dava 3.4:1 sobre o fundo quase preto: ilegivel */
  color: var(--texto-suave);
}

/* topo: barra preta encostada ao fundo da pagina */
.navbar-container {
  background-color: var(--fundo-pagina);
}

/* sombra branca muito fraca na barra fixa (so' depois de 60px de scroll,
   quando o JS poe a classe .navbar-fixed); no estado normal fica o
   box-shadow: none do modelo */
.navbar-container.navbar-fixed {
  box-shadow: 0px 4px 22px var(--tint-primaria-03);
}


/*-------------------------------------------------------------------
BANNER (tema AI19b) — cores
--------------------------------------------------------------------*/
/* setas: vidro escuro em vez do branco translucido do framework */
.slide-before,
.slide-next {
  background-color: var(--tint-primaria-04);
  border-color: var(--tint-primaria-07);
}

.slide-before:hover,
.slide-next:hover {
  background-color: var(--acento);
  border-color: var(--acento);
}

.slide-before img,
.slide-next img {
  filter: brightness(0);
}

.slide-before:hover img,
.slide-next:hover img {
  filter: brightness(0);
}

/* scrim: sem isto o texto do hero fica dependente da fotografia */
.slideshow-top-gradiante {
  background: linear-gradient(to bottom, var(--sombra-11) 0%, var(--transp-01) 100%);
}

.slideshow-bottom-gradiante {
  background: linear-gradient(to top, var(--sombra-15) 0%, var(--sombra-09) 40%, var(--transp-01) 100%);
}


/*-------------------------------------------------------------------
PESQUISA (tema AI19b) — cores
--------------------------------------------------------------------*/
.pesquisa-box {
  background-color: var(--fundo-pagina);
}

.pesquisa-titulo {
  color: var(--texto-forte);
}

/* caixa do campo: o rótulo é o texto do próprio label */
.pesquisa-cell label {
  background-color: var(--superficie);
  border-color: var(--borda);
  color: var(--texto-cinza);
}

.pesquisa-cell label:hover {
  border-color: var(--tint-primaria-07);
}

/* o valor escolhido, por baixo do rótulo */
.pesquisa-form .custom-select-trigger,
.pesquisa-form select {
  color: var(--texto-forte);
}

.pesquisa-button {
  background-color: var(--acento);
  color: var(--acento-texto);
}

.pesquisa-button:hover {
  background-color: var(--botao-hover);
}

.pesquisa-button img {
  filter: brightness(0);
}

.pesquisaOptions-text,
.pesquisaFiltros-text {
  color: var(--texto-medio);
}

.pesquisaOptions:hover .pesquisaOptions-text,
.pesquisaFiltros:hover .pesquisaFiltros-text {
  color: var(--texto-forte);
}

.pesquisaOptions img,
.pesquisaFiltros img {
  filter: brightness(0);
}

/*-------------------------------------------------------------------
BANNER: indicadores de slide — cores
--------------------------------------------------------------------*/
.slide-dot {
  background-color: var(--tint-primaria-07);
}

.slide-dot-progresso {
  background-color: var(--texto-forte);
}

/* "Saber mais" dos servicos: link de texto, nao botao */
.servicos-saibamais,
.servicos-saibamais:link,
.servicos-saibamais:visited,
.servicos-saibamais:active {
  color: var(--texto-forte);
}

.servicos-saibamais:hover {
  color: var(--texto-medio);
}

/* icones de ano/km/combustivel nos cartoes: os SVG sao escuros e nao tinham
   filtro nenhum, ficando quase invisiveis sobre o cartao preto */
.viaturas-icon img {
  filter: brightness(0);
}


/*-------------------------------------------------------------------
TESTEMUNHOS (tema AI19b) - cores
--------------------------------------------------------------------*/
.reviews-div {
  background-color: var(--fundo-pagina);
}

.reviews-avaliacao {
  background-color: var(--superficie);
  border-color: var(--borda);
  color: var(--texto-medio);
}

.reviews-avaliacao span {
  color: var(--texto-forte);
}

.reviews-iten {
  background-color: var(--superficie);
  border-color: var(--borda);
}

.reviews-iten:hover {
  border-color: var(--texto-claro);
}

.reviews-iten::before {
  color: var(--tint-primaria-03);
}

/* o nome estava a var(--preto-suave) (#1a1a1a): invisivel sobre o cartao */
.reviews-nome {
  color: var(--texto-forte);
}

.reviews-data {
  color: var(--texto-suave);
}

.reviews-texto {
  color: var(--texto-medio2);
}

/* o separador passou para baixo da identidade (avatar, data e Google) */
.reviews-img-div,
.reviews-data,
.reviews-origem {
  border-bottom-color: var(--borda);
}

/* modal do testemunho */
.reviews-modal-backdrop {
  background-color: var(--overlay-02);
}

.reviews-modal {
  background-color: var(--superficie);
  border: 1px solid var(--borda);
}

.reviews-modal-nome {
  color: var(--texto-forte);
}

.reviews-modal-data {
  color: var(--texto-suave);
}

.reviews-button-close {
  background-color: var(--acento);
  color: var(--acento-texto);
}

.reviews-button-close:hover {
  background-color: var(--botao-hover);
}


/*-------------------------------------------------------------------
PESQUISA: "Limpar Filtros" e "Pesquisa Avancada" — cores
  Havia um branco-sobre-branco: no hover o modelo poe fundo --acento
  (branco) e texto --acento-texto (escuro), mas a regra do stand mais
  abaixo repunha o texto a --branco, apagando-o. Fica aqui resolvido.
--------------------------------------------------------------------*/
.pesquisaOptions,
.pesquisaFiltros {
  border-color: var(--borda);
  background-color: var(--fundo-pagina);
}

.pesquisaOptions-text,
.pesquisaFiltros-text {
  color: var(--texto-forte);
}

.pesquisaOptions::after {
  border-color: var(--texto-forte);
}

.pesquisaOptions:hover,
.pesquisaFiltros:hover {
  background-color: var(--acento);
  border-color: var(--acento);
}

.pesquisaOptions:hover .pesquisaOptions-text,
.pesquisaFiltros:hover .pesquisaFiltros-text {
  color: var(--acento-texto);
}

.pesquisaOptions:hover::after {
  border-color: var(--acento-texto);
}


/*-------------------------------------------------------------------
VISITE-NOS: cartao SOBRE NOS — degrade sobre a fotografia
--------------------------------------------------------------------*/
.visite-card-sobre::before {
  background-image: linear-gradient(to right,
      var(--superficie) 0%,
      var(--superficie) 30%,
      var(--overlay-02) 55%,
      var(--sombra-04) 78%,
      var(--transp-01) 100%);
}

/* no telemovel o cartao e' estreito: o degrade passa a vertical para o
   texto nao cair por cima da zona clara da fotografia */
@media screen and (max-width: 1023px) {
  .visite-card-sobre::before {
    background-image: linear-gradient(to bottom,
        var(--overlay-02) 0%,
        var(--sombra-11) 60%,
        var(--sombra-04) 100%);
  }
}


/*-------------------------------------------------------------------
VISITE-NOS: mapa em tons escuros
  O Google Maps e' claro e num cartao preto ficava a berrar. O filtro
  inverte a luminosidade e roda a matiz de volta, deixando o mapa
  escuro com as cores (agua, verdes) proximas do original.
--------------------------------------------------------------------*/
.visite-mapa {
  background-color: var(--superficie);
}

.visite-mapa iframe {
  filter: none;
}


/*-------------------------------------------------------------------
PAGINA DE VIATURA (tema AI19b) - cores
--------------------------------------------------------------------*/
.viatura-galeria-contador {
  background-color: var(--overlay-02);
  color: var(--texto-forte);
}

.viatura-galeria-lupa {
  background-color: var(--overlay-02);
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='16.5' y1='16.5' x2='21' y2='21'/><line x1='11' y1='8' x2='11' y2='14'/><line x1='8' y1='11' x2='14' y2='11'/></svg>");
}

/* identidade */
.viatura-id-marca {
  color: var(--texto-forte);
}

.viatura-id-versao {
  color: var(--texto-medio);
}

/* a regra antiga (mais acima neste ficheiro) desenhava uma pilula branca:
   sem isto o preco fica branco sobre branco */
.viatura-preco {
  background-color: transparent;
  color: var(--texto-forte);
}

.viatura-preco-antes {
  color: var(--texto-suave);
}

.viatura-desconto-badge {
  background: var(--acento);
  color: var(--acento-texto);
}

.viatura-mensalidade {
  background-color: transparent;
  color: var(--texto-medio);
}

.viatura-selo {
  border-color: var(--borda);
  color: var(--texto-medio);
}

/* os 4 destaques */
.viatura-destaques {
  border-color: var(--borda);
  background-color: var(--superficie);
}

.viatura-destaque:nth-child(odd),
.viatura-destaque:nth-child(-n+2) {
  border-color: var(--borda);
}

/* os SVG sao escuros: o filtro passa-os a branco */
.viatura-destaque-icon img,
.viatura-ficha-icon img {
  filter: brightness(0);
  opacity: 0.75;
}

.viatura-destaque-valor {
  color: var(--texto-forte);
}

.viatura-destaque-nome {
  color: var(--texto-suave);
}

/* ancoras */
.viatura-ancoras {
  border-bottom-color: var(--borda);
  background-color: var(--fundo-claro);
}

.viatura-ancora,
.viatura-ancora:link,
.viatura-ancora:visited,
.viatura-ancora:active {
  color: var(--texto-medio);
}

.viatura-ancora:hover,
.viatura-ancora.ativa {
  color: var(--texto-forte);
  border-bottom-color: var(--acento);
}

/* seccoes */
.viatura-secao-cabeca {
  border-bottom-color: var(--borda);
}

.viatura-secao-titulo {
  color: var(--texto-forte);
}

.viatura-secao-seta {
  border-color: var(--texto-medio);
}

/* ficha tecnica */
.viatura-ficha-item {
  border-bottom-color: var(--borda);
}

.viatura-ficha-nome {
  color: var(--texto-medio);
}

.viatura-ficha-valor {
  color: var(--texto-forte);
}

@media screen and (max-width: 1023px) {
  .viatura-secao {
    border-bottom-color: var(--borda);
  }

  /* barra de acao fixa */
  .viatura-barra {
    background-color: var(--overlay-03);
    border-top-color: var(--borda);
  }

  .viatura-barra-valor {
    color: var(--texto-forte);
  }

  .viatura-barra-mes {
    color: var(--texto-suave);
  }

  .viatura-barra-tel {
    border-color: var(--borda);
  }

  .viatura-barra-tel img {
    filter: brightness(0);
  }

  .viatura-barra-btn {
    background-color: var(--acento);
    color: var(--acento-texto);
  }
}


/*-------------------------------------------------------------------
CARROSSEIS: pontos em barra, com as cores das do banner
--------------------------------------------------------------------*/
#segmentos-owl.owl-theme .owl-dots .owl-dot span,
#galeriacl-widget.owl-theme .owl-dots .owl-dot span,
#reviews-widget.owl-theme .owl-dots .owl-dot span,
.moradas-grid.owl-theme .owl-dots .owl-dot span,
.owl-theme .owl-dots .owl-dot span {
  background-color: var(--tint-primaria-07);
}

#segmentos-owl.owl-theme .owl-dots .owl-dot.active span,
#segmentos-owl.owl-theme .owl-dots .owl-dot:hover span,
#galeriacl-widget.owl-theme .owl-dots .owl-dot.active span,
#galeriacl-widget.owl-theme .owl-dots .owl-dot:hover span,
#reviews-widget.owl-theme .owl-dots .owl-dot.active span,
#reviews-widget.owl-theme .owl-dots .owl-dot:hover span,
.moradas-grid.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: var(--texto-forte);
}


/*-------------------------------------------------------------------
TEXTOS QUE FICARAM ESCUROS SOBRE FUNDO ESCURO
  O modelo pinta-os com var(--preto-suave) (#1a1a1a), que era legivel no
  tema claro de origem. Aqui desapareciam.
--------------------------------------------------------------------*/
.segmentos-titulo {
  color: var(--texto-forte);
}

.equipa-telemovel,
.equipa-telemovel a {
  color: var(--texto-forte);
}

.equipa-telemovel a:hover {
  color: var(--texto-medio);
}


/*-------------------------------------------------------------------
CONTACTOS (tema AI19b) - cores
--------------------------------------------------------------------*/
/* O pin era um gradiente de --primaria para --botao. No tema claro de
   origem eram os azuis da marca; aqui sao ambos brancos, o que dava um
   quadrado branco solido com o icone (stroke #fff) invisivel la dentro. */
.contactos-card-pin {
  background-image: none;
  background-color: var(--superficie);
  border: 1px solid var(--borda);
}

/* as molduras estavam a var(--fundo-claro) (#101010): nao se viam */
.contactos-card,
.contactos-form-card {
  border-color: var(--borda);
}

.contactos-mapa {
  border-color: var(--borda);
  background-color: var(--superficie);
}

/* o Google Maps e claro e num cartao preto ficava a berrar (mesmo
   tratamento do mapa do bloco "visite-nos") */
.contactos-mapa iframe {
  filter: none;
}

/* botao "obter direcoes": fundo quase igual ao cartao e texto que a regra
   global "a:link" puxava para cinzento. Passa a botao de contorno. */
.contactos-direcoes-btn {
  background: none;
  border: 1px solid var(--borda);
}

.contactos-direcoes-btn,
.contactos-direcoes-btn:link,
.contactos-direcoes-btn:visited,
.contactos-direcoes-btn:active {
  color: var(--texto-forte);
}

.contactos-direcoes-btn:hover {
  background: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}


/* atalho para as restantes moradas no rodape */
.rodape-mais-moradas,
.rodape-mais-moradas:link,
.rodape-mais-moradas:visited,
.rodape-mais-moradas:active {
  color: var(--texto-forte);
}

.rodape-mais-moradas:hover {
  color: var(--texto-medio);
}


/*-------------------------------------------------------------------
MODAL DO TESTEMUNHO (tema AI19b) - cores
--------------------------------------------------------------------*/
.reviews-modal-backdrop {
  background-color: var(--sombra-14);
}

.reviews-modal {
  border-color: var(--borda);
}

.reviews-modal::before {
  color: var(--tint-primaria-03);
}

.reviews-button-close {
  background-color: var(--superficie);
  border-color: var(--borda);
  color: var(--texto-medio);
}

.reviews-button-close:hover {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}

.reviews-modal-texto {
  border-top-color: var(--borda);
  color: var(--texto-medio2);
}

.reviews-modal-content::-webkit-scrollbar-thumb {
  background-color: var(--borda);
}


/* setas dos testemunhos: as mesmas cores das do banner */
#reviews-widget .owl-nav button.owl-prev,
#reviews-widget .owl-nav button.owl-next {
  background-color: var(--tint-primaria-04) !important;
  border-color: var(--tint-primaria-07);
}

#reviews-widget .owl-nav button.owl-prev:hover,
#reviews-widget .owl-nav button.owl-next:hover {
  background-color: var(--acento) !important;
  border-color: var(--acento);
}

#reviews-widget .owl-nav button.owl-prev img,
#reviews-widget .owl-nav button.owl-next img {
  filter: brightness(0);
}

#reviews-widget .owl-nav button.owl-prev:hover img,
#reviews-widget .owl-nav button.owl-next:hover img {
  filter: brightness(0);
}


/* O relogio do horario e um <svg> inline: nao apanha o filtro que branqueia
   os <img> das outras linhas. Trazia o azul do tema de origem fixo no
   markup (ja passou a currentColor) e fica agora igual aos restantes. */
.contactos-linha > svg {
  stroke: var(--texto-forte);
}

.contactos-linha-horario strong {
  color: var(--texto-forte);
}


/*-------------------------------------------------------------------
PESQUISA NO TELEMOVEL (tema AI19b) - cores
--------------------------------------------------------------------*/
@media screen and (max-width: 1023px) {

  /* seta do select nativo: o modelo usava o arrow.webp antigo, que lia
     como um icone de menu */
  .pesquisa-form .pesquisa-cell select {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333333' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");
  }

  /* fechar: deixa de ser um circulo branco solto e passa a chip discreto
     dentro do painel */
  .pesquisa-button-close {
    background-color: var(--superficie);
    border-color: var(--borda);
    color: var(--texto-medio);
  }

  .pesquisa-button-close:hover {
    background-color: var(--acento);
    border-color: var(--acento);
    color: var(--acento-texto);
  }
}

/*-------------------------------------------------------------------
VISITE-NOS: o botao do cartao "sobre nos" assenta sobre uma fotografia,
por isso o contorno discreto (--borda) nao se lia. Passa a solido.
--------------------------------------------------------------------*/
.visite-card-sobre .visite-botao {
  background-color: var(--acento);
  border-color: var(--acento);
}

.visite-card-sobre .visite-botao,
.visite-card-sobre .visite-botao:link,
.visite-card-sobre .visite-botao:visited,
.visite-card-sobre .visite-botao:active {
  color: var(--acento-texto);
}

.visite-card-sobre .visite-botao:hover {
  background-color: var(--botao-hover);
  border-color: var(--botao-hover);
  color: var(--acento-texto);
}


/* identificacao fiscal no rodape */
.developed-fiscal {
  color: var(--texto-suave);
}


/*-------------------------------------------------------------------
MODAL "NOS LIGAMOS" (tema AI19b) - cores
--------------------------------------------------------------------*/
.modalbackdrop {
  background-color: var(--sombra-14);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.modal-alert {
  border-color: var(--borda);
}

.modal-titulo {
  color: var(--texto-forte);
}

.modal-content {
  color: var(--texto-medio);
}

/* o "Enviar" estava a var(--sucesso4) (#16a34a), verde herdado do tema
   claro de origem. Passa a acao principal do tema: solido a branco. */
.modal-button-sucesso {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}

.modal-button-sucesso:hover {
  background-color: var(--botao-hover);
  border-color: var(--botao-hover);
  color: var(--acento-texto);
}

/* o "Fechar" e' a acao secundaria: contorno, sem peso */
.modal-button-close {
  background-color: transparent;
  border-color: var(--borda);
  color: var(--texto-medio);
}

.modal-button-close:hover {
  background-color: transparent;
  border-color: var(--texto-forte);
  color: var(--texto-forte);
}


/*-------------------------------------------------------------------
CARTOES DE VIATURA (telemovel): setas das fotos nos cartoes
  O circulo usava var(--overlay-02), que nesta paleta e' quase preto, e
  o left/right-arrow.svg e' um desenho escuro sem filtro: seta escura em
  cima de circulo escuro. Seta a branco e circulo escuro translucido com
  contorno subtil, para se ler tanto em fotos claras como escuras.
--------------------------------------------------------------------*/
.destaque-card .viaturas-foto-previews,
.destaque-card .viaturas-foto-next {
  background-color: var(--sombra-09);
  border: 1px solid var(--tint-primaria-07);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.destaque-card .viaturas-foto-previews img,
.destaque-card .viaturas-foto-next img {
  filter: brightness(0);
}


/*===================================================================
TEMA OFICINA MERCEDES AI1b — cores
  O resto deste ficheiro veio do AI19b (escuro) e foi passado a claro:
  o que era "texto branco" passou a var(--texto-forte), os ícones que
  eram invertidos para branco ficam pretos e os mapas perdem o filtro
  escuro. Aqui ficam as zonas que continuam escuras (topo, rodapé, menu
  do telemóvel, fotografias) e as secções novas do tema.
===================================================================*/

/*-------------------------------------------------------------------
TOPO — preto, menu cinzento e página ativa a branco
--------------------------------------------------------------------*/
.navbar-container,
.navbar-container.navbar-fixed {
  background-color: var(--topo-fundo);
  box-shadow: none;
}

.navbar-container .nav-menu {
  border-top-color: var(--topo-borda);
}

.navbar-container a.menu-topo:link,
.navbar-container a.menu-topo:visited,
.navbar-container a.menu-topo:active {
  color: var(--topo-texto);
}

.navbar-container a.menu-topo:hover,
.navbar-container a.menu-topo.active {
  color: var(--topo-texto-ativo);
}

.navbar-container a.menu-topo::after {
  background-color: var(--topo-texto-ativo);
}

.navbar-container .dropdown-content-menu {
  background-color: var(--topo-fundo);
  border-color: var(--topo-borda);
}

.navbar-container a.submenu:link,
.navbar-container a.submenu:visited {
  color: var(--topo-texto);
}

.navbar-container a.submenu:hover,
.navbar-container a.submenu.active {
  color: var(--topo-texto-ativo);
  background-color: var(--quase-preto);
}

.topo-telefone:link,
.topo-telefone:visited,
.topo-telefone:active {
  color: var(--topo-texto);
}

.topo-telefone:hover {
  color: var(--topo-texto-ativo);
}

.btn-contact {
  background-color: transparent;
  border-color: var(--topo-botao-borda);
}

.btn-contact,
.btn-contact:link,
.btn-contact:visited,
.btn-contact:active {
  color: var(--topo-texto-ativo);
}

.btn-contact:hover,
.btn-contact:focus {
  background-color: var(--branco);
  border-color: var(--branco);
  color: var(--preto);
}


/*-------------------------------------------------------------------
BANNER — texto e controlos brancos por cima da fotografia
--------------------------------------------------------------------*/
.slideshow-top-gradiante {
  background: linear-gradient(to right, var(--sombra-07) 0%, var(--transp-01) 100%);
}

.slide-before,
.slide-next {
  background-color: var(--banner-seta);
  border-color: var(--banner-ponto);
}

.slide-before img,
.slide-next img,
.slide-before:hover img,
.slide-next:hover img {
  filter: brightness(0) invert(1);
}

.slide-dot {
  background-color: var(--banner-ponto);
}

.slide-dot-progresso {
  background-color: var(--branco);
}

.slide-btn-2 {
  border-color: var(--branco);
}

.slide-btn-2:link,
.slide-btn-2:visited,
.slide-btn-2:active {
  color: var(--branco);
}

@media screen and (max-width: 1023px) {
  .slideshow-top-gradiante {
    background: linear-gradient(to bottom, var(--sombra-07) 0%, var(--transp-01) 100%);
  }
}


/*-------------------------------------------------------------------
SECÇÕES DA PÁGINA DE ENTRADA
--------------------------------------------------------------------*/
.oficina-apresentacao,
.oficina-blocos,
.oficina-contactos,
.oficina-atalhos {
  background-color: var(--fundo-pagina);
}

.home-titulo,
.oficina-titulo,
.pagina-titulo,
.oficina-contactos-subtitulo {
  color: var(--texto);
}

.oficina-subtitulo {
  color: var(--texto-forte);
}

.oficina-texto,
.oficina-lista,
.oficina-contactos-lista,
.oficina-contactos-horario {
  color: var(--texto);
}

.oficina-nota,
.oficina-contactos-rotulo {
  color: var(--texto-suave);
}

.oficina-apresentacao-foto,
.oficina-bloco-foto,
.oficina-contactos-mapa {
  background-color: var(--fundo-claro);
}

.oficina-contactos-lista a:link,
.oficina-contactos-lista a:visited,
.oficina-contactos-lista a:active {
  color: var(--texto);
}

.oficina-contactos-lista a:hover {
  color: var(--acento);
}

/* botão principal: sólido na cor de acento */
.oficina-botao {
  background-color: var(--acento);
  border-color: var(--acento);
}

.oficina-botao:link,
.oficina-botao:visited,
.oficina-botao:hover,
.oficina-botao:active {
  color: var(--acento-texto);
}

.oficina-botao:hover {
  background-color: var(--botao-hover);
  border-color: var(--botao-hover);
}

/* botão secundário: contorno */
.oficina-botao-contorno {
  background-color: transparent;
  border-color: var(--acento);
}

.oficina-botao-contorno:link,
.oficina-botao-contorno:visited,
.oficina-botao-contorno:active {
  color: var(--acento);
}

.oficina-botao-contorno:hover {
  background-color: var(--acento);
  border-color: var(--acento);
  color: var(--acento-texto);
}

/* atalhos */
.oficina-atalho {
  background-color: var(--superficie);
  border-color: var(--borda);
}

.oficina-atalho:link,
.oficina-atalho:visited,
.oficina-atalho:active {
  color: var(--texto);
}

.oficina-atalho svg {
  color: var(--texto-forte);
}

.oficina-atalho:hover {
  border-color: var(--acento);
  color: var(--acento);
}

.oficina-atalho:hover svg {
  color: var(--acento);
}

/* páginas interiores e testemunhos */
.conteudodinamico {
  background-color: var(--fundo-pagina);
}

.reviews-div {
  background-color: var(--fundo-secao);
}


/*-------------------------------------------------------------------
RODAPÉ — preto
--------------------------------------------------------------------*/
.rodape-div {
  background-color: var(--rodape-fundo);
}

.rodape-topo {
  border-bottom-color: var(--rodape-borda);
}

.rodape-redes-titulo,
.rodape-coluna .rodape-contacto {
  color: var(--rodape-texto);
}

.rodape-redes img {
  filter: brightness(0) invert(1);
}

.rodape-coluna-titulo {
  color: var(--rodape-titulo);
}

.rodape-coluna a:link,
.rodape-coluna a:visited,
.rodape-coluna a:active,
.rodape-coluna .rodape-contacto a:link,
.rodape-coluna .rodape-contacto a:visited,
.rodape-coluna .rodape-contacto a:active,
.rodape-mais-moradas:link,
.rodape-mais-moradas:visited,
.rodape-mais-moradas:active {
  color: var(--rodape-texto);
}

.rodape-coluna a:hover,
.rodape-coluna .rodape-contacto a:hover,
.rodape-mais-moradas:hover {
  color: var(--rodape-titulo);
}

.developed-div {
  background-color: var(--rodape-fundo);
  border-top-color: var(--rodape-borda);
}

.developed-direitos,
.developed-by,
.developed-fiscal {
  color: var(--texto-claro);
}


/*-------------------------------------------------------------------
TELEMÓVEL — barra de topo e menu pretos
--------------------------------------------------------------------*/
/* o acento é preto e a barra também: o botão da pesquisa passa a branco */
.mobile-botao-pesquisa {
  background-color: var(--branco);
  color: var(--preto);
}

.mobile-botao-pesquisa img {
  filter: brightness(0);
}

.mobile-top-bar {
  color: var(--branco);
  background-color: var(--topo-mobile-fundo);
}

.mobilebar1,
.mobilebar2,
.mobilebar3 {
  background-color: var(--branco);
}

.mobile-menu-close,
.mobile-menu-open,
.menu-mobile-paginas {
  background-color: var(--topo-fundo);
}

.menu-mobile-paginas {
  color: var(--topo-texto);
}

.menu-mobile-paginas.active,
.menu-mobile-paginas:hover {
  color: var(--topo-texto-ativo);
  background-color: var(--quase-preto);
  box-shadow: none;
}

.menu-mobile-nivel1content {
  background-color: var(--preto-suave);
}

.menu-mobile-subpaginas {
  color: var(--topo-texto);
}

.menu-mobile-subpaginas.active,
.menu-mobile-subpaginas:hover {
  color: var(--topo-texto-ativo);
  background-color: var(--quase-preto);
}

.mobile-menu-redes {
  border-top-color: var(--topo-borda);
}

.mobile-menu-redes-titulo {
  color: var(--topo-texto);
}

.mobile-menu-redes-icons a,
.mobile-menu-redes-icons a:hover {
  background-color: var(--quase-preto);
}

.mobile-menu-redes-icons img {
  filter: brightness(0) invert(1);
}


/*-------------------------------------------------------------------
ÍCONES E TEXTOS QUE ASSENTAM NO ACENTO (PRETO), EM FOTOGRAFIAS OU EM FUNDO ESCURO
  Continuam brancos.
--------------------------------------------------------------------*/
.pesquisa-button img,
.scrolltop img,
.pesquisaOptions:hover img,
.pesquisaFiltros:hover img,
#reviews-widget .owl-nav button.owl-prev:hover img,
#reviews-widget .owl-nav button.owl-next:hover img,
.oficina-servico:hover img,
.oficina-servico.active img,
.destaque-card .viaturas-foto-previews img,
.destaque-card .viaturas-foto-next img {
  filter: brightness(0) invert(1);
}

.oficina-servico:hover span,
.oficina-servico.active span,
.mobile-redes-bottom div,
.viatura-galeria-contador,
.destaque-card .vendido {
  color: var(--branco);
}

.viatura-preco-vendido,
.triangulo-vendido {
  color: var(--branco) !important;
}

/* o X do widget de comerciais era invertido para branco sobre o painel escuro */
.widget-comerciais-iconclose img {
  filter: brightness(0) !important;
}

#bx-pager .link-img.active div {
  border-color: var(--acento);
}

/* o pin do cartão de contactos tem o ícone a branco: fundo de acento */
.contactos-card-pin {
  background-image: none;
  background-color: var(--acento);
  border-color: var(--acento);
}

/* setas das fotos nos cartões de viatura: círculo escuro translúcido */
.destaque-card .viaturas-foto-previews,
.destaque-card .viaturas-foto-next {
  border-color: var(--banner-ponto);
}