/* ------------------------ CORES ------------------------  */
:root {
/* Soft tint */
  --siga-100: 11 80% 40%;



  --siga-500: 11 61% 53%;



  --siga-700: 11 62% 53%;



  --siga-900: 11 61% 53% / 80%;

  --branco: 0 0% 100%; /* cor branca */

  --cinza: 0 0% 13%; /* cor cinza */

  --cclaro: 0 0% 90%; /* cor cinza claro */
}

/* css personalizado  */

/* Estilos personalizados */

/* Elementos quadrados */
button,
select,
label,
input,
.filtroContainer,
.filtroDrop,
.rounded,
.rounded-lg,
.rounded-xl,
.navFiltros .quantidadeSelecao,
.nomeBtnModalMobile,
div#containerFiltro {
  border-radius: 1px !important;
}
button.filtro,
.sub1VerTodos,
.sub1Item,
.indice {
  border-radius: 0px !important;
}

/* TAMANHO DA LOGO  */
@media (min-width: 1280px) {
  .logoTopoHomeTamanhos {
    max-height: 100% !important;
    max-width: 65% !important;
  }
  .logoNormalTamanhos {
    max-height: 100% !important;
    max-width: 55% !important;
  }
  .navSigaOpacidade {
    background-color: hsl(var(--siga-500) / 0.8) !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-100) / 90%) !important;
  color: hsl(var(--branco)) !important;
}

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


/* TEXTO BANNER - INICIO */

div#textoBanner {
  background-color: hsl(var(--siga-900));
}

div#textoBanner a {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

#textoBanner .frase2, #textoBanner .frase3 {
  color: hsl(var(--branco)) !important;
}

#textoBanner .frase1 {
  color: hsl(var(--siga-100)) !important;
}

/* TEXTO BANNER - FIM */

/* Cor do título dos menus do cabeçalho - INICIO */
#navbar-sticky button {
  color: hsl(var(--branco));
  border-color: transparent;
}

#headerPremium button#navFav span {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

#navBuscar svg {
  color: hsl(var(--branco));
}

div#inputBuscar {
  background-color: hsl(var(--siga-900));
}

/* Cor do título dos menus do cabeçalho - FIM */

/* INICIO DEPOIMENTOS */
div#depoimentos .text-slate-600 {
  color: hsl(var(--branco));
}

div#depoimentos p {
  color: hsl(var(--branco));
}

#depoimentosHome h2,
span.text-siga-500 {
  color: hsl(var(--siga-100));
}

/* FIM DEPOIMENTOS */

/* Submenu - Inicio */
#submenu {
  background: hsl(var(--siga-500));
}

#sub1Comprar span,
#sub1Alugar span {
  color: hsl(var(--branco));
}
div#sub1Comprar h2,
div#sub1Alugar h2 {
  color: hsl(var(--branco));
}

.sub1Btn:hover svg {
  color: hsl(var(--branco));
}

#sub1Fechar svg {
  color: hsl(var(--siga-100));
  width: 1.8rem;
  height: 1.8rem;
}

.sub1Btn svg.icon.sub1Icon,
.sub1Btn svg.svgDesktop {
  color: hsl(var(--siga-100));
}

.sub1VerTodos {
  color: hsl(var(--branco));
  border: none;
  background-color: hsl(var(--siga-100));
}

.sub1Btn:hover .sub1VerTodos {
  color: hsl(var(--branco));
}

.sub1Item {
  color: hsl(var(--cclaro));
}

#sub1Fechar {
  border: none;
}

#headerPremium #sub1Fechar:hover {
  background-color: transparent;
}

.sub1Item:hover,
.sub1Btn:hover {
  background-color: transparent !important;
}

/* Submenu - Fim *
    
    /* Submenu Mobile - INICIO */
#submenu span.nomeTipos,
#submenu span.sub1Nomes {
  color: hsl(var(--branco));
}

ul#sub1Lista .svgMobile {
  color: hsl(var(--siga-100));
}

.filtroMargin .btnAplicar {
  background-color: hsl(var(--siga-100)) !important;
}

