/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 40 69% 46%;
  --siga-200: 40 70% 45%;
  --siga-300: 40 68% 44%;
  --siga-500: 22 31% 14%;
  --siga-700: 22 32% 13%;
  --siga-900: 21 32% 12%;
}
/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */
#headerPremium {
  border-bottom: 1px solid #bc8a24 !important;
}
@media (min-width: 80rem) {
    .logoTopoHomeTamanhos {
        max-height: 100px !important;
        max-width: 250px !important;
    }
    .logoNormalTamanhos {
        max-height: 80px !important;
        margin-top: -5px !important;
    }
    .intro1BuscarContainer {
        top: -140px;
    }
    #alturaFiltro {
      margin-top: 560px !important;
    }
}
.navNormalTamanhos.navHome ,
.navSigaOpacidade{
  background: rgb(47 33 25 / 90%) !important;
  backdrop-filter: blur(5px);
}
.containerFiltros {
    background: transparent !important;
}
.btnSemBorda,
.navBtn{
  border-color: transparent !important;
  font-size: 18px !important;
}
.navBtn:hover,
.btnSemBorda:hover{
  background-color: transparent !important;
  color: hsl(var(--siga-300)) !important;
}
#submenu {
    background: hsl(var(--siga-500)) !important;
}
.sub1Btn span,
.subTipos {
  color: white !important;
} 
.subTipos h2 {
  color: hsl(var(--siga-300)) !important;
}
.hoverBtns:hover{
  color: hsl(var(--siga-200)) !important;
}
.sub1VerTodos {
  background-color: hsl(var(--siga-900)) !important;
  color: hsl(var(--siga-300)) !important;
}
.sub1VerTodos:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-900)) !important;
}
#sub1Comprar menu {
    border-color: hsl(var(--siga-900));
}
.filtroContainer {
    background: hsl(var(--siga-500)) !important;
}
.labelFiltros {
  color: white !important;
}
.containerInput:hover,
.containerInput:hover label {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
.btnAplicar{
  background-color: hsl(var(--siga-300)) !important;
}

/* ------------------------ HOME ----------------------- */
.homeMask {
  background-color: transparent !important;
}

#destaquesHome .palavraDestaque {
  color: hsl(var(--siga-300)) !important;
}
#btnBuscarFiltro {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#btnBuscarFiltro:hover{
  filter: brightness(130%) !important;
  color: hsl(var(--siga-300)) !important;
}
.fitrosHome input:checked + .homeOpBtn {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
button#dropdownBairros {
    filter: none !important;
}
.fitrosHome .filtro {
    background: hsl(var(--siga-500)) !important;
    color: #d1d1d1 !important;
}
.fitrosHome .filtro svg {
  color: hsl(var(--siga-300)) !important;
}
.fitrosHome input:hover + .homeOpBtn{
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-200)) !important;
}
.fitrosHome input .homeOpBtn{
  color: #d1d1d1 !important;
  background-color: hsl(var(--siga-500)/0.3) !important;
}
.homeOpBtn{
  background-color: hsl(var(--siga-500) /0.3) !important;
  color: rgba(255, 255, 255, 0.527) !important;
  border-color: hsl(var(--siga-500)/0) !important;
}
.listaOp {
  background-color: transparent!important;
  color: white !important;
  border-color: hsl(var(--siga-500)) !important;
}
button#buscarPorCodigoHome,
#btnBuscarFiltro,
.filtro {
    height: 37px !important;
    margin-top: 5px;
}
button#buscarPorCodigoHome {
    background:  color-mix(in oklab, var(--color-siga-500, hsl(var(--siga-500))) 50%, #2f211973) !important;
    border-color: color-mix(in oklab, hsl(21.82deg 30.56% 14.12%) 50%, transparent) !important; 
    color: #d1d1d1 !important;
}
#buscarPorCodigoHome:hover {
  border-color: hsl(var(--siga-300)) !important;
}
.filtro:hover{
  color: white !important;
}
#equipeHome .palavraDestaque {
  color: hsl(var(--siga-300)) !important;
}
/* ------------------------ CARDS ------------------------ */
.cardsFavoritar,
.btnFavoritarCard,
.cardsValor,
.cardsFooter svg{
  color: hsl(var(--siga-200)) !important;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
  color: hsl(var(--siga-200)) !important;
}
.cardEquipe {
  background-color: hsl(var(--siga-500));
  color: white !important;
}
.creciCorretorEquipe,
.nomeCoretorEquipe,
.setorCorretorEquipe  {
  color: #d1d1d1 !important;
}
.cardEquipe svg{
  color: hsl(var(--siga-300)) !important;
}
/*---CARD PRETO--*/
#home .cardsFavoritar,
#home #imoveisCard1 {
  background: hsl(var(--siga-500)) !important;
}
#home #imoveisCard1 .imovelCodigo {
  color: hsl(var(--siga-300)) !important;
}
#home .cardsFooter ,
#home .cardsFooter .detalheImovel,
#home .cardsEndereco,
#home .cardNome {
  color: white !important;
}
#home .cardsFooter{
  border-top: 1px solid hsl(var(--siga-300)) !important;
}
/*---/CARD PRETO--*/
/* ------------------------ LISTA ------------------------ */
#infobarDesktop,
#filtros{
  background-color: hsl(var(--siga-500)) !important;
}
#infobarDesktopListas h1,
#infobarDesktop{
  color: white !important;
}
#filtrosListas, #filtrosListas span {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
div#filtrosListas h2 span:last-child {
    color: hsl(var(--siga-300)) !important;
}
.btnAplicarContainer,
.filtroDrop{
  background-color: hsl(var(--siga-500)) !important;
}
#infobarDesktopListas button{
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
.btnNaoSelecionado {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
  border-color: #372a22 !important;
  filter: none !important;
}
.filtroDrop svg,
.btnNaoSelecionado svg {
  color: hsl(var(--siga-200)) !important;
}
.checkboxInput +label,
.checkboxLabel {
  color: white !important;
}
.containerCheckbox:hover {
  background-color: hsl(var(--siga-300)) !important;
}
.filtroDrop .textoValor {
  color: white !important;
}
.filtroDrop .textoValorDestacado  {
  color: hsl(var(--siga-300)) !important;
}
.vue-slider-process{
  background-color: hsl(var(--siga-300)) !important;
}
input:checked + .selecaoMobilia svg{
  background: transparent !important;
  color: white !important;
}
input:checked + .dormVagaSuiteCheckbox,
input:checked + .selecaoMobilia{
  background-color: hsl(var(--siga-300)) !important;
}
input:hover + .selecaoMobilia:hover svg,
input:hover + .selecaoMobilia:hover {
  color: white !important;
  background-color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-300)) !important;
}
.abrirSelecaoDormsVagas,
.dormVagaSuiteCheckbox,
label.selecaoMobilia {
    background: hsl(var(--siga-500)) !important;
    color: white !important;
    border-color: hsl(var(--siga-700)) !important;
}
.filtroDrop span {
  color: white !important;
}
.filtroDrop input {
    border-color: hsl(var(--siga-300)) !important;
    color: white !important;
}
.containerOrdem {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.containerOrdem button {
  background-color: hsl(var(--siga-300)) !important;
}
.ordemLabel {
  color: white !important;
}
.linhaDotsFooter {
  background-color: hsl(var(--siga-300)) !important;
}
#ordem button {
  background-color: hsl(var(--siga-300)) !important;
  color: white !important;
}
#ordem,
#ordem div {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
/* ------------------------ IMÓVEL ------------------------ */



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

.linhaDotsFooter {
    background-color: hsl(var(--siga-300) / 0.2) !important;
}
footer p,
#links,
#links a,
#enderecoContato,
#telefonesContato,
#seoDescricaoFooter,
#indices {
    color: #d1d1d1 !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */



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

::-webkit-scrollbar-thumb {
    background-color: var(--color-siga-300) !important;
}
#inputBuscar input,
#inputBuscar button{
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
#inputBuscar svg,
#inputBuscar div{
  color: white;
}
#inputBuscar {
  background-color: hsl(var(--siga-500)) !important;
  color: white !important;
}
.containerTituloPg {
    background: hsl(var(--siga-500));
    color: white !important;
}
#tituloImob h1 {
  color: hsl(var(--siga-300)) !important;
}
.homeMask:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 110px;
    /* background: linear-gradient(to top, rgba(19, 19, 19, 0.78) 0%, rgba(23, 23, 23, 0.64) 36%, rgba(26, 26, 26, 0.48) 55%, rgba(28, 28, 28, 0.14) 74%, rgba(32, 32, 32, 0.12) 76%, rgba(56, 56, 56, 0) 90%, rgba(76, 76, 76, 0) 100%); */
    background:linear-gradient(to top, rgb(47 33 25 / 82%) 0%, rgb(47 33 25 / 55%) 36%, rgb(47 33 25 / 45%) 55%, rgba(28, 28, 28, 0.14) 74%, rgba(32, 32, 32, 0.12) 76%, rgba(56, 56, 56, 0) 90%, rgba(76, 76, 76, 0) 100%);
    bottom: 0;
}
span.quantidadeSelecao {
    border-color: hsl(var(--siga-500)) !important;
}
.redesSociaisContato {
    margin-left: 5rem !important;
}
#imoveisVisualizados .palavraDestaque,
section#mapaImob .palavraDestaque {
    color: hsl(var(--siga-300)) !important;
}