@keyframes fade-in-out {
    0% { opacity: 0; }
    8% { opacity: 1; }
    30% { opacity: 1; }
    38% { opacity: 0; }
    100% { opacity: 0; }
  }

  .slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    animation: fade-in-out 30s infinite;
    z-index: 0;
  }

  .slide:nth-child(1) { animation-delay: 0s; }
  .slide:nth-child(2) { animation-delay: 10s; }
  .slide:nth-child(3) { animation-delay: 20s; }

  .nav-link {
    position: relative;
    transition: color 0.3s ease;
  }

  .nav-link::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: #3b82f6; /* azul */
    transition: width 0.3s ease;
  }  

  .nav-link:hover::after {
    width: 100%;
  }

  @keyframes gradientMove {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}

.animate-gradient {
background-size: 200% 200%;
animation: gradientMove 5s ease infinite;
}


.imoveis-destaque {
padding: 2rem;
text-align: center;
}

.container-cards {
display: flex;
flex-wrap: wrap;
gap: 1.5rem;
justify-content: center;
}

.card-imovel {
border: 1px solid #e0e0e0;
border-radius: 8px;
width: 300px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0,0,0,0.1);
background: #fff;
}

.card-imovel img {
width: 100%;
height: 200px;
object-fit: cover;
}

.card-imovel .info {
padding: 1rem;
}

.card-imovel h3 {
font-size: 1rem;
margin: 0;
}

.card-imovel .detalhes span {
display: inline-block;
margin-right: 8px;
font-size: 0.9rem;
}

.card-imovel .preco {
margin-top: 0.5rem;
font-weight: bold;
}

.acoes {
margin-top: 1rem;
display: flex;
justify-content: space-between;
}

.btn-mensagem, .btn-telefone {
padding: 0.5rem 1rem;
border: none;
background: #007bff;
color: #fff;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
}
#imoveis-carousel::-webkit-scrollbar {
  display: none;
}
#imoveis-carousel {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
