body{
	background: white !important;
}

#whatsapp-fab {
	background: #DA5C20 !important;
}

.fab-top {
	background: #DA5C20 !important;

}
  
  
.submenu-luces{
	background: #DA5C20 !important;
	width: 100%;
	padding: 15px;
	position: fixed;
	top: 87px;
	z-index: 1000;
	color: #FCF8F0;
	font-size: 13px !important;
}

.submenu-table-luces a{
	color: #FCF8F0;
}



.submenu-table-luces{
	max-width: 1200px;
	margin: auto;	
	font-family: 'Nexa-Bold' !important;
	text-transform: uppercase;
	
}

.submenu-table-luces .col-4 {
  transition: opacity 0.3s, color 0.3s; /* para animar suavemente */
  cursor: pointer; /* opcional, para indicar que es interactivo */
}

.submenu-table-luces .col-4:hover {
  opacity: 0.5; /* hace todo el col más opaco */
  /* o si solo quieres el texto opaco y no el fondo, usa color: */
  /* color: rgba(0, 0, 0, 0.5); */
}

.luces-principal-bck-green{
	background: #503C31 !important;
}

.luces-principal-div{
	position: relative;
	margin-top: 130px;
	padding: 0px;
	padding-bottom: 80px !important;
}

.luces-principal-img{
	background-image: url('../images/luces-principal-img.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 720px;
	position: relative;
}

.luces-principal-subimg{
	position: absolute;
	left: -140px;
	bottom: -180px;
	width: 280px;
}

.luces-logo{
	width: 160px;
}

.luces-title{
	text-align: center;
	color: #FFFFFF;
	margin-top: 70px;
	font-size: 50px;
	line-height: 55px;
	font-family: 'Nexa-Book' !important;
}

.luces-subtitle{
	color: #FFFFFF;
	margin-bottom: 180px;
	font-size: 50px;
	font-family: 'Nexa-Bold' !important;

}


.luces-title-general{
	text-align: center;
	color: #DA5C20;
	font-size: 40px;
	line-height: 45px;
	font-family: 'Nexa-Book' !important;
}

.luces-subtitle-general{
	color: #DA5C20;
	font-size: 40px;
	font-family: 'Nexa-Bold' !important;
}

.luces-title-peace{
	text-align: center;
	color: #DA5C20;
	font-size: 40px;
	line-height: 45px;
	font-family: 'Nexa-Bold' !important;
}
.luces-subtitle-peace{
	color: #DA5C20;
	font-size: 40px;
	font-family: 'Nexa-Book' !important;
}

.luces-360-title{
	text-transform: uppercase;
	text-align: center;
	color: #13322B;
	font-size: 40px;
	line-height: 45px;
	font-family: 'Nexa-Bold' !important;
	margin-bottom: 80px;
}
.luces-360-subtitle{
	text-transform: uppercase;
	color: #859171;
	font-size: 40px;
	line-height: 45px;

	font-family: 'Nexa-Book' !important;
}



.luces-models-principal-title{
	text-transform: uppercase;
	text-align: center;
	color: #13322B;
	font-size: 30px;
	line-height: 45px;
	font-family: 'Nexa-Bold' !important;
	margin-bottom: 60px;
}

.luces-models-principal-subtitle{
	text-transform: uppercase;
	color: #859171;
	font-size: 35px;
	font-family: 'Nexa-Book' !important;
}

.luces-principal-description{
	margin-top: 320px;
}

.luces-description-container{
	font-family: 'Nexa-Book' !important;
	font-size: 18px;
	color: #494949;
	text-align: center;
	max-width: 510px;
	margin: auto;
	padding-top: 60px;	
	line-height: 24px;
	font-weight: 100 !important;
}



.luces-amenities-div{
	padding-top: 100px !important;
	padding-bottom: 120px !important;
	background: white !important;
}

.carousel-inner-luces{
	height: 550px !important; 
}

.carousel-item-luces{
	height: 550px !important; 
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.luces-amenities-images{
	position: relative;
	height: 700px !important;

}

.luces-amenities-img-1{
	background-image: url('../images/luces-amenities-img-1.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 57%;
	height: 550px;
	position: absolute;
	right: 0;
	top: 0;
}

.luces-amenities-img-2{
	background-image: url('../images/luces-amenities-img-2.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 56%;
	height: 290px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.luces-amenities-table{
	max-width: 500px !important;
	maring-left: 20px;
	margin-right: 20px;
	margin: auto;
	font-weight: 100;
	padding-left: 20px !important;
	padding-right: 20px !important;
	font-family: 'Nexa-Book' !important;
	font-size: 18px;
	color: #494949;
	
}

.luces-amenities-table-border{
	border-bottom: 1px solid #DA5C20;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	
}

.luces-amenities-table-padding{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.luces-amenities-table-col{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}


.luces-pool-img{
	width: 100%;
	background-image: url('../images/luces-pool-img.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 560px;
}

.luces-quality-div{
	background: #FCF8F0;
	padding-top: 140px !important;
	padding-bottom: 100px !important;
}

.luces-quality-img-1{
	width: 90% !important;
	margin: auto;
	max-width: 490px !important;
}

.luces-quality-title{
	margin-top: 80px;	
}

.luces-title-quality{
	text-transform: uppercase;
	color: #4B3534;
	font-size: 50px;
	line-height: 54px;
	font-family: 'Haigrast Serif PERSONAL USE Regular' !important;
}
.luces-subtitle-quality{
	text-transform: uppercase;
	color: #BE834C;
	font-size: 50px;
}





.luces-title-map{
	color: #DA5C20;
	font-size: 40px;
	line-height: 45px;
	font-family: 'Nexa-Book' !important;

}
.luces-subtitle-map{
	font-family: 'Nexa-Bold' !important;
	color: #DA5C20;
	font-size: 40px;

}

.luces-quality-img-2{
	padding-top: 120px;
	width: 90% !important;
	margin: auto;
	max-width: 490px !important;
}

.luces-quality-description{
	font-family: 'Effra Light' !important;
	font-size: 22px;
	color: #4B3534;
	font-weight: 100;
	max-width: 500px;
	
}

.luces-quality-container{
	margin-top: 100px;
}

.luces-map-div{
	background: white;
}

.luces-map-img{
	width: 100%;
	
}

.orina-map-description-container{
	max-width: 480px;
	margin:auto;
	width: 90%
}

.luces-map-description{
	margin-top:50px;
	font-family: 'Effra Light' !important;
	font-size: 22px;
	line-height: 26px;
	color: #4B3534;
	font-weight: 100;	
}

.luces-vision-div{
	background: #FCF8F0;
	padding-top: 50px !important;
	padding-bottom: 100px !important;
}

.luces-vision-img{
	width: 90%;
	max-width: 550px;
}

.luces-vision-description-container{
	max-width: 480px;
	margin-top: 50px;
}

.luces-title-vision{
	text-transform: uppercase;
	color: #4B3534;
	font-size: 50px;
	line-height: 54px;
	font-family: 'Haigrast Serif PERSONAL USE Regular' !important;
}
.luces-subtitle-vision{
	text-transform: uppercase;
	color: #BE834C;
	font-size: 50px;
}

.luces-title-form{
	color: #FFFFFF;
	font-size: 40px;
	line-height: 45px;
	font-family: 'Nexa-Book' !important;
}
.luces-subtitle-form{
	color: #FFFFFF;
	font-size: 40px;
	font-family: 'Nexa-Bold' !important;

}


.luces-vision-description{
	margin-top: 50px;
	font-family: 'Effra Light' !important;
	font-size: 22px;
	line-height: 26px;
	color: #4B3534;
	font-weight: 100;	
}

.luces-vision-bold{
	font-family: 'Effra' !important;
}

.luces-vision-logos-container{
	margin-top: 60px;
}

.luces-vision-logo-1{
	height: 50px !important;
}

.luces-vision-logo-2{
	margin-left: 50px !important;
	height: 50px !important;
}

.luces-form-div{
	background: #503C31;
	padding-top: 100px !important;
	padding-bottom: 0px !important;
	
}

.luces-form-images-container{
	position: relative;
	width: 100%;
	height: 640px;
}


.luces-form-image-1{
	background-image: url('../images/luces-form-img-1.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 32%;
	height: 270px;
	position: absolute;
	right: 0;
	top: 0;
}



.luces-form-image-2{
	background-image: url('../images/luces-form-img-2.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 65%;
	height: 490px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.luces-form-container{
	margin: auto;
	max-width: 90% !important;
}

.luces-form-container-div{
	margin: auto;
	max-width: 500px !important;
	width: 90% !important;
}

.input-personalized-luces{
	background: transparent !important;
	border: none !important;
	border-bottom: 1px solid #FFFFFF !important;
	width: 100%;
	margin-top: 25px;
	color: #FFFFFF !important; 
	font-family: 'Nexa-Bold' !important;
	font-size: 15px;

}

.luces-input-div label{
	font-family: 'Nexa-Book' !important;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	text-transform: uppercase;
	
}

.luces-input-div{
	margin-top: 62px;
}

.luces-footer-div{
	
	background: #503C31;
	padding-top: 100px !important;
	padding-bottom: 100px !important;
}

.luces-footer-div-container{
	width: 90%;
	margin: auto;
}

.luces-footer-title{
	font-family: 'Nexa-Bold' !important;
	color: #FFFFFF !important;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: uppercase;
	line-height: 21px;
}

.luces-footer-description{
	font-family: 'Nexa-Book' !important;
	color: #FFFFFF !important;
	font-size: 18px;
	letter-spacing: 1px;
}

.luces-footer-description a{
	font-family: 'Nexa-Book' !important;
	color: #FFFFFF !important;
	font-size: 18px;
	letter-spacing: 1px;
	text-decoration: none;
}

.luces-footer-social-media img{
	width: 20px;
}


.luces-footer-division{
	margin-top: 50px;
	
}

.luces_no_carousel_container{
	background: white !important;
	padding-top: 50px;
	padding-bottom: 50px;
}


.luces_no_carousel_img{
	width: 100% !important;
}

.luces_no_carousel_container_max{
	max-width: 1380px !important;
	width: 90% !important;
	margin: auto;
}

.luces-models-description-content{
	width: 100% !important;
	max-width: 140px;
	min-width: 140px;
	margin: auto;
	padding-top: 30px;
	padding-bottom: 30px;
}

.luces-models-container-left{
	margin-right: 20px !important;
}

.luces-models-container-right{
	margin-left: 20px !important;
}


.luces-models-description-container{
	background: #13322B !important;
	color: #FFFFFF;
	margin: auto;
}

.luces-models-title{
	font-family: 'Nexa-Bold' !important;
	font-size: 24px !important;
	color: #FFFFFF !important;
	text-transform: uppercase;
}

.luces-models-item{
	padding-bottom: 20px !important;
	padding-top:20px;
	font-family: 'Nexa-Bold' !important;
	font-size: 14px !important;
	color: #FFFFFF !important;
	
} 

.luces-models-item-border{
	border-bottom: 1px solid gray !important;
}

.luces-models-item-icon{
	width: 30px !important; 
	margin-right: 10px;
}

.luces-models-div{
	padding-top: 110px !important;
	padding-bottom: 100px!important;
}

.luces-models-principal-div{
	width: 100% !important;
	text-align: center !important;	
}

.luces-models-div-max-width{
	width: 90% !important;
	margin: auto;
	max-width: 1200px
}


.luces-models-img-container{
	background: #F1F3F6 !important;
	display: flex;
	justify-content: center;
	align-items: center;	
	height: 100% !important;
}

.luces-models-img-container img{
	max-width: 90% !important;	
}

.luces-models-separator{
	height: 40px !important;
}

.luces-360-div{
	padding-top: 90px !important;
}

.luces-360-green-div{
	height: 580px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #13322B !important;
}

.luces-360-img{
	margin-bottom: 60px !important;
	max-width: 280px;
}

.luces-button-360{
	border: 0.8px solid white;
	color: white;
	border-radius: 0px !important;
	padding: 8px 20px 5px 20px;
	font-family: 'Nexa-Book' !important;
	text-transform: uppercase;
	font-size: 14px !important;
	
}

.btn-luces-contact{
	border-radius: 0px !important;
	border: none !important;
	background: #DA5C20 !important;
	color: white;
	font-family: 'Nexa-Bold' !important;
	font-size: 15px;
	text-transform: uppercase;
	padding: 15px 30px;
	font-weight: bold;
}

.btn-luces-contact:hover{
	background: #DA5C20 !important;
	color: white;
}


.fixed-luces {
  position: fixed !important;
  top: 87px !important; /* where it should stick */
  z-index: 100 !important;
}

@media (max-width: 767.98px) {
	
	
	.submenu-luces{
		width: 100%;
		padding: 17px 0px;
		position: absolute;
		top: 360px;
		z-index: 1000;
		color: #FCF8F0;
		font-size: 15px;
	}



	.luces-principal-img{
		background-image: url('../images/luces-principal-img.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 100%;
		height: 500px;
		position: relative;
	}
	
	
	
	.luces-principal-div{
		margin-top: 57px;
		padding: 0px;
		padding-top: 30px !important;
		padding-bottom: 0px !important;
		background-image: url('../images/luces-principal-bck.png');
		background-position: top;
		background-size: contain;
		background-repeat: no-repeat;
	
	}
	
	.luces-logo{
		width: 200px;
		margin-top: 30px;
	}
	
	.luces-title{
		text-transform: uppercase;
		text-align: center;
		margin-top: 30px;
		font-size: 35px;
		line-height: 35px;
		padding-bottom: 40px;
	}
	
	.luces-subtitle{
		text-transform: uppercase;
		margin-bottom: 80px;
		font-size: 35px;
	}
	

	.luces-principal-subimg{
		position: absolute;
		left: 50%;
		transform: translate(-50%, 0%);
		bottom: -200px;
		width: 220px;
	}
	
	.luces-title-general{
		padding-bottom: 0px !important;
		padding-top: 280px !important;
		text-align: center;
		font-size: 30px;
		line-height: 35px;
	}
	.luces-subtitle-general{
		font-size: 30px;
	}
	
	.luces-description-container{
		font-size: 18px;
		text-align: center;
		max-width: 640px;
		margin: auto;
		padding-top: 50px;	
		letter-spacing: 1px;
		line-height: 24px;
		font-weight: 100 !important;
	}
	
	.luces-principal-description{
		margin-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
		background-image: url('../images/luces-principal-bck.png');
		background-position: top;
		background-size: cover;
		background-repeat: no-repeat;
		padding-bottom: 80px !important;
	}
	
	.carousel-inner-luces{
		height: 350px !important; 
	}
	
	.carousel-item-luces{
		height: 350px !important; 
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	
	.luces-amenities-div{
		padding-top: 50px !important;
		padding-bottom: 70px !important;
		background: white !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	
	.luces-title-peace{
		margin-top: 20px !important;
		text-align: center;
		font-size: 30px;
		line-height: 35px;
	}
	.luces-subtitle-peace{
		font-size: 30px;
		margin-bottom: 50px;
	}
	
	
	.luces-amenities-img-1{
		background-image: url('../images/luces-amenities-img-1.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 57%;
		height: 250px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.luces-amenities-images{
		position: relative;
		height: 350px !important;
		margin-bottom: 50px !important;
	}
	
	.luces-amenities-img-2{
		background-image: url('../images/luces-amenities-img-2.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 60%;
		height: 150px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.luces-pool-img{
		width: 100%;
		background-image: url('../images/luces-pool-img.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		height: 300px;
	}
	
	
	.luces-title-quality{
		text-transform: uppercase;
		font-size: 35px;
		line-height: 35px;
	}
	
	.luces-subtitle-quality{
		text-transform: uppercase;
		color: #BE834C;
		font-size: 35px;
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
	.luces-quality-description{
		font-family: 'Effra Light' !important;
		font-size: 22px;
		color: #4B3534;
		font-weight: 100;
		max-width: 500px;
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 50px;
	}
	
	
	.luces-quality-mobile-images{
		padding-left: 15px !important;
		margin-top: 80px !important; 
		position: relative;
		height: 400px !important;
	}
	
	.luces-quality-mobile-img-1{
		margin-right: 20px;
		background-image: url('../images/luces-quality-mobile-img-1.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 68%;
		height: 375px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	.luces-quality-mobile-img-2{
		margin-left: 20px;

		background-image: url('../images/luces-quality-mobile-img-2.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 38%;
		height: 160px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.luces-quality-div{
		background: #FCF8F0;
		padding-top: 140px !important;
		padding-bottom: 50px !important;
	}
	
	.luces-map-img{
		width: 100% !important;
		margin-top: 50px !important;
	}

	.luces-map-div{
		background: #FCF8F0;
		padding-top: 50px !important;
		padding-bottom: 0px !important;
	}
	
	.luces-vision-description{
		margin-top: 50px;
		font-family: 'Effra Light' !important;
		font-size: 22px;
		line-height: 26px;
		color: #4B3534;
		font-weight: 100;	
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.luces-vision-logos-container{
		margin-top: 60px;
		margin-bottom: 60px;
	}
	
	.luces-title-form{
		text-transform: uppercase;
		font-size: 30px;
		line-height: 35px;
	}
	.luces-subtitle-form{
		text-transform: uppercase;
		font-size: 30px;
	}
	

	.luces-form-images-container{
		position: relative;
		width: 90%;
		margin: auto;
		height: 350px;
		margin-top: 50px !important;
	}
	
	
	.luces-form-image-1{
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 32%;
		height: 140px;
		position: absolute;
		right: 0;
		top: 0;
	}
	
	
	
	.luces-form-image-2{
		background-image: url('../images/luces-form-img-2.png');
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		width: 65%;
		height: 260px;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	
	.luces-footer-div-container{
		margin: auto !important;
		width: 90% !important;
	}
	
	.luces-models-container-left{
		margin-right: 0px !important;
	}
	
	.luces-models-container-right{
		margin-left: 0px !important;
	}
	
	.luces-models-title{
		font-family: 'Nexa-Bold' !important;
		font-size: 28px !important;
		text-transform: uppercase;
		text-align: center !important;
		padding-bottom: 20px;
	}
	
	.luces-models-item-border{
		border-right: 1px solid gray !important;
		border-bottom: none !important;
	}
	
	.luces-models-description-content{
		width: 100% !important;
		max-width: 90%;
		min-width: 90%;
		margin: auto;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.luces-models-item{
		width: 30% ;
		padding-bottom: 0px !important;
		padding-top:0px;
		font-family: 'Nexa-Bold' !important;
		font-size: 14px !important;
		color: #FFFFFF !important;
		
	} 
	
	.luces-models-item-center{
		width: 40% ;
	} 
	
	.luces-360-title{
		text-transform: uppercase;
		text-align: center;
		color: #13322B;
		font-size: 30px;
		line-height: 35px;
		font-family: 'Nexa-Bold' !important;
		margin-bottom: 80px;
	}
	.luces-360-subtitle{
		text-transform: uppercase;
		color: #859171;
		font-size: 30px;
		line-height: 35px;
	
		font-family: 'Nexa-Book' !important;
	}
	
	.luces-360-img{
		margin-bottom: 60px !important;
		max-width: 180px;
	}
	
	.luces-360-green-div{
		height: 430px;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #13322B !important;
	}
	
	
	.luces-title-map{
		font-size: 30px;
		line-height: 35px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.luces-subtitle-map{
		font-size: 30px;
	
	}
	
	.btn-luces-contact{
		border-radius: 0px !important;
		border: none !important;
		background: #DA5C20 !important;
		color: white;
		font-family: 'Nexa-Bold' !important;
		font-size: 15px;
		text-transform: uppercase;
		padding: 15px 30px;
		font-weight: bold;
		width: 100% !important;
	}
	
	.luces-footer-title{
		font-size: 14px;
		letter-spacing: 1px;
		text-transform: uppercase;
		line-height: 21px;
	}
	
	.luces-footer-description{
		font-family: 'Nexa-Book' !important;
		font-size: 16px;
		letter-spacing: 1px;
	}
	
	.luces_no_carousel_container{
		background: white !important;
		padding-top: 0px;
		padding-bottom: 50px;
	}

}