body {
    background-color: #1c1c1c;
    color: #ffffff;
    font-family: 'Montserrat', sans-serif;
	background-image: url('../img/bg-lights.jpg');
    background-position: top; /* Centraliza a imagem */
}
.logo {
    font-size: 1.2em;
    margin: 20px 0;
    color: #ffffff;
	font-weight: bold;
}
.section {
    padding: 50px 0;
}
.btn-contact {
    background-color: #32cd32;
    color: #ffffff;
}
.hero-image, .video-placeholder, .location-image, .floorplan-image {
    width: 100%;
    height: auto;
}
.text-primary {
    color: #fff !important;
}
.floorplan-text {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contact-form input, .contact-form textarea {
    background-color: #fff;
    color: #ffffff;
    border: 1px solid #555;
}
footer {
    text-align: center;
    padding: 2em 20px;
    color: #fff;
}
.lead{
	font-weight: lighter;
	text-align: left;
}
.cota {
    font-size: 1.8em;
    font-weight: bold;
    background: linear-gradient(to left, #fff, #575757); /* Gradiente da direita (#fff) para a esquerda (#575757) */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.localizacao {
    font-size: 2.8em;
    font-weight: lighter;
    background: linear-gradient(to left, #fff, #575757); /* Gradiente da direita (#fff) para a esquerda (#575757) */
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.location-image {
    width: 90%; /* 100% menos as margens de 5% */
    margin: 5% 5% 2% 5%;
    border-top-right-radius: 15px; /* Arredonda canto superior direito */
    border-bottom-right-radius: 15px; /* Arredonda canto inferior direito */
    display: block; /* Para centralizar se o elemento pai permitir */
}


.video-container {
    width: 90%; /* 100% menos as margens de 5% */
    height: auto;
    aspect-ratio: 16 / 9; /* Mantém proporção 16:9 */
    margin: 5% auto; /* Centraliza horizontalmente com margem */
    overflow: hidden; /* Oculta bordas do iframe */
    border-top-right-radius: 45px; /* Arredonda canto superior direito */
    border-bottom-right-radius: 45px; /* Arredonda canto inferior direito */
}

.video-container iframe {
    width: 100%;
    height: 100%;
    border: none; /* Remove a borda */
}


/* Estilos personalizados */
.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
    margin-right: 15px;
	font-weight: bold;
}

/* Estilização do botão Contato */
.btn-contact {
    background-color: #222222; /* Verde de acordo com o design */
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 20px;
    transition: background-color 0.3s ease;
	border: 1px solid #fff;
}

.btn-contact:hover {
    background-color: #000; /* Tom mais escuro ao passar o mouse */
    color: #ffffff;
	border: 1px solid #fff;
}

.btn-contact-form {
    background-color: #4ac443; /* Verde de acordo com o design */
    color: #ffffff;
    padding: 8px 20px;
    border-radius: 20px;
    transition: background-color 0.3s ease;
	border: 1px solid transparent;
}

.btn-contact-form:hover {
    background-color: #000; /* Tom mais escuro ao passar o mouse */
    color: #ffffff;
	border: 2px solid #fff;
}

.gradient-border {
    padding: 20px;
    position: relative;
}

.gradient-border::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 0px 20px 0px 0px;
	padding: 2px; /* control the border thickness */
	background: linear-gradient(to right, transparent, #575757);
	-webkit-mask: 
		linear-gradient(#fff 0 0) content-box, 
		linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
        mask-composite: exclude;
	pointer-events: none;
}

.custom-carousel {
    border: 2px solid transparent; /* Define a cor da borda */
    border-radius: 45px 0 0 45px; /* Arredonda apenas os cantos superior e inferior esquerdo */
    overflow: hidden; /* Garante que os filhos que saem do contêiner sejam cortados */
    position: relative; /* Para que o posicionamento absoluto funcione corretamente */
}

.custom-carousel-plantas {
    border: 2px solid #fff; /* Define a cor da borda */
    border-radius: 0 45px 0 45px; /* Arredonda apenas os cantos superior e inferior esquerdo */
    overflow: hidden; /* Garante que os filhos que saem do contêiner sejam cortados */
    position: relative; /* Para que o posicionamento absoluto funcione corretamente */
}

.scroll-to-top {
    position: fixed; /* Fixa o botão na tela */
    bottom: 20px; /* Distância do fundo da página */
    right: 20px; /* Distância do lado direito da página */
    display: none; /* Inicialmente escondido */
    background-color: #575757; /* Cor de fundo do botão */
    color: white; /* Cor do texto */
    border: none; /* Sem borda */
    border-radius: 5px; /* Bordas arredondadas */
    padding: 10px; /* Espaçamento interno */
    cursor: pointer; /* Muda o cursor para indicar que é clicável */
    z-index: 1000; /* Garante que fique acima de outros elementos */
}

.scroll-to-top:hover {
    background-color: #333; /* Cor do botão ao passar o mouse */
}

.imagem-rm{
	width: 75%;
}