/* ------------------------ 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%;
}

/* ------------------------ HEADER ------------------------ */
#OptionMenu:hover {
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#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;
}
#btnBuscar {
  border: 1px solid hsl(var(--siga-300));
  padding: 8px 11px;
}
#navFav {
  border: 1px solid hsl(var(--siga-300)) !important;
  padding: 7px 11px;
  width: auto !important;
}
#Instagram svg {
  color: hsl(var(--siga-900)) !important;
}
#instagramHeader {
  border: 1px solid hsl(var(--siga-300)) !important;
  padding: 5px 10px;
}
#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;
}
#sub1Fechar {
  color: hsl(var(--siga-300)) !important;
  border: 1px solid hsl(var(--siga-300)) !important;
}
#sub1Fechar:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}

/* ------------------------ HOME ----------------------- */
.homeFiltros .filtroContainer {
  background: white !important;
}
#FiltroHome {
  background-color: hsl(var(--siga-500) / 0.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;
}
#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;
}
.tituloDestaques {
  color: hsl(var(--siga-300)) !important;
}
#videosHome {
  background-color: #f7f7f7 !important;
}
#equipeHome .estiloTitulo {
  color: hsl(var(--siga-300)) !important;
}
@media (min-width: 1280px) {
  .intro3BuscarContainer {
    width: 50rem !important;
  }
}
@media (max-width: 600px) {
  .tamanhosIntro2 {
    max-height: 25svh !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,
#listaImoveis .filtro svg,
#listaCondominio .filtro svg {
  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,
.dormVagaSuiteCheckbox {
  background: hsl(var(--siga-500)) !important;
  border-color: transparent !important;
  color: white !important;
}
input:checked ~ .selecaoMobilia,
input:checked ~ .dormVagaSuiteCheckbox {
  border-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#comodos svg,
#comodos svg + span {
  color: white !important;
}
.selecaoMobilia:hover,
.dormVagaSuiteCheckbox:hover {
  border-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-300)) !important;
}
input:checked ~ .selecaoMobilia:hover,
input:checked ~ .dormVagaSuiteCheckbox:hover {
  color: white !important;
}
#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;
}
#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,
.whatsInput,
.contatoInput {
  border-radius: 2px !important;
}
.filtro {
  border-radius: 0px !important;
}
#containerMapaConds,
#filtrosConds {
  background: hsl(var(--siga-500)) !important;
  color: white !important;
}
input:checked ~ #btnMapa {
  background: hsl(var(--siga-300)) !important;
}
#btnsFiltrosConds #bairros label {
  color: white !important;
}
#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;
}
#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;
  }
  #menuMobile {
    border-color: hsl(var(--siga-300)) !important;
    margin-right: -5px !important;
  }
  #OptionMenu {
    border: 1px solid hsl(var(--siga-300)) !important;
  }
  #OptionMenu:hover {
    background-color: white !important;
    color: hsl(var(--siga-500)) !important;
  }
  #OptionMenu:hover svg {
    color: hsl(var(--siga-500)) !important;
  }
  #optionMenuBtn-0 {
    margin-right: 0 !important;
    padding: 8px !important;
  }
  #btnFiltroMobileConds button {
    background: hsl(var(--siga-300)) !important;
    min-width: 165px;
  }
  #btnFiltroMobileConds {
    top: 11.6% !important;
    right: 55px;
  }
  #btnFiltroMobileConds button:after {
    content: " / Buscar";
  }
}