/* cores  */
:root {
  --siga-100: 215 49% 74%;
  --siga-200: 206 100% 40%;
  --siga-300: 206 100% 25%;
  --siga-500: 206 100% 17%;
  --siga-700: 205 78% 18%;
  --siga-900: 206 100% 7%;
}

/* css personalizado  */
button#Contato:hover,
button#btn0:hover,
button#btn1:hover,
button#btn2:hover,
button#Comprar:hover {
  background: #d4d4d833 !important;
}
.Instagram {
  color: #fd3168 !important;
}
.Facebook {
  color: #0e8cf1 !important;
}
.YouTube {
  color: #ff0000 !important;
}

/* codigo do imovel */
.cardsDescricao .imovelCodigo {
  background-color: #c99373;
  color: white !important;
}
.imovelCodigo {
  color: #c99373 !important;
}
#btnWhats {
  background: #10b37c !important;
}
#btnMsg:after {
  content: "Quero saber mais";
  color: hsl(var(--siga-700)) !important;
  margin-left: -143px !important;
}
#btnMsg {
  color: transparent !important;
}
#formLead p {
  color: white;
}
/*#formLead p:after {*/
/*  content: " Conte conosco para realizar o investimento ideal para você!";*/
/*  color: black !important;*/
/*  margin-left: -315px !important;*/
/*  font-size: 14.7px;*/
/*}*/

#estadosHome {
  display: none !important;
}
.homeMask {
  background-color: hsl(var(--siga-700) / 0.3) !important;
}
@keyframes blink {
  0%, 100% {
    background-color: #10b37c; 
    color: transparent; 
  }
  50% {
    background-color: #fff; 
  }
}

/* animação do botão */
#btnMsg {
  animation: blink 1s infinite; 
  border: 2px solid transparent;
  font-weight: 600;
  border-radius: 8px;
  padding: 10px 20px;
  transition: all 0.2s ease;
}