/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 46 100% 58%;
  --siga-200: 46 100% 58%;
  --siga-300: 347 83% 55%;
  --siga-500: 46 100% 40%;
  --siga-700: 13 53% 32%;
  --siga-900: 13 53% 26%;
}

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

/*Scroll:*/
::-webkit-scrollbar-thumb {
  background-color: hsl(var(--siga-200)) !important;
}
/* ------------------------ HEADER ------------------------ */
.logoTopoHomeTamanhos {
  max-height: 95px !important;
}
.logoNormalTamanhos {
  max-height: 80px !important;
}
@media (min-width: 1280px) {
    .navNormalTamanhos {
        height: 105px !important;
    }
    .navTopoHomeTamanhos {
        height: 125px !important;
    }
}
.navBtn,
.btnSemBorda {
  color: hsl(var(--siga-700)) !important;
  background-color: white !important;
  border: 1px solid hsl(var(--siga-200)) !important;
}
.navBtn:hover,
.btnSemBorda:hover {
  color: hsl(var(--siga-700)) !important;
  background-color: hsl(var(--siga-200)) !important;
  border-color: hsl(var(--siga-200)) !important;
}

#navIcons svg,
.iconeRedeSocialHeader {
  color: hsl(var(--siga-700)) !important;
}

#textoBanner>h2 {
  color: #fff !important;
}

#searchHeader,
#navBuscar {
  border-color: hsl(var(--siga-100)) !important;
  background-color: transparent !important;
}
#btnBuscar svg {
  color: hsl(var(--siga-700)) !important;
}
nav#headerPremium {
  border-bottom: 1px solid hsl(var(--siga-700)) !important;
}
#submenu h2 {
  color: hsl(var(--siga-700)) !important;
}
#submenu .sub1VerTodos {
  color: hsl(var(--siga-700)) !important;
  background-color: hsl(var(--siga-200)) !important;
}
#submenu .sub1VerTodos:hover {
  background: hsl(var(--siga-700)) !important;
  color: #fff !important;
}
#btnBuscar {
  background: hsl(var(--siga-200)) !important;
  margin: 0px .75rem !important;
  padding: 8px 0.7rem;
}
#btnBuscar .sigaTooltip {
  margin-top: 10px;
  margin-left: 7px;
}
/* ------------------------ HOME ----------------------- */
div#filtro1,
#indicadorRolagem {
  display: none !important;
}

@media (min-width: 1280px) {
    #ordemHome {
        margin-top: 7rem !important;
    }
}
.intro1BuscarInput{
  background-color: hsl(var(--siga-700)) !important;
}
#textoBanner {
  background-color: hsl(var(--siga-700) /.9) !important;
}

#textoBanner a {
  background-color: hsl(var(--siga-500)) !important;
}

swiper-container::part(button-prev),
swiper-container::part(button-next) {
  background-color: transparent !important;
}
.tituloHome > span:not([class]),
.tituloHome > span[class=""],
#equipeHome div h2 span:not([class]), 
#equipeHome div h2 span[class=""] {
  color: hsl(var(--siga-700)) !important;
}
.tituloSpan {
  border-color: hsl(var(--siga-700)) !important;
}
.verTodosBtn {
  border-color: hsl(var(--siga-500)) !important;
  color: hsl(var(--siga-700)) !important;
}
.verTodosBtn:hover {
  background-color: hsl(var(--siga-500)) !important;
  color: #fff !important;
}

.iconeEmailEquipe:hover,
.iconeInstagramEquipe:hover,
.iconeLinkEquipe:hover {
  color: hsl(var(--siga-300)) !important;
}

.tamanhosIntro2 {
  aspect-ratio: 1/1.1 !important;
}
@media (min-width: 1280px) {
  .tamanhosIntro2 {
    height: 600px !important;
    border-radius: 50px !important;
  }
  .tamanhosIntro2 img{ 
    border-radius: 0 0 25px 25px !important;
  }

  .homeFiltros {
    margin-top: 110px !important;
  }
} 
.filtroIntro3{
  background-color: transparent !important;
}
/* ------------------------ CARDS ------------------------ */
.cardNome, 
.cardsEndereco, 
.cardsFooter .descricao span{
  color: hsl(var(--siga-700)) !important; 
}
.cardsFooter {
  border-top: 1px solid hsl(var(--siga-700)) !important;
}
.cardsFooter .descricao .sigaTooltip {
  color: #fff !important;
}
.cardsDescricao .imovelCodigo {
  color: #000 !important;
  background-color: hsl(var(--siga-200)) !important;
}
.cardDestaque, .cardMobilia {
  background-color: hsl(var(--siga-700) / .7) !important;
}
.cardsValor {
    font-weight: 600 !important;
}
.cardsFooter {
    font-weight: 900 !important;
    font-size: 15px;
}
/* ------------------------ LISTA ------------------------ */
#listaImoveis .navFiltros {
  background-color: hsl(var(--siga-700)) !important;
}
#listaImoveis .btnNaoSelecionado, #infobarDesktop, .btnListaOrdem {
  background-color: transparent !important;
}
#listaImoveis .btnSelecionado {
  background-color: hsl(var(--siga-200)) !important;
}
#listaImoveis .btnSelecionado span,
#listaImoveis .btnSelecionado svg {
  color: hsl(var(--siga-700)) !important;
}
#listaImoveis #btnsFiltros .btnNaoSelecionado span,
#listaImoveis #infobarDesktop,
#listaImoveis #infobarDesktop .btnListaOrdem .btnNaoSelecionado span{
  color: #fff !important;
}
#listaImoveis #btnsFiltros .btnNaoSelecionado svg,
#listaImoveis #infobarDesktop .btnListaOrdem .btnNaoSelecionado svg {
  color: hsl(var(--siga-200)) !important;
}
#containerMapa {
  display: none !important;
}