div#btnFiltroMobile button {
  background: hsl(var(--siga-100));
}

button#cancelarFiltroMobile,
button#limparFiltroMobile {
  color: hsl(var(--branco));
  border-color: hsl(var(--branco)/30%);
}

.filtroMargin button.btnAplicar,
button#filtrarFiltroMobile {
  background-color: hsl(var(--siga-100));
  border-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

.filtroMargin div.tituloBtnMobile,
.filtroMargin div.nomeBtnModalMobile {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco)) !important;
}

/* Submenu Mobile - FIM */

/* BARRA RODAPE MOBILE - INICIO */

#mobileBar {
  background-color: hsl(var(--siga-500));
  border-top: 1px solid hsl(var(--siga-100) / 50%);
}

#mobileBar a p {
  color: hsl(var(--branco));
}

#mobileBar a.w-14 span {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

div#mobileBar .icon {
  color: hsl(var(--siga-100));
}

/* BARRA RODAPE MOBILE - FIM */

/* Refinar Home - INICIO */
div#containerFiltro {
  background-color: hsl(var(--siga-900)) !important;
  top: 75svh;
}

#filtro1 .quantidadeSelecao {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border-color: hsl(var(--siga-100));
}

#filtro1 input:focus {
  outline: none;
}

.aplicarContainer .btnAplicar {
  background-color: hsl(var(--siga-100)) !important;
}

#containerFiltro .filtro {
  background-color: hsl(var(--siga-500));
  color: hsl(var(--branco));
  border: 1px solid hsl(var(--siga-100) / 30%);
  border-radius: inherit;
}

#containerFiltro .svgBtn {
  color: hsl(var(--siga-100));
}

/* Refinar Home - FIM */

/* ENCONTRAR IMOVEL HOME - INICIO */

div#navIcons button#navBuscar {
  background-color: hsl(var(--siga-100));
  border-color: transparent;
}
div#navIcons button#navBuscar:hover {
  background-color: hsl(var(--siga-100)) !important;
}

div#navIcons button#navBuscar .icon {
  color: hsl(var(--branco));
}

div#navMenus .icon {
  color: hsl(var(--siga-100));
}

div#inputBuscar .icon {
  color: hsl(var(--siga-100));
}

#searchHeader {
  border-color: hsl(var(--siga-100) / 30%);
  background-color: hsl(var(--siga-500));
}

/* ENCONTRAR IMOVEL HOME - FIM */

/* FILTRO OPERAÇÃO HOME - INICIO */

#containerFiltro .listaOp .peer:checked ~ .peer-checked\:border-siga-500 {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border-color: hsl(var(--siga-100));
  border-radius: 0%;
}

#containerFiltro .listaOp .w-full label,
#containerFiltro #btnCodigoHome {
  border-color: hsl(var(--siga-700) / 20%);
  border-radius: 0%;
  background-color: hsl(var(--siga-500));
  color: hsl(var(--branco));
}

#containerFiltro .listaOp {
  background-color: transparent !important;
}

/* FILTRO OPERAÇÃO HOME - FIM */

/* INPUT FILTROS - INICIO */

.inputFiltros:hover:checked {
  accent-color: hsl(var(--siga-100)) !important;
}
.inputFiltros:hover {
  accent-color: hsl(var(--siga-100)) !important;
}

.inputFiltros {
  accent-color: hsl(var(--siga-100)) !important;
}

/* INPUT FILTROS - FIM */

/* Favoritos - INICIO */

#favoritos animate-pulse {
  color: hsl(var(--siga-100));
}

#favoritos button {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border: none;
}

#favoritos button:hover {
  background-color: hsl(var(--siga-700));
  color: hsl(var(--branco));
}

/* Visualizado - FIM */

/* Favoritos - FIM */

/* Destaques - INICIO */

div.cardsDescricao,
div.cardsFooter {
  background-color: hsl(var(--branco));
}

.imoveisDestaques a {
  background-color: hsl(var(--siga-100));
}

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

