/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 210 2% 53%;
  --siga-200: 358 100% 74%;
  --siga-300: 358 91% 56%;
  --siga-500: 358 70% 54%;
  --siga-700: 358 73% 41%;
  --siga-900: 357 74% 37%;
}
/* ------------------------ HEADER ------------------------ */
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
    max-width: 230px !important;
  }
}
.top-\[--contact-bar-height\] .logo {
  max-width: 320px !important;
  max-height: 90px !important;
  margin-top: -50px !important;
}

@media (min-width: 1600px) {
  .logoNormalTamanhos {
    max-width: 230px !important;
    margin-top: -8px !important;
  }

  .logoTopoHomeTamanhos {
    margin-left: 2.25rem !important;
  }
}
@media (min-width: 1280px) and (max-width: 1390px) {
  .top-\[--contact-bar-height\] .logo {
    max-width: 225px !important;
    max-height: 80px !important;
    margin-top: -50px !important;
    margin-left: 25px !important;
  }
}
@media (min-width: 1390px) and (max-width: 1600px) {
  .logoTopoHomeTamanhos {
    max-height: 90px !important;
  }
}
.submenu-ativado,
#submenu {
  background: hsl(var(--siga-700)) !important;
}
#submenu .subTipos h2 span {
  color: white !important;
}
#submenu .svgDesktop {
  color: white !important;
}
#submenu span,
.hoverBtns {
  color: white !important;
}
#sub1Fechar {
  color: white !important;
  border: 1px solid hsl(var(--siga-300)) !important;
}
#barra-contatos svg {
  color: white !important;
}
#barra-contatos {
  background: hsl(var(--siga-100)) !important;
  color: white !important;
}
#navIcons svg {
  color: white !important;
}
.navBtn {
  border-color: transparent !important;
  background-color: white !important;
  color: hsl(var(--siga-500)) !important;
}
.navBtn:hover {
  border-color: hsl(var(--siga-300)) !important;
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.btnSemBorda {
  padding: 0 !important;
}
.btnSemBorda:hover {
  background-color: transparent !important;
}
#menuMobile svg {
  color: white !important;
}
#menuMobile {
  border-color: white !important;
}
/* ------------------------ POLIGONO HEADER ----------------------- */
#headerPremium:before {
  background: white !important;
  position: absolute;
  height: 100%;
  content: ". ";
  color: white !important;
  top: 0px;
  width: 24%;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 85% 100%, -100% 100%);
  z-index: -1 !important;
}
#barra-contatos:before {
  background: white !important;
  position: absolute;
  height: 100%;
  content: ". ";
  color: white !important;
  top: 0;
  width: 24%;
  left: 0;
  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: -10px !important;
    margin-left: 0 !important;
    max-width: 160px !important;
  }
  #nav1 {
    margin-top: 0px !important;
  }
  #barra-contatos:before {
    width: 48% !important;
  }
}
.submenuCol .subTipos > li {
  border: none !important;
}
.sub1Btn svg {
  display: none !important;
}
.sub1VerTodos {
  background: white !important;
}
.subTipos h2 span {
  color: white !important;
}
.sub1VerTodos:hover {
  color: hsl(var(--siga-900)) !important;
}
/* ------------------------ HOME ----------------------- */
#textoBanner {
  background: linear-gradient(
    90deg,
    rgba(65, 64, 66, 0) 0%,
    rgba(65, 64, 66, 0.5) 25%,
    rgba(65, 64, 66, 0.7) 50%,
    rgba(65, 64, 66, 0.5) 75%,
    rgba(65, 64, 66, 0) 100%
  ) !important;
}
#textoBanner a {
  background-color: transparent !important;
  color: white !important;
  border: 1px solid white !important;
}
#textoBanner p,
#textoBanner h2 {
  color: white !important;
  font-size: 1.75rem !important;
  font-weight: 600 !important;
  text-shadow: 0 2px 3px #000 !important;
}
@media (max-width: 992px) {
  #textoBanner p,
  #textoBanner h2 {
    font-size: 0.95rem !important;
  }
}
.listaOp #op-item-0 + label:hover,
.listaOp #op-item-1 + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.listaOp #op-item-0:checked + label:hover,
.listaOp #op-item-1:checked + label:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.listaOp #op-item-0:checked,
.listaOp #op-item-1:checked {
  background-color: hsl(var(--siga-100)) !important;
}
.listaOp input:checked ~ #label-item-0,
.listaOp input:checked ~ #label-item-1 {
  background: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-900)) !important;
}

