/*-------------------------------------------------------------------
  CORES DO STAND (paleta) — este ficheiro define TODAS as cores.
  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 escuro monocromático. O modelo usa var(--...) sem cores. */

  /* ---------- SUPERFÍCIES (fundos) ---------- */
  --fundo-pagina: #0a0a0a;          /* fundo geral do site */
  --superficie: #141414;            /* cartões, painéis, selects, navbar */

  /* ---------- ACENTO (botões e estados ativos) ---------- */
  --acento: #ffffff;                /* fundo de botões e estados ativos */
  --acento-texto: #0a0a0a;          /* texto por cima do acento */

  /* MARCA — no tema escuro a "cor da marca" é o branco (títulos, links, bordas de ênfase) */
  --primaria: #ffffff;
  --primaria-muito-escura: #0d0d0d;
  --primaria-escura: #b8b8b8;
  --botao-hover: #d9d9d9;
  --botao: #ffffff;

  /* NEUTROS QUE SUBSTITUEM OS AZUIS (o tema é monocromático) */
  --link-azul: #e6e6e6;
  --link-azul4: #cccccc;
  --azul-01: #2a2a2a;
  --azul-02: #3d3d3d;
  --azul-03: #454545;
  --azul-04: #2e2e2e;
  --azul-06: #242424;

  /* ---------- TEXTO ---------- */
  --preto: #000;
  --preto-suave: #1a1a1a;
  --quase-preto: #222222;
  --texto-escuro: #ededed;          /* invertido: era escuro em fundo claro */
  --texto: #d4d4d4;
  --texto-medio2: #c4c4c4;
  --texto-medio: #ababab;
  --texto-azulado: #9a9a9a;
  --texto-azulado2: #949494;
  --texto-suave2: #8f8f8f;
  --texto-cinza: #8a8a8a;
  --texto-suave: #858585;
  --texto-azulado3: #787878;
  --texto-azulado4: #6f6f6f;
  --texto-claro: #666666;
  --branco: #fff;                   /* texto sobre fundos escuros */

  /* ---------- FUNDOS DE SECÇÃO ---------- */
  --topo-mobile-fundo: #0a0a0a;
  --input-fundo: #1a1a1a;
  --fundo-claro6: #1e1e1e;
  --sucesso-fundo: #10231a;
  --fundo-07: #121212;
  --fundo-claro: #101010;

  /* ---------- BORDAS ---------- */
  --borda: #2a2a2a;
  --borda4: #232323;

  /* VERDES (sucesso) — mantidos funcionais, ajustados ao fundo escuro */
  --sucesso2: #24c46a;
  --sucesso3: #22c55e;
  --sucesso4: #16a34a;
  --sucesso: #22c55e;

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

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

  /* SOMBRAS — num fundo escuro precisam de ser mais densas para se lerem */
  --transp-01: rgba(0,0,0,0);
  --sombra-01: rgba(0,0,0,0.25);
  --sombra-04: rgba(0,0,0,0.45);
  --sombra-07: rgba(0,0,0,0.55);
  --sombra-09: rgba(0,0,0,0.6);
  --sombra-11: rgba(0,0,0,0.7);
  --sombra-13: rgba(0,0,0,0.75);
  --sombra-14: rgba(0,0,0,0.8);
  --sombra-15: rgba(0,0,0,0.85);

  /* OVERLAYS — eram brancos translúcidos; passam a escuros */
  --overlay-01: rgba(255,255,255,0.10);   /* brilho subtil (sombra dos ícones sociais) */
  --overlay-02: rgba(10,10,10,0.92);
  --overlay-03: rgba(10,10,10,0.96);      /* navbar fixa ao scroll */
  --overlay-04: rgba(20,20,20,1);

  /* TINTAS — translúcidos do acento (agora branco) */
  --tint-primaria-01: rgba(255,255,255,0.04);
  --tint-primaria-03: rgba(255,255,255,0.08);
  --tint-primaria-04: rgba(255,255,255,0.12);
  --tint-primaria-06: rgba(255,255,255,0.16);
  --tint-primaria-07: rgba(255,255,255,0.20);
  --tint-01: rgba(255,255,255,0.18);
  --tint-botao-01: rgba(30,30,30,1);
  --tint-botao-02: rgba(255,255,255,0.06);
  --tint-botao-03: rgba(255,255,255,0.12);
  --tint-botao-04: rgba(255,255,255,0.16);
  --tint-botao-05: rgba(255,255,255,0.22);
  --tint-botao-06: rgba(255,255,255,0.26);
}


/*-------------------------------------------------------------------
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) invert(1);
}

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

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

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

.pesquisa-form select {
  font-family: 'Roboto', 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: 14px;
  -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(--branco);
  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: "Poppins", 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) invert(1);
}

/*--------------------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(--branco);
}

/*-------------------------------------------------------------------
FORMULÁRIOS
--------------------------------------------------------------------*/
.formulario-all label {
  font-size: 0.9em;
  line-height: 2em;
  color: var(--texto);
  font-family: "Poppins", 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: 12px;
  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='%23ffffff' 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: 12px;
}

.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) invert(1);
}

.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: 12px;
  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='%23ffffff' 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: 12px;
}

.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) invert(1);
}

.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) invert(1);
}

.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) invert(1);
}

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

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

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

.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(--branco);
}

/*-------------------------------------------------------------------
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: 12px;
  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='%23ffffff' 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: 12px;
}

.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: 12px;
  padding: 11px 24px;
  font-family: "Poppins", 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: 14px;
  padding: 16px 18px;
  font-family: "Poppins", 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: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 0.95em;
  background-color: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 10px;
  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: "Poppins", sans-serif;
  font-weight: 600;
  background-color: var(--acento);
  color: var(--acento-texto);
  border: none;
  border-radius: 10px;
  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: 12px;
  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='%23ffffff' 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: 12px;
}

.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: 12px;
  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: 10px;
  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(--branco);
}

.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: 8px;
  -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) invert(1);
}

.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(--branco);
}

.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: 12px;
  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='%23ffffff' 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(--preto);
  color: var(--branco);
}

.tooltip span {
  border-top: 7px solid var(--preto);
}

/*-------------------------------------------------------------------
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(--branco);
}

.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) invert(1);
}

/*-------------------------------------------------------------------
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) invert(1);
}

/*-------------------------------------------------------------------
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(--branco) !important;
}

.widget-comerciais-menu-subtitulo {
  color: var(--branco) !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(--branco);
}

/* 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(--branco) !important;
}

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

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

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

.btn-contact:hover {
  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(--branco);
}

.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(--branco);
}

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

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

.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(--branco);
}

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

/* sem filtro: as imagens dos servicos sao fotografias vindas da base de dados.
   Se este stand usar icones monocromaticos, basta ligar a linha de baixo. */
/*.servicos-img {
  filter: brightness(0) invert(1);
}*/

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

@media screen and (max-width: 1023px) {
  .servicos-cell {
    border-left: none;
    border-top: 1px solid var(--borda);
  }


}

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

.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(--branco);
}

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

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

.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);
}