.imoveisDestaques a.verTodosBtn span {
  color: hsl(var(--branco));
}

#imoveisCard1 .cardsFavoritar {
  background-color: transparent;
}

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

div .descricao,
div .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-100) / 20%) !important;
}

/* TARJAS CARDS - INICIO */

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

button.favIcon {
  background-color: hsl(var(--siga-100) / 90%) !important;
}

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

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

/* TARJAS CARDS - FIM */

#imoveisCard1 .cardsValor {
  font-weight: 700;
  color: hsl(var(--siga-100));
}

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

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

/* Destaques - FIM */

/* Refinar da lista de imóveis - INICIO */

button#btnBuscarFiltro {
  border-radius: inherit;
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

/* Filtro da lista de imóveis - INICIO */

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

.navFiltros .filtro {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-100) / 30%) !important;
}

.navFiltros .filtro,
.navFiltros .filtro span {
  color: hsl(var(--branco));
}

.navFiltros .filtro svg,
#listaImoveis .btnListaOrdem button svg {
  color: hsl(var(--siga-100));
}

.navFiltros .filtro:hover,
.navFiltros .filtro {
  color: hsl(var(--branco)) !important;
}

.navFiltros .quantidadeSelecao {
  border-color: hsl(var(--siga-100) / 30%) !important;
  color: hsl(var(--branco)) !important;
  background-color: hsl(var(--siga-100)) !important;
}

#listaImoveis .btnListaOrdem button {
  background-color: hsl(var(--siga-500));
  border-color: hsl(var(--siga-100) / 30%);
  color: hsl(var(--branco));
}

/* CHECKBOXES FILTRO DORM/ SUITES  - INICIO */

.filtroMargin .dormVagaSuiteCheckbox,
.filtroMargin button.w-full.pl-auto.text-siga-500 {
  border: 1px solid hsl(var(--siga-100) / 30%) !important;
  background-color: transparent !important;
}

.filtroMargin .peer:checked ~ .dormVagaSuiteCheckbox {
  background-color: hsl(var(--siga-100)) !important;
  border-color: hsl(var(--siga-100)) !important;
}
.filtroMargin .peer:checked ~ .dormVagaSuiteCheckbox div {
  color: hsl(var(--branco)) !important;
}

.filtroDrop li input:checked,
.filtroDrop li input:hover:checked,
.btnListaOrdem .ordemInput {
  accent-color: hsl(var(--siga-100)) !important;
}

/* CHECKBOXES FILTRO DORM/ SUITES  - FIM */

#mobilia .peer:checked ~ label.selecaoMobilia {
  background-color: hsl(var(--siga-100)) !important;
  color: hsl(var(--branco)) !important;
}

.selecaoMobilia {
  background-color: hsl(var(--siga-500)) !important;
  border-color: hsl(var(--siga-100) / 30%) !important;
  color: hsl(var(--branco)) !important;
}

/* Filtro da lista de imóveis - FIM */

/* Imóveis no MAPA - INICIO */

#containerMapa span {
  color: hsl(var(--branco));
}
#containerMapa #btnMapa::after,
#btnMapaMobile::after {
  background-color: hsl(var(--siga-100));
  border-color: hsl(var(--siga-100));
}
div#btnMapa,
#btnMapaMobile {
  background-color: hsl(var(--siga-500));
  border-color: hsl(var(--siga-100));
}

#map .iconMap svg {
  color: hsl(var(--siga-500));
}

div#containerMapa {
  background-color: hsl(var(--siga-500));
  border-color: hsl(var(--siga-100) /30%);
}

/* Imóveis no MAPA - FIM */

/* Tooltip - INICIO */

.sigaTooltip,
.sigaTooltipLeft,
.vue-slider-dot-tooltip-inner {
  background-color: hsl(var(--siga-100)) !important;
  color: hsl(var(--branco)) !important;
}

.sigaTooltip:after {
  border-top-color: hsl(var(--siga-100)) !important;
}

/* Tooltip - FIM */

/* Tooltip Valores - INICIO */

