/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 229 100% 62%;
  --siga-200: 229 87% 55%;
  --siga-300: 229 74% 47%;
  --siga-500: 229 100% 24%;
  --siga-700: 229 86% 7%;
  --siga-900: 222 62% 4%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}
.navNormalTamanhos {
    border-bottom: 1px solid hsl(var(--siga-300) / 0.7);
}
.navBtn{
  border-color: transparent !important;
}
.sub1Btn svg,
.redeSocialHeader svg {
  color: hsl(var(--siga-100)) !important;
}
.hoverBtns:hover,
.btnSemBorda:hover,
.navBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.navSigaOpacidade {
  background-color: hsl(var(--siga-700) / 0.8) !important;
}
button#navBuscar {
  background: hsl(var(--siga-300));
}
.btnSemBorda {
  border-radius: 0 !important;
}
button#navBuscar svg{
  color: hsl(var(--siga-700)) !important;
}
.hoverBtns:hover,
.hoverBtns:hover .icon {
  color: white !important;
}
.sub1VerTodos:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.nomeTipos, .sub1Nomes {
  color: #fff !important;
}
#sub1Fechar {
  color: hsl(var(--siga-300)) !important;
  border: 1px solid hsl(var(--siga-300)) !important;
}
@media screen and (max-width: 992px) {
  button#cancelarFiltroMobile,
  button#limparFiltroMobile {
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
  }
}
.navSiga {
  background-color: hsl(var(--siga-700)) !important;
}
/* ------------------------ SUBMENU ----------------------- */
div#submenu {
  background: hsl(var(--siga-700)) !important;
}
#subNavMenuareadocliente h2,
#submenu h2 span{
  color: hsl(var(--siga-300)) !important;
}
li#subNavMenuareadocliente,
.subTipos {
  color: white !important;
}
.submenu-ativado{
  background-color: hsl(var(--siga-500)) !important;
}
.sub1VerTodos{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.sub1Item{
  border-radius: 0 !important;
}
/* ------------------------ HOME ----------------------- */
#modalBuscar div#inputBuscar {
    background: hsl(var(--siga-900)) !important;
  }
#modalBuscar input{
  color: white !important;
}
#modalBuscar div{
  color: white !important;
}
@media (min-width: 1200px){
  .homeFiltros {
    height: 750px !important;
  }
}
input[type=text],
input[type=search]{
  background-color: hsl(var(--siga-900)) !important;
}
.filtro {
  background: hsl(var(--siga-700)) !important;
  color: white !important;
}
button#btnBuscarFiltro{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
  font-size: 18px;
}
button#btnBuscarFiltro svg{
  color: white !important;
}
.redeSocialHeader svg
.filtroDrop label span,
label.labelFiltros span,
.filtro svg {
  color: hsl(var(--siga-300)) !important;
}
button#dropdownBairros:disabled {
  filter: brightness(0.8) !important;
  opacity: 1 !important;
}
.containerFiltros {
  background: transparent !important;
  box-shadow: none !important;
}
.filtroDrop {
  background: hsl(var(--siga-700)) !important;
}
.filtroDrop .btnAplicar {
  background: hsl(var(--siga-300)) !important;
}
.btnAplicar:hover {
  filter: brightness(105%) !important;
}
.filtroMargin li div:hover label span,
.filtroDrop label,
.containerInput:hover label.labelFiltros span,
label.labelFiltros {
  color: white !important;
}
.filtroMargin li div:hover,
.containerInput:hover {
  background-color: hsl(var(--siga-300)) !important;
  border-radius: 0 !important;
}
/* .homeBusca {
  display: none !important;
} */
#tiposHome,
#cidadesHome,
#bairrosHome,
#dormitoriosHome {
    margin-right: 3px;
}

