/* ---------------------------------- */
/* Social Icons - Imovel
------------------------------------- */
.social-icons li .facebook:hover {
  background: #3b5999;
}
.social-icons li .instagram:hover {
  background: #D6274D;
}
.social-icons li .linkedin:hover {
  background: #3b5999;
}
.social-icons li .youtube:hover {
  background: #ef300f;
}
.social-icons li a:hover {
  color: #fff;
}
.social-icon a:hover {color: #fff !important;}
.social-icon .facebook:hover {background: #016fcc;}
.social-icon .instagram:hover {background: #016fcc;}
.social-icon .linkedin:hover {background: #016fcc;}
.social-icon .youtube:hover {background: #016fcc;}
.social-icons-footer a {
  color: #ffffff;
  background: transparent;
  width: 32px;
  height: 32px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-size: 30px;
  margin: 15px 6px 12px 4px;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.social-icon a {
  color: #272727;
  background: #fff;
  width: 32px;
  height: 32px;
  line-height: 34px;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-size: 16px;
  margin: 15px 6px 12px 4px;
  transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
}
.social-icons {
  padding-left: 5px;
}
.social-icons li {
  display: inline;
  float: left;
  text-align: left;
  margin-right: 16px;
  margin-top: 11px;
}
.social-icons li a {
  width: 44px;
  height: 44px;
  display: inline-block;
  text-align: center;
  line-height: 44px;
  color: #272727;
  font-size: 16px;
  background-color: #f3f3f3;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border: 1px solid transparent;
}

/* ---------------------------------- */
/* property-details - Imovel
------------------------------------- */

.property-details .details .details-listing {
    text-align: center;
}

/* ---------------------------------- */
/* Carousel - Index / Procurar
------------------------------------- */

.carousel-container {
  display: contents;
}

/* ---------------------------------- */
/* Pagination - Index / Procurar
------------------------------------- */
a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: #727272 !important;
}

.page-item.active .page-link {
    color: #fff !important;
}

.page-item-free .page-link {
  margin-right: 4px;
}

/* ---------------------------------- */
/* Card - Index / Procurar
------------------------------------- */

.card-col {
  padding: 3px !important;
}

/* ---------------------------------- */
/* Error
------------------------------------- */
.logo-erro {
  padding-top: 50px;
}

.bg-problem { 
  color: #999;
  padding-top: 70px;
  padding-bottom: 70px;  
}

.bg-button { 
  color: #555555;
  padding-bottom: 70px;
}

/* ---------------------------------- */
/* Recepcao
------------------------------------- */

.titulo-anuncio {
  padding: 22px;
}

/* ---------------------------------- */
/* Header
------------------------------------- */
.area-cliente {
  padding: 0.5rem 1rem;
}

/* ---------------------------------- */
/* Multiselecao - bairro
------------------------------------- */

.dropdown {
  position: relative;
  display: inline;//inline-block;
}
        
.dropdown-select {
  display: none;
  position: absolute;
  background-color: #fff;
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  z-index: 100;
}
 
.label-bairro {
  width: max-content;
  margin-bottom: 0px !important;
  padding: 5px;
}

 
  .whatsapp {
  position: fixed;
  width: 80px;
  height: 80px;
  bottom: 20px;
  right: 20px;
  background-color: #25d366; /* verde WhatsApp */
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white; /* cor do ícone padrão */
  font-size: 50px;
  text-decoration: none;
  transition: color 0.3s ease;
}
 
  
.whatsapp:hover {
  color: black; /* muda a cor do ícone no hover */
}