.filtroMargin .vue-slider-dot-tooltip-inner,
.filtroMargin .vue-slider-process {
  background-color: hsl(var(--siga-100));
  border-color: hsl(var(--siga-100));
}

/* Tooltip Valores - FIM */

#listaImoveis h1 {
  color: hsl(var(--branco));
}

.pagina {
  border-radius: 0 !important;
  background-color: hsl(var(--branco));
  color: hsl(var(--siga-500));
}

.pagina.bg-siga-500 {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border-color: hsl(var(--siga-100)) !important;
}

.pagina .icon {
  color: hsl(var(--siga-100));
}

/* Refinar da lista de imóveis - FIM */

div#imobiliaria .tituloImob h1 {
  color: hsl(var(--siga-100));
}

/* Lista de Imóveis - INICIO */

#listaImoveis main {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.btnListaOrdem .filtroMargin #tipo div:hover {
  background: none;
}

.btnListaOrdem .filtroMargin #tipo div:hover .ordemLabel {
  color: hsl(var(--branco));
}

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

/* Lista de Imóveis - FIM */

/* Página do Imóvel - INICIO */

#painelImovel {
  background-color: hsl(var(--branco));
}

#painelImovel div {
  color: hsl(var(--siga-500));
}

#painelImovel .imovelValor {
  color: hsl(var(--siga-100));
}

#painelImovel button#btnCompartilhar,
#painelImovel button#btnMsg {
  color: hsl(var(--siga-500));
}

#painelImovel button#btnCompartilhar .icon {
  color: hsl(var(--siga-100));
}

#painelImovel button#btnWhats {
  color: hsl(var(--branco));
  background: hsl(var(--siga-100));
}

#btnFav,
#btnFavActive {
  background-color: transparent;
  color: hsl(var(--siga-100));
}

/* CHAME NO WHATS - INICIO */

div#whats .whatsInput {
  border-color: hsl(var(--siga-500) / 60%);
}

div#whats form button {
  background-color: hsl(var(--siga-500));
  border-color: transparent;
  color: hsl(var(--siga-100));
}

div#whats form button .icon {
  color: hsl(var(--siga-100));
}

/* CHAME NO WHATS - FIM */

#detalhesIcones div {
  background-color: hsl(var(--branco));
}

#detalhesIcones div span {
  color: hsl(var(--siga-500));
}

#detalhesIcones svg.icon {
  color: hsl(var(--siga-100));
}

#nomeEndereco svg {
  color: hsl(var(--siga-100));
}

#containerGaleria .btnsGaleriaDesativo {
  color: hsl(var(--siga-100));
  border-color: hsl(var(--siga-100));
  border-radius: 0;
}

#containerGaleria .btnsGaleriaAtivo {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border-radius: 0;
  border-color: hsl(var(--siga-100));
}

#containerGaleria .btnsGaleriaAtivo:hover {
  background-color: hsl(var(--siga-700));
  filter: none;
  --tw-brightness: none;
  border-color: hsl(var(--siga-700));
}

#painelImovel .imovelValor div,
#nomeEndereco h1,
#caracteristicasDescricao h2,
.imovelValor span,
#caracteristicasDescricao svg.icon {
  color: hsl(var(--siga-100)) !important;
}

#detalhesIcones div {
  background-color: hsl(var(--branco));
}

div#nomeEndereco .imovelCodigo {
  color: hsl(var(--siga-100));
}

button.f-button {
  color: hsl(var(--branco));
  background-color: hsl(var(--siga-100));
  border-radius: inherit;
  box-shadow: none;
}

button.f-button:hover {
  background-color: hsl(var(--siga-700)) !important;
  color: hsl(var(--branco)) !important;
}

#tipo,
#valores,
#cidades,
#bairros,
#perfil,
#comodos,
#vagas,
#mobilia,
#comodidades,
#dormitorio,
#distanciaMar {
  background-color: hsl(var(--siga-500));
}

#tipo ul li label,
#cidades ul li label,
#bairros ul li label,
#perfil ul li label,
#comodidades ul li div label,
#dormitorio ul li label,
#distanciaMar ul li label {
  color: hsl(var(--branco));
}