.fitrosHome .filtro svg {
  color: white !important;
}
#btnBuscarFiltro {
  background: hsl(var(--siga-900)) !important;
}
.verTodosContainer a:hover {
  background: hsl(var(--siga-300)) !important;
}
#sub1Fechar:hover,
.hoverBtns:hover,
.containerInput:hover {
  background: hsl(var(--siga-300)) !important;
}
#sub1Fechar:hover,
.hoverBtns:hover,
.containerInput:hover label span,
.containerInput:hover label {
  color: white !important;
}
.hoverBtns:hover .sub1VerTodos {
  border-color: hsl(var(--siga-500)) !important;
}
#navFav svg,
#btnBuscar svg {
  color: white !important;
}
/* ------------------------ CARDS ------------------------ */
.cardsFavoritar.favIcon,
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
.cardDestaque,
.cardNovidade,
.cardTour,
.cardVideo,
.cardPerfil,
.cardMobilia,
.cardExclusividade,
.cardVisualizado {
  background: hsl(var(--siga-300)) !important;
}
swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background: transparent !important;
}
.tituloDestaques {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ LISTA ------------------------ */

#btnListaBairros {
  filter: none !important;
}
#containerMapa {
  background: transparent !important;
  border-color: hsl(var(--siga-300)) !important;
}
#containerMapa input:checked ~ #btnMapa {
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}

#btnMapa:after {
  background: hsl(var(--siga-500)) !important;
}
.btnAplicar {
  background: hsl(var(--siga-300)) !important;
}
.containerCheckbox:hover,
.dormVagaSuiteCheckbox:hover,
.selecaoMobilia:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
.containerCheckbox:hover label span,
.containerCheckbox:hover label {
  color: white !important;
}
@media (min-width: 1280px) {
  #ordem {
    margin-right: 20px !important;
  }
}
.textoValorDestacado {
  color: hsl(var(--siga-300)) !important;
}
.vue-slider-process,
.vue-slider-dot-tooltip-inner {
  background: hsl(var(--siga-300)) !important;
}
.dormVagaSuiteCheckbox {
  background: transparent !important;
  border-color: hsl(var(--siga-100)) !important;
}
#comodos div svg {
  color: hsl(var(--siga-300)) !important;
}
.abrirSelecaoDormsVagas {
  background: transparent !important;
}
.selecaoMobilia {
  background: transparent !important;
  border-color: hsl(var(--siga-100)) !important;
}
#bairros input,
#cidades input {
  background: transparent !important;
  border-color: hsl(var(--siga-300)) !important;
}
#infobarDesktopListas button,
#containerMapaFavoritos {
  border-color: hsl(var(--siga-300)) !important;
}
.peer:checked ~ .selecaoMobilia {
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ IMOVEL ------------------------ */
.btnsGaleriaAtivo {
  background: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
#btnWhats {
  background: #25d968 !important;
}
#btnAluguelOnline button {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.imovelCodigo {
  color: black !important;
}
.letraImovelCodigo {
  display: none !important;
}
/* ------------------------ FOOTER ------------------------ */
#contato,
#links,
#copyrights,
#indices {
  background-color: #313131 !important;
}
.indice {
  color: hsl(var(--siga-300)) !important;
}
.divisaoFooter,
.linhaDotsFooter {
  background-color: hsl(var(--siga-300)) !important;
}

@media (min-width: 1280px) {
  .logoRodape {
    width: 300px !important;
  }
}
.celular1:after {
  content: " Vendas";
}
.celular2:after {
  content: " Locação";
}
#footer svg {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */