/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 44 71% 76%;
  --siga-200: 44 42% 65%;
  --siga-300: 44 71% 76%;
  --siga-500: 212 71% 25%;
  --siga-700: 212 71% 22%;
  --siga-900: 212 71% 17%;
}

/*Preloader:*/
html .preloader-span,
#loadingIndicator .preloader-span{
    background-color:  hsl(var(--siga-200));
}


/* ------------------------ HEADER ------------------------ */
#submenu {
  background-color: hsl(var(--siga-500)) !important;
}
.nomeTipos {
  color: #fff !important;
}
#submenu .hoverBtns {
  background-color: transparent !important;
  color: #fff !important;
}
#submenu .hoverBtns:hover {
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
}
#submenu .hoverBtns:hover .nomeTipos,
#submenu .hoverBtns:hover svg,
#submenu .hoverBtns:hover .sub1VerTodos {
  color: hsl(var(--siga-300)) !important;
}
.submenu-ativado {
  background-color: hsl(var(--siga-700)) !important;
}
.sub1VerTodos,
.sub1Btn .icon {
  background-color: transparent !important;
  color: #fff !important;
}
.navBtn, 
.btnSemBorda {
  border: 2px solid transparent !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}
.navBtn:hover, 
.btnSemBorda:hover  {
  border-bottom: 2px solid hsl(var(--siga-100)) !important;
  color: hsl(var(--siga-100)) !important;
}
#navIcons .icon,
#sub1Fechar {
  color: #fff !important;
}
.redeSocialHeader .icon,
#submenu .hoverBtns .sub1VerTodos:hover {
  color: hsl(var(--siga-300)) !important;
}
#filtro1 {
  background-color: hsl(var(--siga-500) / .4) !important;
}
.subTipos h2 {
  color: hsl(var(--siga-300)) !important;
  margin-left: 29px !important;
}
#inputBuscar .icon {
  color: hsl(Var(--siga-300)) !important;
}
button#navBuscar {
  background-color: hsl(var(--siga-700)) !important;
}
.sub1VerTodos {
  padding: 0.75rem .625rem !important;
}
/* ------------------------ HOME ----------------------- */
@media (min-width: 992px){
  #containerFiltro {
    top: 495px !important;
  }
}
@media (max-height: 664px){
  #containerFiltro {
    top: 388px !important;
  }
}
#indicadorRolagem {
  display: none !important;
}
.inputFiltros,
.inputFiltros:hover:checked {
  accent-color: hsl(var(--siga-300)) !important;
}
.btnAplicar {
  background-color: hsl(var(--siga-500)) !important;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, filter !important;
}
.btnAplicar:hover {
  background-color: hsl(var(--siga-500)) !important;
  filter: brightness(1.25) !important;
}
.svgBtn {
  color: #c7b37e !important;
}
.sigaTooltip,
 .sigaTooltipLeft {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
.sigaTooltip::after,
 .sigaTooltipLeft:after {
  border-top-color: hsl(var(--siga-300)) !important;
}
.intro1BuscarInput,
 .verTodosBtn, .sub1VerTodos {
  border-color: hsl(var(--siga-500)) !important;
}
.verTodosBtn:hover,
 .sub1VerTodos:hover {
  background-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-300)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
.quantidadeSelecao {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
}
.containerTitulos {
  text-shadow: 2px 2px black;
}
swiper-container::part(button-next), swiper-container::part(button-prev) {
  background-color: transparent !important;
}
#sub1Fechar:hover {
  background-color: hsl(var(--siga-300)) !important;
  color: hsl(var(--siga-500)) !important;
}
@media (min-width: 1280px) {
    .tamanhosIntro2 {
        height: 90svh !important;
    }
}

@media (min-width: 1366px) {
    .tamanhosIntro2 {
        height: 85svh !important;
    }
}

@media (min-width: 1536px) {
    .tamanhosIntro2 {
        height: 72svh !important;
    }
}
@media (min-width: 1280px) {
  
  .filtroIntro3 {
    bottom: 30% !important;
  }
  .homeFiltros swiper-container::part(button-next), .homeFiltros swiper-container::part(button-prev) {
    margin-top: 9.5rem !important;
  }
  .intro3ContainerTitulos {
    top: -4rem !important;
  }
}
@media (min-width: 1590px) {
  .homeFiltros swiper-container::part(button-next), .homeFiltros swiper-container::part(button-prev) {
    margin-top: 3rem !important;
  }
}
@media (max-width: 1280px) {
  #filtro1 {
    background-color: transparent !important;
  }
  .logoTopoHomeTamanhos {
    max-width: 160px !important;
  }
  .logoNormalTamanhos {
    max-width: 130px !important;
  }
  .intro1BuscarInput {
    border-color: #fff !important;
  }
  #containerFiltro {
    background-color: hsl(var(--siga-700) / .9) !important;
  }
  #btnBuscarFiltro {
    background-color: hsl(var(--siga-200)) !important;
  }
}

/* ------------------------ CARDS ------------------------ */
.cardDestaque,
.cardVideo,
.cardPerfil,
.cardMobilia,
.cardNovidade, 
.cardExclusividade, 
.cardVisualizado {
  color: hsl(var(--siga-300)) !important;
}

/* ------------------------ LISTA ------------------------ */
.btnSelecionado {
  background-color: hsl(var(--siga-500)) !important;
}
.btnAplicar:hover {
  color: hsl(var(--siga-300)) !important;
  filter: none !important;
}
.checkboxInput:checked {
  accent-color: hsl(var(--siga-500));
}
.peer:checked~.dormVagaSuiteCheckbox, .peer:checked~.selecaoMobilia {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-500)) !important;
  color: hsl(vaR(--siga-300)) !important;
}
.containerCheckbox:hover,
.containerCheckbox:hover label,
.containerCheckbox:hover span,
.dormVagaSuiteCheckbox:hover,
.abrirSelecaoDormsVagas:hover,
.selecaoMobilia:hover {
  background-color: hsl(Var(--siga-500)) !important;
  border-color: hsl(var(--siga-300))  !important;
  color: #fff !important;
}
@media (max-width: 1280px) {
 .btnSelecionado span{
    color: #fff !important;
  }
}
/* ------------------------ IMÓVEL ------------------------ */
#nomeEndereco .icon,
#caracteristicasDescricao .icon,
.simuladoresImovel .icon  {
  color: hsl(var(--siga-200)) !important;
}
#btnWhats {
  background: #1ab352 !important;
}
#idImovel .imovelCodigo {
  color: #000 !important;
}

/* ------------------------ FOOTER ------------------------ */
#copyrights > div {
  background-color: hsl(var(--siga-900)) !important;
}

.indice {
  border-color: transparent !important;
}

#enderecoContato a {
  border-color: hsl(var(--siga-300)) !important;
}
#enderecoContato a:hover {
  background-color: hsl(var(--siga-200) / .9);
}

.hrFooter {
  border-color: hsl(var(--siga-300)) !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */



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

/* Elementos quadrados */
button,a,select,label,input,.filtroContainer,.filtroDrop,.rounded,.rounded-lg,.rounded-xl,#sub1Comprar .hoverBtns, .sigaTooltip, .sigaTooltipLeft, .nomeBtnModalMobile, .sub1VerTodos{
  border-radius: 0px !important;
}
.fitrosHome div > button,
.filtroContainer  {
  border-radius: 0px !important;
}

/* SELECTION */
::selection {
  color: hsl(var(--siga-300)) !important;
  background-color: hsl(var(--siga-500)) !important;
}