#tipo div:hover,
#cidades ul li div:hover,
#bairros ul li div:hover,
#perfil ul li div:hover,
#comodidades ul li div:hover,
#dormitorio ul li:hover,
#perfil ul li:hover,
#distanciaMar div:hover {
  background-color: hsl(var(--siga-500));
}

#tipo div:hover label,
#cidades ul li div:hover label,
#bairros ul li div:hover label,
#perfil ul li div:hover label,
#comodidades ul li div:hover label,
#dormitorio ul li:hover label {
  color: hsl(var(--branco));
}

#comodos ul li label div,
#vagas ul li label div {
  color: hsl(var(--branco));
}

#valores p,
#comodos div,
#vagas div,
#tipo .ordemLabel {
  color: hsl(var(--branco));
}

#comodos .icon,
#vagas .icon {
  color: hsl(var(--siga-100));
}

/* BUSCAR CIDADE E BAIRRO - INICIO */

.filtroMargin #cidades input,
.filtroMargin #bairros input {
  border-color: hsl(var(--siga-100) / 30%);
  background-color: hsl(var(--cinza) / 25%);
  color: hsl(var(--branco));
}

#cidades input::-webkit-input-placeholder,
#bairros input::-webkit-input-placeholder {
  color: hsl(var(--branco));
}

::-webkit-scrollbar-thumb{
  background-color: hsl(var(--siga-100)) !important;
}

/* BUSCAR CIDADE E BAIRRO - FIM */

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

div#listaImoveis button.btnAplicar {
  background-color: hsl(var(--siga-100)) !important;
}

/* Formulario Contato - INICIO*/
#formLead .bg-white {
  background: hsl(var(--siga-500));
}

#formLead p {
  color: hsl(var(--siga-100));
}

#formLead form input,
#formLead form textarea {
  background: transparent;
  color: hsl(var(--branco));
  border-color: hsl(var(--siga-100));
}

#formLead form input::-webkit-input-placeholder {
  color: hsl(var(--branco));
}

#formLead form input:focus,
#formLead form textarea:focus {
  outline: none;
}

#formLead svg {
  color: hsl(var(--siga-100));
}

#formLead button:hover,
#formLead button {
  background-color: hsl(var(--siga-100));
  --tw-gradient-to: none;
  color: hsl(var(--branco));
}
#formLead
  button.flex.items-center.text-gray-400.border.border-siga-500.bg-transparent.hover\:bg-gray-200.rounded-lg.px-2\.5.py-2.text-center.mr-3.mt-1.absolute.right-2 {
  background: transparent !important;
  border-color: transparent;
}

/* Formulario Contato - FIM*/

/* Formulario Whats - INICIO */

div#formWhats .bg-white {
  background-color: hsl(var(--siga-500));
}

div#formWhats button {
  color: hsl(var(--branco));
  background: hsl(var(--siga-100));
}

/* Formulario Whats - FIM */

.favIcon {
  background-color: transparent !important;
  color: hsl(var(--siga-100));
}

/* Página do Imóvel - FIM */

/* Rodapé - INICIO */

div#indices {
  border-top: 2px solid hsl(var(--siga-100));
}

#indices,
#contato,
#links,
#copyrights div {
  background-color: hsl(var(--siga-500));
}

#indices p,
#contato p,
#links p {
  color: hsl(var(--branco));
}

#links a div:hover {
  text-decoration: underline;
}

#links div {
  color: hsl(var(--branco));
}

#copyrights div p {
  color: hsl(var(--branco));
}

#contato button {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
  border: none;
}

#contato button:hover {
  background-color: hsl(var(--siga-700));
  color: hsl(var(--branco));
}

#contato hr {
  display: none;
}

#footer hr {
  border: 1px solid hsl(var(--siga-500) / 90%);
}

#indices .indice {
  background-color: hsl(var(--siga-500));
  color: hsl(var(--siga-100));
  height: 2.5rem;
  border-color: hsl(var(--siga-100) / 30%);
}

