@charset "UTF-8";
/* CSS Document */

/*
 * Verde #15472d rgb(21, 71, 45)
 * 
 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300..700;1,300..700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body{
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: 400;
	line-height: 24px;
	color: #10324F;
	font-family: "Poppins", Sans-Serif;
}

section{
	width: 100%;
	margin: 0;
	padding: 0;
}

.logo{
	height: 60px;;
}

@media (max-width: 678px) {
  .logo{
	height: 45px;;
  }
}

#cover .container-fluid{
	max-width: 90%;
}

@media (max-width: 1440px) {
  #cover .container-fluid {
    max-width: 99%;
  }
}

#cover{
	margin-top: 20px;
}

.bg-cover{
	background: linear-gradient(0deg, #C8E0F8 40%, #D5E3F1 50%, transparent 70%, transparent 100%), url('img/bg-cover.webp');
	background-color: #C8E0F8;
	background-size: 100%;
	background-position: top;
	background-repeat: no-repeat;
}

@media (max-width: 678px) {
	.bg-cover{
		background: linear-gradient(0deg, #C8E0F8 65%, #D5E3F1 75%, transparent 85%, transparent 100%), url('img/bg-cover.webp');
		background-size: 200%;
		background-position: top;
		background-repeat: no-repeat;
	}
}

#cover .card,
#cover h1{
	margin-top: 700px;
}

@media (max-width: 678px) {
	#cover .card{
		margin-top: 20px;
	}
	#cover h1{
		margin-top: 200px;
	}
}

#cover i{
	position: relative !important;
	top: 5px !important;
}

#puerto-aventuras,
#propiedades{
	padding: 60px 0px
}

.bg-puerto-aventuras{
	height: 450px;
	background-image: url('img/puerto-aventuras.webp');
	background-size: cover;
}

.bg-marina{
	height: 450px;
	background-image: url('img/marina.webp');
	background-size: cover;
}

.bg-golf{
	height: 450px;
	background-image: url('img/golf.webp');
	background-size: cover;
}

.bg-departamento{
	height: 450px;
	background-image: url('img/departamento.webp');
	background-size: cover;
}

.bg-aerea{
	height: 450px;
	background-image: url('img/aerea.webp');
	background-size: cover;
}

.bg-ubicacion{
	height: 600px;
	background-color: #D6E4F1;
	background-image: url('img/ubicacion.webp');
	background-position: top 180px center;
	background-size: 100%;
	background-repeat: no-repeat;
}

h1 span{
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 700;
	font-size: 1.25em;	
}

h2 span{
	font-family: "Cormorant Garamond";
	font-style: italic;
	font-weight: 700;
	font-size: 1.25em;	
}

#footer{
	padding: 60px 0px;
	background: url('img/bg-footer.webp');
	background-position: calc(50% + 400px) bottom;
	height: 150vh;
}

.form-minimal .form-label {
  font-size: 14px;
  font-weight: 500;
  color: #555;
  margin-bottom: 4px;
}

.form-minimal .form-control {
  border: 0;
  border-bottom: 1px solid #10324F;
  border-radius: 0;
  padding: 10px 0;
  background-color: transparent;
  box-shadow: none;
  font-size: 15px;
}

.form-minimal .form-control:focus {
  border-bottom-color: #00C1FF;
  box-shadow: none;
  background-color: transparent;
}

.form-minimal .form-control::placeholder {
  color: rgba(16,50, 79, 0.8);
}

.form-minimal .invalid-feedback {
  font-size: 13px;
}

.form-minimal .was-validated .form-control:invalid,
.form-minimal .form-control.is-invalid {
  border-bottom-color: #dc3545;
  background-image: none;
}

.form-minimal .was-validated .form-control:valid,
.form-minimal .form-control.is-valid {
  border-bottom-color: #198754;
  background-image: none;
}

.text-light{
	color: #00C1FF !important;
}

.btn-light{
	background-color: #00C1FF;
}

h1{
	font-size: 3rem;
}

h2{
	font-size: 2.5rem;
}

@media (max-width: 678px) {

	h1{
		font-size: 2.2rem;
		line-height: 2.4rem;
	}

	h2{
		font-size: 1.9rem;
		line-height: 2.2rem;
	}

	.bg-puerto-aventuras{
		height: 300px;
		background-image: url('img/puerto-aventuras.webp');
		background-size: cover;
	}

	.bg-marina{
		height: 300px;
		background-image: url('img/marina.webp');
		background-size: cover;
	}

	.bg-golf{
		height: 300px;
		background-image: url('img/golf.webp');
		background-size: cover;
	}

	.bg-departamento{
		height: 300px;
		background-image: url('img/departamento.webp');
		background-size: cover;
	}

	.bg-aerea{
		height: 300px;
		background-image: url('img/aerea.webp');
		background-size: cover;
	}

	.bg-ubicacion{
		height: 500px;
		background-color: #D6E4F1;
		background-image: url('img/ubicacion.webp');
		background-position: top 180px center;
		background-size: 260%;
		background-repeat: no-repeat;
	}
}