/* ------------------------ CORES ------------------------  */
/* :root {
  --siga-100: 41 100% 61%;
  --siga-200: 41 81% 54%;
  --siga-300: 41 69% 50%;
  --siga-500: 213 34% 13%;
  --siga-700: 213 34% 11%;
  --siga-900: 213 34% 8%;
} */
:root {
  --siga-100: 41 100% 61%;
  --siga-200: 41 81% 54%;
  --siga-300: 41 69% 50%;
  --siga-500: 213 13% 4%;
  --siga-700: 213 13% 4%;
  --siga-900: 213 13% 4%;
}

/* ------------------------ HEADER ------------------------ */

/* #headerPremium .navBtn, #headerPremium .btnSemBorda {
  border: 0px solid #FFFFFF;
  border-top: 1px solid hsl(var(--siga-300) / 0.4);
  border-radius: 0px;
} */

.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-500) / 0) !important;
}
button#navBuscar {
  background: hsl(var(--siga-300));
}
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;
  }
}
/* ------------------------ SUBMENU ----------------------- */
div#submenu {
  background: hsl(var(--siga-500)) !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-700)) !important;
}
.sub1VerTodos{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
/* ------------------------ HOME ----------------------- */

/* .fitrosHome .filtro {
  height: 4rem !important;
} */
.filtro {
  background: hsl(var(--siga-500)) !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-500)) !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;
}
.homeBusca {
  display: none !important;
}
div#infobarDesktop h1 {
  color: white !important;
}
@media (min-width: 1200px) {
  #alturaFiltro {
    margin-top: 10%;
}
}
.listaOp {
  background: hsl(var(--siga-500)) !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-500)) !important;
  color: white !important;
  border-color: hsl(var(--siga-500)) !important;
}
a#btnBuscarFiltro{
  background-color: hsl(var(--siga-300)) !important;
}
/* #destaquesHome .tituloHome::before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 30px;
  display: flex;
  width: 30px;
  height: 25px;
  margin: 0 auto 0 auto;
}
.titulosPagImovel::before {
  content: "";
  background: var(--isotipo) no-repeat left bottom / 20px;
  display: inline-block;
  width: 30px;
  height: 26px;
} */
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;
  }
}
/* ------------------------ CARDS ------------------------ */
.cardsFavoritar svg, 
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}
div#valores span,
div#links p:first-child,
.homeBusca.intro1BuscarContainer svg {
  color: hsl(var(--siga-300)) !important;
}
.cardsValor {
  color: hsl(var(--siga-300)) !important;
}
.cardDestaque,
.cardPerfil,
.cardNovidade, 
.cardMobilia {
  background-color: hsl(var(--siga-300) / 0.7) !important;
} 
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
}
/**/
.cardsFavoritar,
#imoveisCard1 {
  background: hsl(var(--siga-500)) !important;
}
.cardsFooter,
.cardsFooter .detalheImovel,
.cardsEndereco,
#imoveisCard1 .imovelCodigo,
.cardNome {
  color: white !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;
}

div#btnMapa,
#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,
.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;
}
div#containerMapa {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.btnListaOrdem button {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
.btnListaOrdem button svg {
  color: hsl(var(--siga-300)) !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;
}
/* ------------------------ IMOVEL ------------------------ */

button#btnWhats {
  background: #27e26c !important;
}

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


/* ------------------------ 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: 2px !important;
} */
@media (min-width: 1280px){
  div#fotoImob {
    margin-bottom: 1rem !important;
}
}