/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 0 0% 85%;
  --siga-200: 223 79% 62%;
  --siga-300: 223 54% 46%;
  --siga-500: 223 58% 36%;
  --siga-700: 223 60% 31%;
  --siga-900: 228 18% 16%;
}
/* ------------------------ HEADER ------------------------ */
#optionMenuBtn-0,
.navBtn,
.btnSemBorda,
.btnSemBorda:hover,
.sub1VerTodos,
.btnAplicar,
.verTodosBtn,
.hoverBtns:hover,
#sub1Fechar:hover,
.intro2BuscarInput,
#textoBanner a,
.cardDestaque,
.cardNovidade,
.cardTour,
.cardVideo,
.cardPerfil,
.cardMobilia,
.cardExclusividade,
.cardVisualizado,
.cardDestaque,
.sigaTooltip,
#imoveisCard1,
#textoBanner,
swiper-container::part(button-next),
swiper-container::part(button-prev),
.listaOp,
.homeOpBtn,
.containerFiltros,
.homeBusca.intro1BuscarContainer input,
.btnsGaleria,
#painelImovel,
#btnCompartilhar,
#btnMsg,
#btnWhats,
.tamanhoComponentes.bordaComponentes,
.tamanhoComponentes button,
.simuladoresImovel,
#listaImoveis .filtro,
#cidades input,
.dormVagaSuiteCheckbox,
.selecaoMobilia,
.btnListaOrdem button,
#containerMapa,
#contato button,
.textoIndice,
#lgpd div,
#lgpd button,
.indice.textoIndice {
  border-radius: 10px 0px 0px 0px !important;
}
#tiposHome .filtro {
  border-radius: 10px 0 0 0 !important;
}
#btnBuscarFiltro {
  border-radius: 0px 0px 0px 0px !important;
  background-color: hsl(var(--siga-500)) !important;
}

#headerPremium {
  background: hsl(var(--siga-900)) !important;
}
#optionMenuBtn-0:hover,
.btnSemBorda:hover,
.navBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
}
#containerFiltro {
  background: hsl(var(--siga-900)) !important;
  margin-top: -1px;
}
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
    max-width: 290px !important;
  }
  .logoNormalTamanhos {
    max-width: 220px !important;
  }
}
.submenu-ativado {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.submenu-ativado .hoverBtns:hover > span,
.submenu-ativado .hoverBtns:hover > svg,
a.sub1Item.hoverBtns:hover {
  color: white !important;
}
/* ------------------------ POLIGONO HEADER ----------------------- */
#headerPremium:before {
  background: white !important;
  position: absolute;
  height: 100%;
  content: ". ";
  color: white !important;
  top: 0;
  width: 24%;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, -100% 100%);
  filter: drop-shadow(-1px 8px 8px rgba(0, 0, 0, 0.36));
  z-index: -1 !important;
}
@media (max-width: 992px) {
  #headerPremium:before {
    width: 48% !important;
  }
  #headerPremium .logo {
    margin-top: -6px !important;
    margin-left: 0 !important;
  }
  #nav1 {
    margin-top: 0px !important;
  }
}
/* ------------------------ HOME ----------------------- */

#btnBuscarFiltro:hover {
  filter: brightness(1.5);
}
#inputBuscar {
  background: hsl(var(--siga-900)) !important;
}
#inputBuscar div {
  color: white !important;
}
#textoBanner {
  background: hsl(var(--siga-900) / 0.9) !important;
}
/* ------------------------ CARDS ------------------------ */
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
}

/* ------------------------ LISTA ------------------------ */

#listaImoveis #filtros,
#infobarDesktop {
  background: hsl(var(--siga-900)) !important;
}
#infobarDesktop h1 {
  color: white !important;
}
#listaImoveis .btnNaoSelecionado {
  background: hsl(var(--siga-900)) !important;
  color: white !important;
}
#containerMapa {
  background: hsl(var(--siga-900)) !important;
  color: white !important;
}

/* ------------------------ IMOVEL ------------------------ */

.legenda {
  background: hsl(var(--siga-700) / 0.7) !important;
}

/* ------------------------ FOOTER ------------------------ */

#indices,
#contato,
#links {
  background-color: hsl(var(--siga-900)) !important;
}
.textoIndice {
  border-color: hsl(var(--siga-300) / 0.6) !important;
}
#copyrights div {
  background-color: #1a1b23 !important;
}
.iconeRedeSocial,
#contato svg {
  color: hsl(var(--siga-500)) !important;
}
#contato .celular1 svg {
  color: green !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */

/* ------------------------ MOBILE ------------------------ */
@media (max-width: 992px) {
  #btnBuscarFiltro,
  .filtro {
    border-radius: 10px 0 0px 0 !important;
  }
  #menuMobile {
    border-radius: 10px 0 0 0 !important;
  }
  #infobarMobile select,
  #infobarMobile {
    background: hsl(var(--siga-900)) !important;
  }
  #infobarMobile select {
    border-color: hsl(var(--siga-100)) !important;
  }
}

::selection {
  background-color: hsl(var(--siga-700));
  color: hsl(var(--siga-100)) !important;
}
.svgDesktop {
  display: block !important;
}