/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 28 100% 60%;
  --siga-200: 24 100% 56%;
  --siga-300: 24 100% 50%;
  --siga-500: 232 52% 35%;
  --siga-700: 232 53% 22%;
  --siga-900: 231 56% 21%;
}
/* ------------------------ HEADER ------------------------ */
#Alugar:hover,
#Litoral:hover,
#Comprar:hover,
.icon.sub1,
.navBtn:hover,
#Temporada:hover,
#btn0:hover,
#btn1:hover,
#btn2:hover,
#btn3:hover,
#btn4:hover,
#Contato:hover {
  background: hsl(var(--siga-300)) !important;
}
#btn0 {
  border: 1px solid hsl(var(--siga-300) / 0.8) !important;
}
@media (min-width: 1280px) and (max-width: 1450px) {
  #nav1 {
    font-size: 14px;
    max-width: 79%;
  }
}
@media (max-width: 1280px) {
  #navLogo a .logo {
    max-width: 150px;
  }
}
#submenu svg {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ HOME ----------------------- */
#tituloBannerHome span:nth-child(2) {
  color: hsl(var(--siga-300)) !important;
}
#intro #selo {
  background: hsl(var(--siga-700)) !important;
}
.estiloTitulo,
#btnBuscarFiltro svg,
.palavraDestaque,
#tituloBannerHome span:last-child,
.icon.sub1Icon {
  color: hsl(var(--siga-300)) !important;
}
#btnBuscarFiltro {
  background: hsl(var(--siga-500)) !important;
}

.filtro div span {
  border-color: hsl(var(--siga-300)) !important;
}
body .inputFiltros {
  accent-color: #d95700 !important;
  border-color: #d95700 !important;
}
.inputFiltros:hover {
  accent-color: #df6d20 !important;
}
.filtroMargin li div input:hover {
  accent-color: #df6d20 !important;
}
.filtroMargin li div input {
  accent-color: #d95700 !important;
}
#destaquesHome0 h2 + span {
  display: none !important;
}
/* #destaquesHome0 section div {
  justify-content: center !important;
} */
/* #destaquesHome0 .verTodosBtn {
  position: absolute;
  right: 10%;
  background: transparent;
  border: none;
  font-size: 17px;
  margin-top: -28px;
  color: #505050;
} */

#destaquesHome0 .verTodosBtn:after {
  content: ".";
  background-image: url(https://3cc791f55f295f1d.cdn.gocache.net/coligadas/arquivos/PhMedal.svg?nc=2) !important;
  background-repeat: no-repeat;
  color: transparent;
  width: 18px;
  height: 25px;
  display: inline-block;
  margin-left: 4px;
}
/* #destaquesHome0 .verTodosBtn:hover {
  padding: 15px !important;
  margin-top: -41px;
} */
@media screen and (max-width: 992px) {
  #destaquesHome0 .verTodosBtn {
    position: static !important;
    margin-top: 1px;
  }
  #btnBuscarFiltro span {
    display: inline-block !important;
  }
}
/* ------------------------ CARDS ------------------------ */
#detalhesIcones svg,
.imovelValor,
#idImovel h1 {
  color: hsl(var(--siga-300)) !important;
}
.svgBtn {
  color: #333f8c !important;
}
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
.cardsValorDe {
  color: hsl(var(--siga-300) / 0.6) !important;
  font-size: 16px !important;
}
.cardsValor {
  color: hsl(var(--siga-300)) !important;
}
.cardVideo,
.cardPerfil,
.cardExclusividade,
.cardMobilia,
.cardDestaque {
  background: hsl(var(--siga-300) / 0.7) !important;
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
}
/* ------------------------ LISTA ------------------------ */
.btnListaOrdem button,
.btnMapa,
.filtro {
  border-color: hsl(var(--siga-300) / 0.4) !important;
}

/* ------------------------ IMOVEL ------------------------ */

#btnFav svg {
  color: hsl(var(--siga-300)) !important;
}
#btnMapa {
  border-color: hsl(var(--siga-300)) !important;
}
.filtro div span {
  color: #1d244d !important;
}
.legenda {
  background: hsl(var(--siga-300) / 0.5) !important;
}
#btnWhats {
  background: hsl(var(--siga-500)) !important;
}
#escritura svg,
#financiamento svg {
  color: hsl(var(--siga-500));
}
#idImovel .imovelCodigo {
  color: grey !important;
}
#btnFavActive {
  color: hsl(var(--siga-500)) !important;
}
/* ------------------------ FOOTER ------------------------ */

#indices,
#contato,
#links,
#copyrights {
  background: #1d244d !important;
}
.logoRodape {
  width: 250px !important;
}
.textoIndice {
  color: white !important;
}
footer svg {
  color: hsl(var(--siga-300)) !important;
}
#copyrights {
  border-top: 1px solid hsl(var(--siga-500)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */
