/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 359 100% 58%;
  --siga-200: 359 89% 55%;
  --siga-300: 359 82% 53%;
  --siga-500: 210 62% 15%;
  --siga-700: 209 61% 14%;
  --siga-900: 211 60% 13%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */
div#OptionMenu{
  margin-left: 10px;
}
div#OptionMenu:hover{
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
div#OptionMenu:hover svg{
  color: white !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.btnSemBorda{
  border: 1px solid hsl(var(--siga-300)) !important;
}
button#btnBuscar {
    border: 1px solid hsl(var(--siga-300));
    padding: 7px 11px;
}
#navFav{
    border: 1px solid hsl(var(--siga-300)) !important;
    padding: 7px 11px;
    width: auto !important;
}
#Instagram svg{
  color: hsl(var(--siga-900)) !important;
}
a#Instagram {
    border: 1px solid hsl(var(--siga-300)) !important;
    padding: 5px 10px;
}
button#optionMenuBtn-0 {
    margin-right: -8px !important;
}
/* ------------------------ SUBMENU ----------------------- */
.subTipos h2{
  color: hsl(var(--siga-300)) !important;
}
.hoverBtns:hover {
  color: hsl(var(--siga-100)) !important;
} 
.sub1VerTodos{
  border: 1px solid hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.sub1VerTodos:hover{
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
button#sub1Fechar {
    color: hsl(var(--siga-300)) !important;
    border: 1px solid hsl(var(--siga-300)) !important;
}
button#sub1Fechar:hover {
    background-color: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-500)) !important;
}
/* ------------------------ HOME ----------------------- */
#filtro1{
  background-color: hsl(var(--siga-500)/.5) !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;
}
.btnAplicar,
#btnBuscarFiltro,
.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-300)) !important;
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
#inputBuscar {
  background: hsl(var(--siga-500)) !important;
}
#inputBuscar div,
#inputBuscar svg {
  color: white !important;
}
#inputBuscar #navBuscar{
  background-color: transparent !important;
}
#inputBuscar input#searchHeader {
  background-color: hsl(var(--siga-500)) !important;
}
#inputBuscar input#searchHeader {
  color: white !important;
}
div#inputBuscar button:hover {
    background: hsl(var(--siga-300)) !important;
}
.containerInput:hover label,
.containerInput:hover span,
.containerInput:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
span.tituloDestaques {
  color: hsl(var(--siga-300)) !important;
}
#videosHome{
  background-color: #f7f7f7 !important;
}
.verTodosBtn span {
  color: grey !important;
}
.verTodosBtn span:hover {
  color: white !important;
}
#equipeHome .estiloTitulo{
  color: hsl(var(--siga-300)) !important;
} 
@media (min-width: 1280px) {
    .intro3BuscarContainer {
        width: 50rem !important;
    }
}
/* ------------------------ CARDS ------------------------ */
.cardsFavoritar svg,
.cardsFooter svg {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */
.containerCheckbox label,
.checkboxLabel {
    color: white !important;
}

.containerCheckbox:hover span,
.containerCheckbox:hover {
    background-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
#listaImoveis #filtros {
    background: hsl(var(--siga-500)) !important;
}
#infobarDesktop {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
.btnNaoSelecionado {
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
  background-color: transparent !important;
}
.btnNaoSelecionado:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.filtroDrop{
  color: white !important;
}
.btnAplicarContainer,
.filtroDrop {
    background: hsl(var(--siga-500)) !important;
}
#valores {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#valores span{
  color: hsl(var(--siga-300)) !important;
}

.selecaoMobilia,
.abrirSelecaoDormsVagas,
label.dormVagaSuiteCheckbox {
    background: hsl(var(--siga-500)) !important;
    border-color: transparent !important;
    color: white !important;
}
input:checked ~ label.selecaoMobilia,
input:checked ~ label.dormVagaSuiteCheckbox {
    /* background: hsl(var(--siga-500)) !important; */
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
#comodos svg,
#comodos svg + span {
  color: white !important;
}
label.selecaoMobilia:hover,
label.dormVagaSuiteCheckbox:hover {
    /* background: hsl(var(--siga-500)) !important; */
    border-color: hsl(var(--siga-300)) !important;
    color: hsl(var(--siga-300)) !important;
}
input:checked ~ label.selecaoMobilia:hover,
input:checked ~ label.dormVagaSuiteCheckbox:hover {
  color: white !important;
}
div#ordem{
  background-color: hsl(var(--siga-500)) !important;
}
.containerListaInputs {
  color: white !important;
}
/* ------------------------ IMÓVEL ------------------------ */

#btnWhats {
  background: hsl(var(--siga-500)) !important;
}
.tamanhoComponentes.bordaComponentes {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
    border-color: hsl(var(--siga-500)) !important;
}
div#imovelGaleria2 {
    background: white !important;
}
/* ------------------------ FOOTER ------------------------ */



/* ------------------------ WHATS FLUTUANTE ------------------------ */



/* ------------------------ LOADING ------------------------ */


/* ------------------------ inputs ------------------------ */
#btnBuscarConds,
#btnBuscarConds input,
#listaImoveis #cidades input,
#listaImoveis #bairros input{
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}

/* Elementos quadrados */
button,a,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl,#sub1Comprar .hoverBtns, .sigaTooltip, .sigaTooltipLeft, .nomeBtnModalMobile{
  border-radius: 2px !important;
}
.filtro{
  border-radius: 0px !important;
}
div#containerMapaConds,
div#filtrosConds {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
}
input:checked ~div#btnMapa {
    background: hsl(var(--siga-300)) !important;
}
div#btnsFiltrosConds #bairros label {
    color: white !important;
}
div#btnsFiltrosConds #bairros li div:hover {
    background-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
::-webkit-scrollbar-thumb {
  background-color: hsl(var(--siga-300)) !important;
}
#limparFiltroMobile,
#cancelarFiltroMobile {
  color: white !important;
  border-color: hsl(var(--siga-300)) !important;
}
div#infobarMobile button {
    color: white !important;
    background: transparent !important;
    border-color: hsl(var(--siga-300)) !important;
}
@media (max-width: 992px) {
  #col3Header {
    gap: 0px !important;
    padding: 7px 8px !important;
  }
  button#menuMobile {
    border-color: hsl(var(--siga-300)) !important;
    margin-right: -5px !important;
  }
  div#OptionMenu{
    border: 1px solid hsl(var(--siga-300)) !important;
  }
  div#OptionMenu:hover{
    background-color: white !important;
    color: hsl(var(--siga-500)) !important;
  }
  div#OptionMenu:hover svg{
    color: hsl(var(--siga-500)) !important;
  }
  button#optionMenuBtn-0 {
    margin-right: 0 !important;
    padding: 8px !important;
  }
}