@charset "UTF-8"; 
/*********************** FUENTES GOOGLE MAPS ***********************/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
/*font-family: 'Poppins', sans-serif;*/

/*********************** GENERAL ***********************/
body { margin: 0; padding: 0; padding-top: 105px; font-family: 'Poppins', sans-serif; }
ul { padding: 0; margin: 0; list-style: none; }
img { display: block; width: 100%; border: none; }
a { text-decoration: none; color: inherit; display: block; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.contenedor { width: 1200px; margin: 0px auto; position: relative; z-index: 1; }
.bg { width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
p { margin: 20px 0px; font-size: 18px; line-height: 24px; color: #21211f; font-weight: 400; font-family: 'Poppins', sans-serif; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; }
strong { font-weight: 700; }
* { box-sizing: border-box; }
*:focus { outline: none; }
.pc { display: block; }
.movil { display: none; }
section { position: relative; }
::selection { background: #e04064; color: #ffffff; }
::-moz-selection { background: #e04064; color: #ffffff; }
.fancy, iframe { width: 100%; height: 100%; border: none; }
.flotWhats { width: 80px; height: 80px; background: #ffffff; border: 3px solid #26a41e; border-radius: 50%; font-size: 40px; line-height: 76px; text-align: center; color: #26a41e; position: fixed; bottom: 100px; right: 80px; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 10; }
.flotWhats:hover { background: #26a41e; color: #ffffff; }

/*********************** CONTENEDORES ***********************/
.conteRight { width: 50%; float: right; }
.conteLeft { width: 50%; float: left; }

/*********************** CLEAR ***********************/
.clear { clear: both; height: 0px; }

/*********************** TEXTOS ***********************/
.textCenter { text-align: center; }
.textJust { text-align: justify; }
.textRight { text-align: right; }
.textLeft { text-align: left; }

/*********************** FORMULARIOS ERROR ***********************/
label.error { display: none!important; }
input.error, select.error, textarea.error { border-color: #f00!important; }

/*********************** H1 - H6 ***********************/
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-family: 'Poppins', sans-serif; }
h1 { font-size: 44px; line-height: 44px; color: #e04064; font-weight: 900; }
h2 { font-size: 30px; line-height: 34px; color: #282828; font-weight: 900; text-transform: uppercase; }
h3 { font-size: 22px; line-height: 26px; color: #b2b2b2; font-weight: 900; text-transform: uppercase; }
h4 { font-size: 20px; line-height: 20px; color: #ffffff; font-weight: 700; text-transform: uppercase; }

/*********************** COLUMNAS ***********************/
.col2 li, .col3 li, .col4 li, .col5 li, .col6 li, .col7 li, .col8 li, .col9 li { float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; position: relative; }
.col2 li { width: 50%; }
.col3 li { width: 33.33%; }

/*********************** HEADER ***********************/
header { width: 100%; z-index: 999; background: #ffffff; padding: 40px 0px; position: fixed; top: 0; left: 0;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerAnima { padding: 30px 0px; }
header .logo { margin: 0; width: 112px; float: left; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerAnima .logo { width: 100px; }
header nav { width: auto; padding: 0; float: right; -webkit-transition: all 500ms cubic-bezier(0.680, 0, 0.265, 1); -webkit-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -moz-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); -o-transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); transition: all 500ms cubic-bezier(0.680, -0.550, 0.265, 1.550); }
header nav a { display: inline-block; padding: 0px 40px; font-size: 16px; line-height: 21px; color: #0f0c33; font-weight: 700; font-family: 'Poppins', sans-serif; text-transform: uppercase; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.headerAnima nav a { padding: 0px 35px; }
header nav a::after { content: ''; display: block; width: 0; height: 2px; background: #e04064; position: absolute; bottom: -8px; left: 50%; margin-left: -25px; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
header nav a:hover::after, header nav a.menuActivo::after { width: 50px; }
.btn_movil { float: right; margin: 0; cursor: pointer; border: none; cursor: pointer; position: relative; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; z-index: 999; }
.btn_movil span { width: 34px; height: 5px; background-color: #0f0c33; margin: 6px 0; display: block; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.btn_movil.change span:nth-child(1) { -webkit-transform: rotate(-45deg) translate(-8px, 6px); transform: rotate(-45deg) translate(-8px, 6px); }
.btn_movil.change span:nth-child(3) { -webkit-transform: rotate(45deg) translate(-9px, -8px); transform: rotate(45deg) translate(-9px, -8px); }
.btn_movil.change span:nth-child(2) { opacity: 0; }
.menuActivoHover { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 990; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.menuActivoHover.activo { display: block; }
header nav.opened { right: 0!important; }

/*********************** HOME ***********************/
.bannerPrincipal { width: 100%; height: 670px; background-image: url('../img/home/banner.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.home .seccion1 .conteTexto { width: 400px; position: absolute; top: 50%; left: 50%; transform: translate(-600px, -50%); }
.home .seccion1 .logo { margin: 0px auto; width: 345px; }
.home .seccion1 .texto { margin: 80px 0px 40px; text-align: center; font-size: 20px; line-height: 28px; color: #ffffff; font-weight: 400; font-family: 'Poppins', sans-serif; }
.home .seccion1 .texto span { display: block; font-size: 30px; font-weight: 700; }
.home .seccion1 .linea { margin: 0px auto; display: block; width: 50px; height: 2px; background: #e04064; position: relative; }
.home .seccion2 { padding: 100px 0px 30px; background: #e4e4e4; }
.home .seccion2 h1 { margin: 50px 0px; }
.home .seccion2 .conteLeft { width: 45%; padding: 0px 50px; }
.home .seccion2 .conteImg { margin-top: -150px; margin-right: 110px; float: right; width: 465px; height: 700px; border: 8px solid #ffffff; border-radius: 8px; background-image: url('../img/home/img-s2.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; top: -130px; -webkit-box-shadow: 0px 0px 21px 14px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 21px 14px rgba(0,0,0,0.2); box-shadow: 0px 0px 21px 14px rgba(0,0,0,0.2); }
.home .seccion2 .conteAmenidades { margin: 0px auto; width: 100%; text-align: center; }
.home .seccion2 .conteAmenidades .conte { display: inline-block; padding: 0px 40px; position: relative; }
.home .seccion2 .conteAmenidades .conte::after { content: ''; width: 2px; height: 100%; background: #b2b2b2; position: absolute; top: 0; right: -1px; }
.home .seccion2 .conteAmenidades .conte:nth-child(5)::after { display: none; }
.home .seccion2 .conteAmenidades .icono { margin: 30px auto; width: 84px; display: block; }
.home .seccion2 .conteAmenidades .texto { margin: 30px 0px; text-align: center; }
.home .seccion3 { padding: 50px 0px; background: #e4e4e4; }
.home .seccion3 h2 { margin-bottom: 30px; }
.home .seccion3 .img { margin: 30px auto; width: 360px; height: 165px; }
.home .seccion3 .logo { margin: 0px auto; width: 310px; }
.home .seccion3 .arrow { content: ''; width: 40px; height: 60px; background-image: url('../img/home/flecha-izq.png'); background-size: cover; background-position: center; background-repeat: no-repeat; position: absolute; top: 118px; left: -40px; margin-top: -30px; cursor: pointer; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.home .seccion3 .arrow.right { background-image: url('../img/home/flecha-der.png'); left: inherit; right: -40px; }
.home .seccion3 .arrow:hover { opacity: 0.6; }
.home .seccion4 { padding: 80px 0px; }
.home .seccion4 .menuPlantas { margin: 80px auto 60px; width: 100%; text-align: center; }
.home .seccion4 .menuPlantas a { margin: 0px 40px; display: inline-block; padding: 15px 80px; border: 2px solid #0f0c33; font-size: 18px; line-height: 24px; color: #0f0c33; font-weight: 700; font-family: 'Poppins', sans-serif; text-transform: uppercase; }
.home .seccion4 .menuPlantas a:hover, .home .seccion4 .menuPlantas a.activa { background-color: #e04064; border-color: #e04064; color: #fff; }
.zoom { display: inline-block; position: relative; }
.zoom img::selection { background-color: transparent; }
.home .seccion5 { padding: 100px 0px; background: #e1e1e1; }
.home .seccion5 h2 { margin-bottom: 80px; color: #515151; }
.home .seccion5 .ulGaleria { margin: 0px auto; position: relative; }
.home .seccion5 li:nth-child(4), .home .seccion5 li:nth-child(5) { width: 50%; }
.home .seccion5 li .img { width: 100%; height: 350px; position: relative; overflow: hidden; }
.home .seccion5 li:nth-child(4) .img, .home .seccion5 li:nth-child(5) .img { height: 500px; }
.home .seccion5 li .img .bg { width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.home .seccion5 li .img:hover .bg { transform: scale(1.2); }
.home .seccion6 { padding: 60px 0px; }
.home .seccion6 li:nth-child(2) { width: 55%; }
.home .seccion6 li:nth-child(1) { width: 45%; padding-right: 100px; }
.home .seccion6 p { margin: 30px 0px; }
.formulario { margin: 0px auto; width: 100%; position: relative; }
.formulario form ::placeholder, .formulario form input:not([type="submit"]), .formulario form textarea { font-size: 14px; line-height: 16px; color: #717171; font-weight: 400; font-family: 'Poppins', sans-serif; }
.formulario form input:not([type="submit"]), .formulario form textarea { width: 100%; padding: 15px; border: none; border-top: 2px solid #e1e1e1;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.formulario form textarea { height: 100px; border-bottom: 2px solid #e1e1e1; resize: none; }
.formulario form input[type="submit"] { margin-top: 10px; width: 100%; padding: 15px; background: #e1e1e1; border: none; font-size: 18px; line-height: 18px; color: #717171; font-weight: 700; font-family: 'Poppins', sans-serif; cursor: pointer;  -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.formulario form input[type="submit"]:hover, .formulario form input[type="submit"]:disabled { background-color: #e04064; color: #fff; }
.home .seccion6 .conteMapa { margin: 0px auto; width: 100%; height: 470px; }

/********************** FOOTER **********************/
footer .seccion1 { padding: 80px 0px; background: #282828; }
footer .seccion1 .logoFooter { width: 290px; position: absolute; top: 20px; left: 50%; margin-left: -145px; }
footer .seccion1 .conteLeft, footer .seccion1 .conteRight { width: auto; }
footer .seccion1 .link { margin: 12px 0px; font-size: 15px; line-height: 23px; color: #e4f1fc; font-family: 'Poppins', sans-serif; }
footer .seccion1 .conteRight .link { line-height: 16px; }
footer .seccion1 .link:hover { color: #e04064; }

/*********************** MEDIAS QUERIES ***********************/
@media screen and (min-width: 320px) and (max-width: 1023px) {
	/*********************** GENERAL ***********************/
	body { padding-top: 65px; }
	.contenedor { width: 90%; }
	p { margin: 10px 0px; font-size: 15px; line-height: 20px; }
	.movil { display: block; }
	/*********************** CONTENEDORES ***********************/
	.conteRight, .conteLeft, .col2 li, .col3 li { width: 100%; }
	/*********************** TEXTOS ***********************/
	.textRight, .textLeft { text-align: center; }
	h1 { font-size: 30px; line-height: 30px; }
	h2 { font-size: 25px; line-height: 30px; }
	h3 { font-size: 19px; line-height: 23px; }
	h4 { font-size: 17px; line-height: 17px; }
	/*********************** HEADER ***********************/
	header, .headerAnima { padding: 15px 0px; }
	header .logo, .headerAnima .logo { margin-top: 5px; width: 110px; }
	header nav { width: 70%; height: 100%; padding-top: 65px; float: none; position: fixed; background: #ffffff; top: 0; right: -100%; -webkit-transition: right 0.4s; transition: right 0.4s; z-index: 2; box-shadow: -20px 0 29px 1px #0f0c33; }
	header nav a { display: block; padding: 10px 0px!important; text-align: center; }
	header nav a::after { margin: 0px auto; position: relative; bottom: unset; left: unset; margin-top: 5px; }
	/*********************** HOME ***********************/
	.bannerPrincipal { height: 350px; }
	.home .seccion1 .conteTexto { width: 320px; transform: translate(-160px, -50%); }
	.home .seccion1 .logo { width: 220px; }
	.home .seccion1 .texto { margin: 40px 0px 20px; font-size: 17px; line-height: 25px; }
	.home .seccion1 .texto span { font-size: 25px; }
	.home .seccion2, .home .seccion3, .home .seccion4, .home .seccion5, .home .seccion6, footer .seccion1 { padding: 30px 0px; }
	.home .seccion2 h1 { margin: 20px 0px; }
	.home .seccion2 .conteLeft { width: 100%; padding: 0; float: none; }
	.home .seccion2 .conteImg { margin: 50px auto; float: none; width: 300px; height: 450px; top: unset; }
	.home .seccion2 .conteAmenidades .conte { display: block; width: 100%; padding: 10px 0px; }
	.home .seccion2 .conteAmenidades .conte::after { display: none; }
	.home .seccion2 .conteAmenidades .icono { margin: 20px auto; }
	.home .seccion2 .conteAmenidades .texto { margin: 0px; text-align: center; }
	.home .seccion3 h2 { margin-bottom: 20px; }
	.home .seccion3 .img { margin: 20px auto; width: 250px; height: 100px; }
	.home .seccion3 .logo { width: 200px; }
	.home .seccion4 .menuPlantas { margin: 30px auto; }
	.home .seccion4 .menuPlantas a { margin: 0px 10px; padding: 10px 15px; font-size: 16px; line-height: 22px; }
	.home .seccion5 h2 { margin-bottom: 30px; }
	.home .seccion5 li, .home .seccion5 li:nth-child(4) { width: 50%; }
	.home .seccion5 li:nth-child(5) { width: 100%; }
	.home .seccion5 li .img, .home .seccion5 li:nth-child(4) .img { height: 180px; }
	.home .seccion5 li:nth-child(5) .img { height: 260px; }
	.home .seccion6 li:nth-child(1), .home .seccion6 li:nth-child(2) { width: 100%; padding: 0; }
	.home .seccion6 p { margin: 15px 0px; }
	.formulario form textarea { height: 80px; }
	.home .seccion6 .conteMapa { margin-top: 30px; height: 270px; }
	/********************** FOOTER **********************/
	footer .seccion1 .logoFooter { margin: 0px auto; width: 190px; position: relative; top: unset; left: unset; }
	footer .seccion1 .conteLeft, footer .seccion1 .conteRight { width: 100%; float: none; padding-top: 30px; }
	footer .seccion1 .link { text-align: center; }
}

@media screen and (min-width: 480px) and (max-width: 1023px) {
	.home .seccion2 .conteAmenidades .conte { width: 50%; float: left; }
	.home .seccion2 .conteAmenidades .conte:nth-child(5) { width: 100%; }
	.formulario, .home .seccion6 .conteMapa { width: 430px; }
}

@media screen and (min-width: 600px) and (max-width: 1023px) {
	.home .seccion2 .conteAmenidades .conte { width: 33.33%; }
	.home .seccion2 .conteAmenidades .conte:nth-child(4), .home .seccion2 .conteAmenidades .conte:nth-child(5) { width: 50%; }
	.home .seccion5 li .img, .home .seccion5 li:nth-child(4) .img { height: 220px; }
	.home .seccion5 li:nth-child(5) .img { height: 300px; }
	.formulario, .home .seccion6 .conteMapa { width: 480px; }
}
 
@media screen and (min-width: 1024px) and (max-width: 1439px) {
	/*********************** GENERAL ***********************/
	body { padding-top: 85px; }
	.contenedor { width: 960px; }
	p { margin: 15px 0px; font-size: 17px; line-height: 23px; }
	h1 { font-size: 42px; line-height: 42px; }
	h2 { font-size: 28px; line-height: 32px; }
	h3 { font-size: 20px; line-height: 24px; }
	h4 { font-size: 18px; line-height: 18px; }
	/*********************** HEADER ***********************/
	header { padding: 30px 0px; }
	.headerAnima { padding: 25px 0px; }
	header .logo { width: 100px; }
	header nav a { padding: 0px 35px; font-size: 15px; line-height: 20px; }
	.headerAnima nav a { padding: 0px 30px; }
	/*********************** HOME ***********************/
	.bannerPrincipal { height: 570px; }
	.home .seccion1 .conteTexto { width: 340px; transform: translate(-480px, -50%); }
	.home .seccion1 .logo { width: 290px; }
	.home .seccion1 .texto { margin: 60px 0px 30px; font-size: 18px; line-height: 26px; }
	.home .seccion1 .texto span { font-size: 28px; }
	.home .seccion2 { padding: 80px 0px 20px;}
	.home .seccion2 h1 { margin: 40px 0px; }
	.home .seccion2 .conteLeft { width: 45%; padding: 0px 30px; }
	.home .seccion2 .conteImg { margin-right: 90px; float: right; width: 400px; height: 600px; top: -90px; }
	.home .seccion2 .conteAmenidades .conte { padding: 0px 25px; }
	.home .seccion2 .conteAmenidades .icono { margin: 25px auto; width: 80px; }
	.home .seccion2 .conteAmenidades .texto { margin: 25px 0px; }
	.home .seccion3 { padding: 40px 0px; }
	.home .seccion3 h2 { margin-bottom: 25px; }
	.home .seccion3 .img { margin: 25px auto; width: 280px; height: 150px; }
	.home .seccion3 .logo { width: 240px; }
	.home .seccion3 .arrow { top: 102px; left: -30px; }
	.home .seccion3 .arrow.right { left: inherit; right: -30px; }
	.home .seccion4 { padding: 60px 0px; }
	.home .seccion4 .menuPlantas { margin: 60px auto 40px; }
	.home .seccion4 .menuPlantas a { margin: 0px 30px; padding: 12px 60px; font-size: 17px; line-height: 22px; }
	.home .seccion5 { padding: 80px 0px; }
	.home .seccion5 h2 { margin-bottom: 60px; }
	.home .seccion5 li .img { height: 250px; }
	.home .seccion5 li:nth-child(4) .img, .home .seccion5 li:nth-child(5) .img { height: 400px; }
	.home .seccion6 { padding: 50px 0px; }
	.home .seccion6 li:nth-child(1) { padding-right: 80px; }
	.home .seccion6 p { margin: 25px 0px; }
	.formulario form ::placeholder, .formulario form input:not([type="submit"]), .formulario form textarea { font-size: 13px; line-height: 15px; }
	.formulario form input:not([type="submit"]), .formulario form textarea { padding: 12px; }
	.formulario form textarea { height: 70px; }
	.formulario form input[type="submit"] { padding: 12px; font-size: 17px; line-height: 17px; }
	.home .seccion6 .conteMapa { height: 400px; }
	/********************** FOOTER **********************/
	footer .seccion1 { padding: 60px 0px; }
	footer .seccion1 .logoFooter { width: 220px; top: 15px; margin-left: -110px; }
	footer .seccion1 .link { margin: 8px 0px; font-size: 14px; line-height: 22px; }
	footer .seccion1 .conteRight .link { line-height: 15px; }
}