.btnNaoSelecionado span {
  color: #000 !important;
}

.ordemInput {
  accent-color: hsl(var(--siga-100)) !important;
}
#listaImoveis .quantidadeSelecao {
  background-color: hsl(var(--siga-200)) !important;
  color: hsl(var(--siga-700)) !important;
  border-color: hsl(var(--siga-700)) !important;
}
#listaImoveis .btnAplicarContainer .btnAplicar {
  background-color: hsl(var(--siga-700)) !important;
}
#listaImoveis .containerCheckbox:hover,
#listaImoveis .containerCheckbox:hover span,
#listaImoveis .dormVagaSuiteCheckbox:hover,
#listaImoveis .abrirSelecaoDormsVagas:hover,
#listaImoveis .selecaoMobilia:hover,
#listaImoveis .selecaoMobilia:hover span {
  background-color: hsl(var(--siga-200)) !important;
  color: #000 !important;
  border-color: hsl(var(--siga-200)) !important;
}
#listaImoveis .peer:checked~.dormVagaSuiteCheckbox,
#listaImoveis .peer:checked~.selecaoMobilia {
  background-color: hsl(var(--siga-200)) !important;
  color: #000 !important;
  border-color: hsl(var(--siga-200)) !important;
}
#listaImoveis .dormVagaSuiteCheckbox,
#listaImoveis .searchInput,
#listaImoveis .selecaoMobilia {
  border: 1px solid hsl(var(--siga-200)) !important;
  color: #000 !important;
}
#listaImoveis .checkboxInput {
  accent-color: hsl(var(--siga-200)) !important;
}
#listaImoveis .vue-slider-dot-handle-focus {
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) hsl(var(--siga-200)) !important;
}
/* ------------------------ IMÓVEL ------------------------ */
#btnWhats {
  background: #1ab352 !important;
}

#nomeEndereco h1,
.imovelCodigo,
#descricaoImovel .titulosPagImovel, 
#caracteristicasImovel .titulosPagImovel {
  color: hsl(var(--siga-700)) !important;
}
#nomeEndereco svg,
#caracteristicasDescricao .icone,
#caracteristicasImovel svg.icon {
  color: hsl(var(--siga-500)) !important;
}
div#infobarMobile {
    background: hsl(var(--siga-700)) !important;
}
div#infobarMobile button {
    background: hsl(var(--siga-200)) !important;
    border-color: hsl(var(--siga-200)) !important;
    color: hsl(var(--siga-700)) !important;
}
div#infobarMobile button:before {
    content: "Ordem ";
}
div#btnFiltroMobile button {
    background: hsl(var(--siga-900)) !important;
}
#btnFiltroMobile button {
  position: relative;
  color: white;
  overflow: hidden;
  z-index: 1;
}

#btnFiltroMobile button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0.5rem 1.25rem 0.5rem 1.25rem !important;
  width: 100%;
  height: 100%;
  background: hsl(var(--siga-700)) !important;
  border-radius: 25px;
  transform: translate(-50%, -50%);
  z-index: -1;
  animation: pulse-soft 2.4s ease-out infinite;
  pointer-events: none;
}

@keyframes pulse-soft {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  10% {
    opacity: 0.6;
  }
  100% {
    width: 200%;
    height: 200%;
    opacity: 0;
  }
}
h3#tituloFiltrosMobile {
    background: hsl(var(--siga-900)) !important;
}
button#filtrarFiltroMobile {
    background: hsl(var(--siga-200)) !important;
    color: hsl(var(--siga-700)) !important;
}
@media(max-width: 992px){
div#containerFiltrosInfobar .btnNaoSelecionado {
    border-color: white !important;
}
}
/* ------------------------ FOOTER ------------------------ */
#copyrights>div {
  background-color: hsl(var(--siga-900)) !important;
}

.indice {
  border-color: hsl(var(--siga-200)/.4) !important;
}

#enderecoContato a {
  background-color: hsl(var(--siga-200)) !important;
  border: 1px solid transparent !important;
  color: hsl(var(--siga-700)) !important;
  font-weight: 500;
  transition-duration: .2s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4,0,.2,1);
}
#enderecoContato a:hover {
  background-color: hsl(var(--siga-700)) !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}
#indices,
#contato,
#links {
    background: white !important;
    color: hsl(var(--siga-700)) !important;
}
.iconeRedeSocial,
div#links div,
.linksFooter,
div#enderecoContato {
  color: hsl(var(--siga-700)) !important;
}
hr.hrFooter {
    border-color: hsl(var(--siga-700)) !important;
}
@media (min-width: 1280px){
#telefonesContato{
  margin-right: -57px !important;
}
}
.textoFones {
    font-size: 1.15rem !important;
}
/* ------------------------ WHATS FLUTUANTE ------------------------ */


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


/* ------------------------ PAGINA PERMUTA ------------------------ */
#barraSemFiltros {
  background-color: hsl(var(--siga-700)) !important;
  color: #fff !important;
}
@media (max-width:1280px) {
  #barraSemFiltros {
    background-color: hsl(var(--siga-500)) !important;
  }
}

/* ------------------------ ELEMENTOS QUADRADOS ------------------------ */
button,
a,
select,
label,
input,
.filtroContainer,
.filtroDrop,
.rounded,
.rounded-lg,
.rounded-xl,
#sub1Comprar .hoverBtns,
.sigaTooltip,
.sigaTooltipLeft,
.nomeBtnModalMobile,
.sub1VerTodos {
  border-radius: 25px !important;
}

.fitrosHome div>button,
.tituloBtnMobile {
  border-radius: 25px !important;
}