/* ------------------------ CORES ------------------------  */
:root {
  --siga-100: 28 97% 46%; /* Laranja SECUNDARIA / */
  --siga-300: 28 97% 46%; /* SECUNDARIA */
  --siga-500: 0 0% 31%; /* PRINCIPAL cinza */
  --siga-700: 0 0% 25%; /* Cinza HOVER */
  --siga-900: 0 0% 31%/ 90%; /* principal TRANSPARENCIA */
  --branco: 0 0% 100%; /* cor branca */
  --cinza: 0 0% 13%; /* cor cinza */
  --cclaro: 0 0% 76%; /* cor cinza claro */
  --preto: 0 0% 0%; /* cor preto */
}
* ------------------------ HEADER ------------------------ */

#headerLogo.logo {
  max-height: 100% !important;
  max-width: 550px !important;
}

.btnsIntro::before {
  --tw-gradient-from: hsl(var(--siga-100) / 1) var(--tw-gradient-from-position) !important;
}

#home .btnsIntro {
  font-size: 1.5rem;
  padding: 1.5rem 3rem;
}

/* ------------------------ CARDS ------------------------ */

.verTodosBtn.border-siga-300 {
  border-color: transparent;
  border-radius: 0.25rem;
}

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

.imoveisDestaques .verTodosBtn span {
  color: hsl(var(--siga-100));
}

div.imoveisDestaques span {
  border-color: transparent;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}

div.imoveisDestaques span.tituloDestaques {
  color: hsl(var(--siga-100)) !important;
}

/* PASSADOR DE FOTOS - INICIO */

.cardsGaleria swiper-container::part(button-next):hover,
.cardsGaleria swiper-container::part(button-prev):hover,
#bannersFS swiper-container::part(button-next):hover,
#bannersFS swiper-container::part(button-prev):hover {
  background-color: hsl(var(--siga-700)) !important;
  color: hsl(var(--siga-100)) !important;
}

.cardsGaleria swiper-container::part(button-next),
.cardsGaleria swiper-container::part(button-prev),
#bannersFS swiper-container::part(button-next),
#bannersFS swiper-container::part(button-prev) {
  background-color: hsl(var(--siga-900)) !important;
  color: hsl(var(--siga-100)) !important;
}

swiper-container::part(button-next),
swiper-container::part(button-prev) {
  color: hsl(var(--siga-500)) !important;
  background-color: transparent !important;
}

/* PASSADOR DE FOTOS - FIM */

h2.cardNome,
h3.cardsEndereco{
  color: hsl(var(--cinza));
}

div .descricao,
span.detalheImovel {
  color: hsl(var(--siga-500)) !important;
}

.descricao.group svg.icon.icones {
  color: hsl(var(--siga-100));
}

.imovelCodigo {
  color: hsl(var(--siga-500)) !important;
  background-color: hsl(var(--siga-500)/ 10%) !important;
}

div.cardsValor {
  font-weight: 700;
  color: hsl(var(--siga-500));
}

/* TARJAS CARDS - INICIO */

.cardVisualizado span {
  color: hsl(var(--branco)) !important;
}

span.cardDestaque,
span.cardVideo,
span.cardNovidade,
div.cardVisualizado,
span.cardPerfil,
span.cardMobilia,
span.cardExclusividade {
  background-color: hsl(var(--siga-900)) !important;
  color: hsl(var(--branco)) !important;
}

span.cardVideo .icon,
span.cardExclusividade .icon,
button.favIcon svg.icon,
div.cardVisualizado .icon {
  color: hsl(var(--siga-100)) !important;
}

/* TARJAS CARDS - FIM */

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

#footerContatoRede2 {
  background-color: hsl(var(--siga-500));
}

#copyrights > div {
  background-color: hsl(var(--siga-500));
}

#footerRede2 .logoRodape {
  height: auto !important;
  width: 220px !important;
}

/* ------------------------ MOBILE ------------------------ */

@media (max-width: 800px) {
  #headerLogo.logo {
    max-width: 300px !important;
  }

  .absolute h2 {
    font-size: 1.5rem;
  }

  #home .btnsIntro {
    font-size: 1rem;
    padding: 1.5rem;
  }
}