div#enderecoContato {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#equipeHome svg.icon {
  color: hsl(var(--siga-100));
}

/* Rodapé - FIM */

/* Mobile - filtro home - INICIO */
@media (max-width: 800px) {
  div#containerFiltro {
    background-color: hsl(var(--siga-500)) !important;
  }

  .resolucaoBanner{
    height: 50svh !important;
  }


  .btnFecharMobile,
  .btnFechar {
    border: 1px solid hsl(var(--branco)/30%) !important;
    color: hsl(var(--branco));
  }

  .btnAplicar {
    width: 50% !important;
  }

  #contato div {
    align-items: center;
    text-align: center;
    padding-left: 0;
  }

  #contato div > div {
    padding-right: 0;
  }

  #contato div.text-white {
    flex-direction: column;
    display: flex;
  }

  #indices div {
    flex-direction: column;
    display: flex;
    margin-left: 0;
    text-align: center;
  }

  #indices div > div {
    margin-left: 0;
  }

  #indices .indice {
    margin-right: 0;
  }

  #links p {
    font-size: 1.3rem;
  }

  #links ul li a {
    font-size: 1rem;
  }

  /* Mobile - Lista Imóveis - INICIO */

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

  div#infobarMobile b,
  div#infobarMobile span {
    color: hsl(var(--branco));
  }

  div#infobarMobile select {
    background-color: hsl(var(--siga-500));
    border-color: hsl(var(--siga-100) / 20%);
    color: hsl(var(--branco));
  }

  /* Mobile - Lista Imóveis - FIM */

  #blog .container {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}

/* Mobile - filtro home - FIM */

/* Mobile - barra - INICIO */

div#mobileBar .icon {
  color: hsl(var(--siga-100));
}

/* Mobile - barra - FIM */

/* INICIO - -Privacidade - LGPD */
div#lgpd .bg-white {
  background-color: hsl(var(--siga-900));
}

div#lgpd {
  color: hsl(var(--branco));
}

div#lgpd .icon {
  color: hsl(var(--siga-100));
}

div#lgpd button {
  background-color: hsl(var(--siga-100));
}

/* FIM - -Privacidade - LGPD */

/* Blog - INICIO */

#blog a.bg-siga-700 {
  background-color: hsl(var(--siga-100));
  color: hsl(var(--branco));
}

#blog a.bg-siga-700 svg {
  color: hsl(var(--branco));
}

#blog a.bg-siga-700:hover {
  background-color: hsl(var(--siga-700));
}

button#blogCategoria,
#blog #buscador input {
  color: hsl(var(--cinza));
  border-color: hsl(var(--siga-500) / 20%);
}

#blog .filtroMargin button {
  background-color: hsl(var(--siga-500));
  color: hsl(var(--siga-100));
  border-color: hsl(var(--siga-500));
}

button#blogCategoria .icon {
  color: hsl(var(--siga-500));
}

#blog #buscador .icon {
  color: hsl(var(--siga-100));
}

/* Blog - FIM */

/* Mosaico página inicial - INICIO */

section#mosaicoHome {
  background-color: transparent;
}

section#mosaicoHome span {
  color: hsl(var(--siga-500));
}

div#mosaico .inline-flex:hover {
  background-color: hsl(var(--siga-700));
}

/* Mosaico página inicial - FIM */

section#videosHome span.estiloTitulo,
section#BlogHome span.estiloTitulo {
  color: hsl(var(--siga-100));
}


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

#verTodosConds {
  color: hsl(var(--branco)) !important;
  background-color: hsl(var(--siga-100)) !important; 
}

.indice.textoIndice,
#indices .indice {
  color: hsl(var(--branco)) !important;
}

.cubCol1 .text-siga-100,
.cubCol1 p,
.cubCol1 b {
  color: hsl(var(--branco)) !important;
}

svg.text-siga-100\/50 {
  color: hsl(var(--branco)) !important;
  opacity: 1 !important;
}


.absolute.right-4.top-2 svg.icon {
  color: hsl(var(--branco)) !important;
}