div#infobarDesktop h1 {
  color: white !important;
}
@media (min-width: 1200px) {
  #alturaFiltro {
    margin-top: 10%;
}
}
.listaOp {
  background: hsl(var(--siga-700)) !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#label-item-0, .listaOp input:checked ~ label#label-item-1 {
    background: hsl(var(--siga-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
}
label#label-item-1,
label#label-item-0{
  background-color: hsl(var(--siga-700)) !important;
  color: white !important;
  border-color: hsl(var(--siga-700)) !important;
}
a#btnBuscarFiltro{
  background-color: hsl(var(--siga-300)) !important;
}
span.quantidadeSelecao {
  color: hsl(var(--siga-900)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
.verTodosBtn:hover {
  background-color: hsl(var(--siga-300)) !important;
} 
.containerCheckbox:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.containerCheckbox:hover label span,
.containerCheckbox:hover label{
  color: white !important;
}
#home .fitrosHome > div,#home .filtro,#btnBuscarFiltro {
  height: 80px !important;
}

@media (max-width: 1280px) {
  #home .fitrosHome > div, #home .filtro, #btnBuscarFiltro {
    height: 60px !important;
  }
}
.verTodosBtn {
    border-radius: 0 !important;
}
/* ------------------------ CARDS ------------------------ */
/* .cardsFavoritar svg, 
.cardsFooter svg {
  color: hsl(var(--siga-200)) !important;
}
div#valores span,
div#links p:first-child,
.homeBusca.intro1BuscarContainer svg {
  color: hsl(var(--siga-200)) !important;
}
.cardsValor {
  color: hsl(var(--siga-200)) !important;
}
.cardDestaque,
.cardPerfil,
.cardNovidade, 
.cardMobilia {
  background-color: hsl(var(--siga-300) / 0.7) !important;
} 

.cardsFavoritar,
#imoveisCard1 {
  background: hsl(var(--siga-700)) !important;
}
.cardsFooter,
.cardsFooter .detalheImovel,
.cardsEndereco,
#imoveisCard1 .imovelCodigo,
.cardNome {
  color: white !important;
} */
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
}
/* ------------------------ LISTA ------------------------ */
.btnAplicarContainer {
  background: hsl(var(--siga-700)) !important;
}
button#btnListaBairros:disabled {
  filter: brightness(0.8) !important;
  opacity: 1 !important;
}
div#valores {
  background: hsl(var(--siga-700));
  color: white !important;
}
#comodos span {
  color: #fff !important;
}
#comodos li div:hover,
#vagas li div:hover{
  background-color: transparent !important;
}
.selecaoMobilia > svg{
  color: hsl(var(--siga-300)) !important;
}
label.selecaoMobilia:hover svg {
  color: white !important;
}
#comodos svg {
  color: hsl(var(--siga-300)) !important;
}
.btnSelecionado {
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}

#ordem {
  background: hsl(var(--siga-700));
}
svg.svgBtn.svgSelecionada,
.btnPosicao button:hover svg{
  color: white !important;
}
#ordem label {
  color: white  !important;
}
label.selecaoMobilia {
  background: hsl(var(--siga-700)) !important;
}
.btnNaoSelecionado:hover{
  background-color: hsl(var(--siga-300)) !important;
}
#containerMapa button{
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#comodos input:checked + label,
#vagas input:checked + label,
#mobilia input:checked + label,
label.selecaoMobilia:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.abrirSelecaoDormsVagas,
#vagas button:first-child,
#comodos button:first-child,
label.dormVagaSuiteCheckbox {
  background: hsl(var(--siga-700)) !important;
}
.btnAplicarContainer .btnAplicar,
.btnListaOrdem button .btnAplicar,
div#containerMapa:hover button,
.btnPosicao button:hover .btnNaoSelecionado {
  background: hsl(var(--siga-300)) !important;
}
.navFiltros,
#infobarDesktop,
#listaImoveis .navFiltros {
  background-color: hsl(var(--siga-700)) !important;
}
label.selecaoMobilia,
label.dormVagaSuiteCheckbox {
  border: none !important;
}
label.selecaoMobilia svg {
  color: white !important;
}
.btnListaOrdem button {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.btnListaOrdem button svg {
  color: white !important;
}
button#btnListaMobilia:hover,
button#btnListaComodidades:hover,
button#btnListaVagas:hover,
button#btnListaDormitorios:hover,
button#btnListaPerfil:hover,
button#btnListaBairros:hover,
button#btnListaCidades:hover,
button#btnListaValor:hover,
button#btnListaTipo:hover {
  background: hsl(var(--siga-300)) !important;
}
.btnFechar,
.btnFecharMobile {
    color: #fff !important;
}
.textoValorDestacado{
  color: hsl(var(--siga-100)) !important;
}
/* ------------------------ IMOVEL ------------------------ */

button#btnWhats {
  background: #27e26c !important;
}
div#headerDeixeMensagem {
    border-radius: 0 !important;
}
/* ------------------------ FOOTER ------------------------ */
 
div#logoFooter p {
    margin-left: -5px;
}

/* ------------------------ WHATS FLUTUANTE ------------------------ */
::-webkit-scrollbar-thumb {
  background-color: hsl(var(--siga-300)) !important;
}
/* Elementos quadrados */
button.filtro{
  border-radius: 0px !important;
}
button,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl{
  border-radius: 0px !important;
}
/* @media (min-width: 1280px){
  div#fotoImob {
    margin-bottom: 1rem !important;
}
} */
 #formLead input,
input.whatsInput {
  background-color: white !important;
}