/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 0 100% 58%;
  --siga-200: 0 93% 54%;
  --siga-300: 0 78% 50%;
  --siga-500: 360 80% 43%;
  --siga-700: 360 80% 39%;
  --siga-900: 20 5% 24%;
  --isotipo: url("https://3cc791f55f295f1d.cdn.gocache.net/scudeler/arquivos/isotipo_2.svg");
}
#equipeHome h2:before,
#mapaImob h1:before,
#destaquesHome .tituloHome::before,
.titulosPagImovel::before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 20px;
  display: inline-block;
  width: 30px;
  height: 26px;
}
/* ------------------------ HEADER ------------------------ */

@media (min-width: 1280px) and (max-width: 1450px) {
  #headerPremium.navHome {
    max-width: 1220px !important;
    left: calc(50% - 605px) !important;
  }
  .navHome.logoTopoHomeTamanhos {
    margin-top: 5px !important;
  }
}
@media (min-width: 1200px) {
  #headerPremium.navHome {
    max-width: 1520px;
    left: calc(50% - 760px);
    margin-top: 4px;
  }
  .logoNormalTamanhos {
    max-width: 205px !important;
  }
}
#headerPremium.navHome,
button,
select,
label,
input,
.filtroContainer,
.rounded,
.rounded-md,
.rounded-lg,
.rounded-xl,
.sub1Item:hover,
.tituloBtnMobile,
swiper-container::part(button-next),
swiper-container::part(button-prev),
.indice,
.tamanhoComponentes {
  border-radius: 40px !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  background: hsl(var(--siga-200)) !important;
  color: white !important;
}
.navBtn {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
/* ------------------------ SUBMENU ----------------------- */
.sub1VerTodos:hover,
#sub1Fechar:hover,
.hoverBtns:hover .sub1Nomes,
.hoverBtns:hover {
  background: hsl(var(--siga-300)) !important;
  color: white !important;
}
.submenuCol .subTipos > li {
  border: none !important;
}
.sub1VerTodos {
  border-radius: 10px !important;
}
/* ------------------------ HOME ------------------------ */
.homeBanner img {
  border-radius: 25px !important;
}
.homeMask,
.homeFiltros {
  border-radius: 0 0 25px 25px !important;
}
html .swiper-pagination-bullet-active {
  background-color: hsl(var(--siga-300)) !important;
}

@media (min-width: 1280px) {
  #homeBanner {
    padding-top: 90px !important;
  }
}
@media (max-width: 992px) {
  #homeBanner {
    padding-top: 2rem !important;
  }
  #ordemHome {
    margin-top: 2rem !important;
  }
  #headerPremium {
    margin-top: 2px !important;
  }
}
#modalBuscar div {
  color: black !important;
  background-color: white !important;
}
#modalBuscar #navBuscar,
#modalBuscar #searchHeader {
  background-color: white !important;
  color: black !important;
}
#modalBuscar svg {
  color: hsl(var(--siga-500)) !important;
}
#modalBuscar input::placeholder {
  color: black !important;
}
#modalBuscar #navBuscar {
  border-color: hsl(var(--siga-500)) !important;
}
.listaOp,
#btnBuscarFiltro,
.fitrosHome .filtro {
  height: 3.4rem !important;
}
.homeBusca.intro1BuscarContainer {
  display: none !important;
}
@media (min-width: 1200px) {
  #alturaFiltro {
    margin-top: 31%;
  }
}
.filtroDrop {
  border-radius: 15px !important;
}
.homeMask {
  background-color: hsl(var(--siga-700) / 0.3) !important;
}
.containerCheckbox:hover,
.containerInput:hover {
  background-color: hsl(var(--siga-300)) !important;
  border-radius: 10px !important;
}
.containerCheckbox:hover label,
.containerCheckbox:hover label span,
.containerInput:hover label span,
.containerInput:hover label {
  color: white !important;
}

#btnBuscarFiltro {
  background: hsl(var(--siga-200)) !important;
}
.homeMask {
  background: transparent !important;
}
/* ------------------------ FILTRO CORES ------------------------ */
.containerFiltros {
  background-color: hsl(var(--siga-500)) !important;
}

#dropdownBairros {
  filter: none !important;
  opacity: 1;
  color: gray !important;
}
/* ------------------------ CARDS ------------------------ */

swiper-container::part(button-next),
swiper-container::part(button-prev) {
  background-color: transparent !important;
  color: hsl(var(--siga-300)) !important;
}
.btnVerMaisCard {
  border: 1px solid hsl(var(--siga-300)) !important;
  box-shadow: none !important;
}
.btnVerMaisCard:hover {
  box-shadow: none !important;
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.cardNovidade {
  margin-left: 10px;
  margin-top: 10px;
}
/* ------------------------ LISTA ------------------------ */

.btnAplicarContainer {
  border-radius: 25px !important;
}
#valores {
  border-radius: 20px !important;
}
#containerMapa,
#infobarDesktop,
#filtros {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.btnNaoSelecionado {
  background: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#btnListaBairros {
  filter: none !important;
}
/* ------------------------ IMOVEL ------------------------ */
.imovelCodigo {
  color: hsl(var(--siga-900)) !important;
}
#btnWhats {
  background: #22c55e !important;
}

/* ------------------------ FOOTER ------------------------ */

.indice {
  color: white !important;
  border-color: #ffffff45 !important;
}
#footer svg {
  color: white !important;
}
#footer button {
  border-color: #ffffff45 !important;
}
#footer button:hover {
  border-color: hsl(var(--siga-300)) !important;
}
#footer hr {
  border-color: #c75252 !important;
}

@media (min-width: 1750px) {
  #contato > div:first-child,
  #links > div:first-child {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */
.containerTituloPg {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.containerTituloPg h1 {
  color: white !important;
}
