/*
    Theme Name: Costa Carrasco
    Theme URI:
    Author: Leandro Perrone
    Autor URI: leandro_perrone@hotmail.com
    Description: Theme para Costa Carrasco 2023
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Costa Carrasco
    Text Domain: costa_carrasco
*/

:root {
    --Fraunces : 'Fraunces144ptSuperSoftLight';
    --FrauncesItalic : 'Fraunces144ptSuperSoftLightItalic';
    --FrauncesThinItalic : 'Fraunces144ptSuperSoftThinItalic';
    --Jakarta : 'Plus Jakarta Sans', sans-serif;

    --Verde : #5e6d61;
    --VerdeClaro : #90a872;
    --Blanco : white;
    --Naranja : #e7d5be;
    --Gris: #5f5f5f; 
    --GrisClaro : #f4f4f4;
    --GrisClaroOp : #f6f6f6bd;
    --NaranjaClaro : #fbf1e7; 
}


/* FONDOS */
.fondoVerde { background-color: var(--Verde); }
.fondoNaranja { background-color: var(--Naranja); }
.fondoGrisClaro { background-color: var(--GrisClaro); }
.fondoGrisClaroOp { background-color: var(--GrisClaroOp); }
.fondoNaranjaClaro { background-color: var(--NaranjaClaro); }


html { font-size: 62.5%; overflow-x: hidden; }
body { font-family: var(--Jakarta); font-weight: 300; font-size: 1.6rem; line-height: 2.5rem; color: var(--Verde); letter-spacing: 1px; overflow-x: hidden; }
h1, h2, h3 { font-family: var(--Fraunces); color: var(--Verde); letter-spacing: 1px; font-weight: 200; }
h2 { font-size: 5.3rem; margin-bottom: 3rem; line-height: 5.5rem;  }
h2 em { font-family: var(--FrauncesItalic); color: var(--VerdeClaro); letter-spacing: 1px; font-style: normal; }
h3 { font-family: var(--FrauncesThinItalic); font-size: 3rem; margin-bottom: 2rem; line-height: 3.4rem; color: var(--VerdeClaro); letter-spacing: 1px; }

.btn { font-family: var(--Jakarta); font-weight: 500; font-size: 1.6rem; color: var(--Verde); padding: 1.5% 7%; border-radius: 0; transition: .5s all; margin-top: 5%; }
.btnNaranja { border: 1px solid var(--Verde); }
a:link.btnNaranja img { transition: .5s all; width: 20px; margin-left: 15px; }
a:hover.btnNaranja { background-color: var(--Verde); color: var(--Blanco); }
a:hover.btnNaranja img { translate: 10px; transition: .5s all; }
.clearfix { clear: both; }
.arrowDown { width: 3%; margin-top: 4.2vw; margin-bottom: 5.1vw; }
.relative { position: relative; }
.absolute { position: absolute; }


.modal { max-width: 1000px; padding: 5% 8%; display: none; height: auto; }
.modal .btn { padding: 2% 4%; }
.modal .btn { outline: none; border: none; }
.modal.prof .fancybox-close-small { display: none!important; color: white!important; }
.modal .nombre { font-family: var(--GansterRegular); font-weight: normal; color: var(--Verde); font-size: 3.75rem; }
.modal .nombre em { font-size: 4.6rem; }
.modal .titulo { font-family: var(--GansterRegular); font-weight: normal; color: var(--Verde); font-size: 3.75rem; }
.modal .titulo em { font-size: 4.6rem; }
.modal .especialidad { font-size: 2.1rem; color: var(--Naranja); text-transform: uppercase; margin-top: 15px; margin-bottom: 15px; }
.modal .texto { font-size: 1.8rem; color: var(--Gris); }
.modal.serv .texto { margin-top: 30px; }
.modal.serv { max-width: 1000px; padding: 5% 8% 5% 5%; display: none; height: auto; }
.modal.serv .titulo { width: 60%; float: left; }
.modal.serv .imagen { width: 40%; float: right; text-align: right; }
.modal .imagen img { width: 23%; }


header { position: relative; z-index: 3000; background-color: var(--Verde); color: var(--Blanco); padding: 3% 0; transition: .5s all; }
header .navbar { background-color: transparent!important; padding: 0 4.6vw; }
.navbar-brand img { width: 19vw; }
.home header { position: absolute; width: 100vw; z-index: 4000; background-color: transparent; }
.menu-item { font-size: 1.7rem; font-weight: 500; margin-left: 2vw; text-transform: uppercase; letter-spacing: 0px; }
.menu-item a:link { color: var(--Blanco); text-decoration: none; transition: .3s all; }
.menu-item a:visited { color: var(--Blanco); text-decoration: none; }
.menu-item a:hover { color: var(--Naranja); text-decoration: none; }
.fixed { position: fixed; top:0; left:0; width: 100%; }
.home header.fixed { position: fixed; top:0; left:0; width: 100%; background-color: var(--Verde); }
header.fixed { padding-top: 1%; padding-bottom: 1%; }
header.fixed .navbar-brand img { width: 13vw; }
.navbar-toggler-icon { width: 2em; height: 2em; }

/* HERO */
.hero { height: 100vh; width: 100%; overflow: hidden; background-size: cover!important; position: relative; }
.hero h1 { font-size: 6.8rem; line-height: 5.5rem; color: var(--Verde);  }
.hero a.btn {  }
.bloqueHero { position: absolute; left: 0; bottom: 0; height: 35vh; width: 42.8vw; padding: 3.8% 5.8vw; }

/* INTRO */
.intro { background: url(img/fondo_intro.jpg) 50% 0 no-repeat; background-size: contain; }
.intro .bloqueIntro { background-color: var(--Blanco); width: 31.6vw; padding: 2% 3%; margin-top: 12.2vw; margin-left: 6.7vw; }
.intro .imagenes { position: relative; }
.intro .imagen1 { position: absolute; top: 20.8vw; left: 3.1vw; width: 10.7vw; }
.intro .imagen2 { position: absolute; top: 10.8vw; right: -3vw; width: 10.7vw; }

/* UBICACION */
.ubicacion { height: 100vh;  background-repeat: no-repeat!important; background-position: center center!important; background-size: 77%!important; }
.ubicacion .texto { top: 16vh; left: 13.2vw; }
.ubicacion .texto p { padding-right: 2vw; }
.tranquilidad { height: 100vh;  background-repeat: no-repeat!important; background-position: 88% center!important; background-size: 69%!important; }
.tranquilidad .texto { top: 16vh; left: 13.2vw; padding-right: 10vw; z-index: 20; }
.tranquilidad .texto p { padding-right: 2.8vw; }
.tranquilidad .descripcion { width: 20vw; bottom: 8vh; right: 7vw;  }
.tranquilidad .descripcion .ping { width: 2vw; float: left; margin-right: 5px; margin-bottom: 30px; }
.necesidad { padding-top: 9.9vh; }
.necesidad p { padding: 2vh 9.3vw; } 
.necesidad h2 { padding: 0 5vw; } 
.necesidad h3 { padding: 0 5vw; } 
.necesidad .imagenes { position: relative; margin-top: 2vh; height: 60vh; }
.necesidad .imagenes .image1 { position: absolute; top: 2vh; left: -4vw; width: 16.4vw; }
.necesidad .imagenes .image2 { position: absolute; top: 16vh; left: 10vw; width: 25.7vw; }
.necesidad .imagenes .image3 { position: absolute; top: 3vh; left: 33vw; width: 18vw; z-index: 3; }
.necesidad .imagenes .image4 { position: absolute; top: 10vh; right: -7vw; width: 29.2vw; }

/* ENTORNO */
.entorno { padding: 10.5vh 6.6vw; }
.entorno .fila1 { height: 40.4vh; }
.entorno .fila1 img { height: 100%; width: auto; }
.entorno .fila2 { margin-top: 12px; }
.entorno .fila2 p { padding: 10vh 11.5vw 0 11.5vw; }
.entorno .fila2 .icono { width: 5.3vw; height: auto; margin-left: 11.5vw; margin-top: 2vw; }

/* GALERIA */
.gal .col1 { padding: 7.8% 8.5vw 0 5.8vw }
.gal .col1 p { padding: 7% 2vw 0 0 }

/* ESPACIOS VERDES */
.verdes { padding: 7.2% 6.8vw; background: url(img/fondo_verdes.jpg) 50% 0 no-repeat; background-size: cover; }
.verdes .galeria { padding-right: 2vw }
.verdes .frase { background-color: var(--VerdeClaro); bottom: 0; right: 0; z-index: 100; color: var(--Blanco); font-family: var(--FrauncesItalic); font-weight: 200;  padding: 10px 20px; font-size: 1.9rem; }
.verdes .bloqueVerdes { background-color: var(--Blanco); width: 37.6vw; padding: 2% 3%; margin-top: 5.2vw; margin-left: 6.7vw; }
.verdes h2 { padding-right: 8vw; }

/* AMENITIES */
.amenities .col-lg-3 { width: 30%; }
.amenities .col-lg-9 { width: 70%; }
.ame { padding: 6.4vw }
.ame .unAme { margin-bottom: 30px; }
.ame .titulo { font-family: var(--Fraunces); font-size: 3.1rem; font-weight: 200; margin-top: 15px; margin-bottom: 10px; letter-spacing: 0; line-height: 3rem; }
.ame .texto { font-size: 1.5rem; line-height: 2rem; padding-right: 1vw; }
.ame .icono img { height: 3vw; width: auto; }
.ame .btn { margin-top: 0%; padding: 1% 4%; }

/* CALIDAD */
.calidad .col-lg-3 { width: 30%; }
.calidad .col-lg-9 { width: 70%; }
.calidad .col2 { padding: 7% 23vw 1% 8.3vw; }
.calidad .col2 h2 { padding-right: 3vw; }
.calidad .col2 p { padding-top: 3%; }

/* NUMEROS */
.numeros { color: var(--Blanco); background: url(img/fondo_numeros.jpg) 50% 0 no-repeat var(--Verde); background-size: cover; padding-top: 11.7vw; padding-bottom: 11.7vw; }
.numeros .numero { font-size: 8.25rem; font-family: var(--Fraunces); font-weight: 200; line-height: 7.6rem; margin-bottom: 30px; letter-spacing: 0; }
.numeros .texto { color: var(--Naranja); }

/* PLANTAS */
.plantas { padding-top: 9.4vw; padding-bottom: 7.1vw; background: url(img/fondo_plantas.png) 50% bottom no-repeat var(--Naranja); background-size: contain; }
.plantas .carrousel { margin-top: 3%; max-width: 90vw; margin-left: auto; margin-right: auto; }
.plantas .unCard { background-color: var(--Blanco); padding: 2.5vw 2.5vw 5vw 2.5vw; margin-left: 1vw; margin-right: 1vw; }
.plantas .unCard .torre { font-weight: 500; text-transform: uppercase; color: var(--VerdeClaro); font-size: 1.6rem; letter-spacing: 2px; }
.plantas .unCard .titulo { font-weight: 200; font-family: var(--Fraunces); font-size: 5.3rem; line-height: 5.5rem; letter-spacing: 0px; margin-bottom: 2.5vw; }
.plantas .btn { padding: .7% 1.8%; }

.confort .col1 { padding: 6% 8.5vw 5% 8vw }
.confort .col-lg-4 { width: 40%; }
.confort .col-lg-8 { width: 60%; }
.confort p { padding: 13% 2vw 5% 6vw; width: 29vw; float: left; }
.confort a { float: left; margin-top: 15%; margin-left: 1vw; }
.confort .btn { padding: 1% 4%!important; }
.confort .col-lg-3 { width: 28.8%; }
.confort .col-lg-3 img { padding-left: 1vw; }
.confort .col-lg-9 { width: 71.2%; }

.terrazas { padding: 7.2% 6.8vw; }
.terrazas .fila1 { height: 73vh; }
.terrazas .imagen1 { z-index: 5; left: 3vw; }
.terrazas .texto1 { right: 0; top: 9%; background-color: var(--Verde); color: var(--Blanco); padding: 10% 7vw 8% 40vw; }
.terrazas .texto1 h2 { color: var(--Blanco); padding-right: 2vw; }
.terrazas .arrowDown { width: 9%; margin-top: 4.2vw; margin-bottom: 0vw; }
.terrazas .texto2 { padding: 6% 7.8vw 3% 15vw; }
.terrazas .fila3 { margin-top: 6%; }
.terrazas .fila3 img { padding-left: 5vw; }
.terrazas .fila3 h2 { padding: 10.5% 12vw 3% 7.8vw; }
.terrazas .fila4 { margin-top: -9%; z-index: 5; }
.terrazas .fila2 .btn { padding: 3% 7%; }
.terrazas .fila4 .btn { padding: 3% 11%; }
.terrazas .texto3 { padding: 62% 8vw 3% 5vw; }


.ventajas { padding: 7.2% 6.8vw; }
.ventajas img { padding-left: 11.25vw; padding-right: 3vw; }
.ventajas .col2 { padding-left: 4.9vw; }
.ventajas .col2 p { padding-right: 8vw; }
.ventajas .col2 h3 { margin-top: 3rem; margin-bottom: 1rem; }
.ventajas .col2 li { list-style-image: url(img/li.png); }


.contacto { padding: 9.4vw 0 }
.gracias { padding: 9.4vw 0 }
.gracias h2 { font-family: var(--FrauncesItalic); }
.gracias .subtexto { font-family: var(--Fraunces); font-size: 4rem }
.wpcf7-form { width: 100%; max-width: 59.7vw; margin: 0 auto; margin-top: 30px; margin-bottom: 20px; }
.wpcf7-form input { width: 100%; border: none; border-bottom: 1px solid var(--Verde); padding-bottom: 8px; background: transparent!important; font-weight: 500; color: var(--Verde); outline: none; -webkit-border-radius: none!important; margin-bottom: 15px; text-align: center; }
.wpcf7-form textarea { width: 100%; border: none; border-bottom: 1px solid var(--Verde); padding-bottom: 8px; background: transparent!important; font-weight: 500; color: var(--Verde); outline: none; -webkit-border-radius: none!important; text-align: center; height: 100px; }
input[type="submit"] { width: 115px; color: var(--Verde); background: transparent!important; border-bottom: none; border: 1px solid var(--Verde); padding-bottom: 8px; padding-top: 8px; font-weight: 500; transition: .5s all; margin-left: 8%; }
input[type="submit"]:hover { background-color: var(--Verde)!important; transition: .5s all; color: var(--Blanco); }
::placeholder { color: var(--Verde); text-align: center; }
.logos { max-width: 75vw; margin-left: auto; margin-right: auto; }
.tel { font-weight: 500; }
.direccion { font-weight: 300; font-style: italic; }

footer { color: var(--Verde); padding: 4% 4.6vw!important; font-weight: 500; }
footer .logo { margin-top: -12px; }
footer .logo img { width: 23.5vw; }
footer .power { text-align: right; }
footer .power img { width: 22px; }
.datos { font-weight: 400; text-transform: uppercase; color: var(--Naranja); margin-top: 40px; margin-bottom: 100px; }
.datos img { width: 18px; margin-top: -9px; }


.fancybox-image { padding: 30px; }
.fancybox-image { background-color: var(--Blanco); }
.fancybox-bg { background: var(--Naranja); }
.fancybox-slide--html .fancybox-close-small { color: currentColor; padding: 5px; right: 0; top: 0;}
.slick-next { left: 5%; top: 96.8%; width: 60px; height: 60px; padding: 15px; background-color: #86aa6e; transition: all .4; }
.slick-prev { left: 0; top: 96.8%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: #86aa6e; transition: all .4 }
.slick-next:before { content: url(img/arrow_right_white.svg); }
.slick-prev:before { content: url(img/arrow_left_white.svg); }
.plantas .slick-next { left: 101.8%; top: 50%; width: 60px; height: 60px; padding: 15px; background-color: var(--NaranjaClaro); }
.plantas .slick-prev { left: -5.5%; top: 50%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: var(--NaranjaClaro); }
.plantas .slick-next:before { content: url(img/arrow_right_green.svg); }
.plantas .slick-prev:before { content: url(img/arrow_left_green.svg); }


@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    html { font-size: 100%; }
}

/* 1.25 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.25), 
(min-resolution: 120dpi){ 
    html { font-size: 52%; }
}

/* 1.3 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.3), 
(min-resolution: 124.8dpi){ 
    html { font-size: 52%; }
}

/* 1.5 dpr */
@media 
(-webkit-min-device-pixel-ratio: 1.5), 
(min-resolution: 144dpi){ 
    html { font-size: 50%; }
    body { font-size: 1.6rem; }
    .intro .imagen1 { position: absolute; top: 20.8vw; left: 12.1vw; width: 10.7vw; }
    .intro .imagen2 { position: absolute; top: 10.8vw; right: -1vw; width: 10.7vw; }
    .tranquilidad .texto { top: 16vh; left: 13.2vw; padding-right: 6vw; }
    .gal .col1 { padding: 7.8% 7.5vw 0 5.8vw }
    .gal .col1 p { padding: 7% 2vw 0 0 }
    .verdes h2 { padding-right: 6vw; }
    .ame .texto { font-size: 1.5rem; line-height: 2rem; padding-right: 0; }
    .calidad .col2 h2 { padding-right: 2vw; }
    .terrazas .fila3 h2 { padding: 10.5% 11vw 3% 7.8vw; }
    .terrazas .texto3 { padding: 62% 7vw 3% 5vw; }
    .ventajas .col2 p { padding-right: 6vw; }
    .plantas .slick-next { left: 100.8%; top: 50%; width: 60px; height: 60px; padding: 15px; background-color: var(--NaranjaClaro); }
    .plantas .slick-prev { left: -5.5%; top: 50%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: var(--NaranjaClaro); }
    .slick-next { left: 6%; top: 95.8%; width: 60px; height: 60px; padding: 15px; background-color: #86aa6e; }
.slick-prev { left: 0; top: 95.8%; width: 60px; height: 60px; padding: 15px; z-index: 100; background-color: #86aa6e; }
}


/* AJUSTE TIPO */
@media only screen and (min-width: 1800px) {
    html { font-size: 65%; }
} 
@media only screen and (max-width: 1200px) {
    html { font-size: 54.25%; }
}
@media only screen and (max-width: 1024px) {
    html { font-size: 52%; }
} 
@media only screen and (max-width: 900px) {
    html { font-size: 50%; }
}
@media only screen and (max-width: 768px) {
    html { font-size: 55%; }
}
@media only screen and (max-width: 600px) {
    html { font-size: 48.5%; }
}


/* LAPTOP */
@media only screen and (max-width: 1600px) {
   
}

@media only screen and (max-width: 1440px) {
   
}

/* LAPTOP */
@media only screen and (max-width: 1367px) {
    .hero h1 { font-size: 6rem; }
    .intro .imagen1 { left: 5.1vw; }
    .intro .imagen2 { right: -3vw; }
    .tranquilidad .texto { padding-right: 7vw; }
    .tranquilidad .descripcion { width: 21vw; }
    .necesidad h2 { padding: 0 4vw; }
    .necesidad h3 { padding: 0 4vw; }
    .gal .col1 { padding: 7.8% 7vw 0 5.8vw; }
    .ame .texto { font-size: 1.4rem; line-height: 1.6rem; }
    .calidad .col2 { padding: 7% 21vw 1% 8.3vw; }
    .confort p { width: 31vw; }
    .ventajas img { padding-left: 7.25vw; }
}

@media only screen and (max-width: 1280px) {
    .intro .imagen1 { left: 7.1vw; }
    .tranquilidad .descripcion { width: 22vw; }
    .necesidad h2 { padding: 0 2vw; }
    .necesidad h3 { padding: 0 2vw; }
    .entorno .fila2 p { padding: 10vh 10.5vw 0 10.5vw; }
    .gal .col1 { padding: 5.8% 6vw 0 4.8vw; }
    .slick-prev, .slick-next { top: 95.4%; }
    .verdes .bloqueVerdes { width: 41.6vw; margin-top: 4.2vw; margin-left: 3.7vw; }
    .ame { padding: 4.4vw; }
    .calidad .col2 { padding: 7% 18vw 1% 8.3vw; }
    .terrazas .fila3 h2 { padding: 9.5% 8vw 3% 7.8vw; }
    .ventajas img { padding-left: 5.25vw; }
}

/* XL */
@media only screen and (max-width: 1220px) {
    .intro .bloqueIntro { width: 33.6vw; }
    .verdes .bloqueVerdes { margin-top: 2.2vw; }
    .tranquilidad .texto { padding-right: 6vw; }
    .tranquilidad .descripcion { width: 23vw; }
    .necesidad h2 { padding: 0 1vw; }
    .necesidad h3 { padding: 0 1vw; }
    .entorno .fila2 p { padding: 10vh 9.5vw 0 9.5vw; }
    .entorno .fila2 .icono { margin-left: 9.5vw; }
    .gal .col1 { padding: 4.8% 5vw 0 4.8vw; }
    .ame { padding: 3.5vw; }
    .calidad .col2 { padding: 6% 16vw 1% 8.3vw; }
    .confort .col1 { padding: 6% 7.5vw 5% 7vw; }
    .confort p { width: 34vw; }
    .ventajas img { padding-left: 3.25vw; }
}

@media only screen and (max-width: 1181px) {
    .hero { height: 84vh; }
    .bloqueHero { height: 31vh; width: 46.5vw; }
    .intro .bloqueIntro { width: 36.6vw; }
    .ubicacion .texto { top: 16vh; left: 9.2vw; }
    .tranquilidad .texto { top: 16vh; left: 9.2vw; }
    .tranquilidad .descripcion { width: 25.2vw; }
    .necesidad .col-lg-8 { width: 70.666667%; }
    .necesidad p { padding: 2vh 8.3vw; }
    .necesidad h2 { padding: 0 0vw; }
    .necesidad h3 { padding: 0 0vw; }
    .necesidad .imagenes { height: 50vh; }
    .entorno .fila2 p { padding: 4vh 7.5vw 0 7.5vw; }
    .entorno .fila2 .icono { margin-left: 7.5vw; }
    .gal .col1 { padding: 2.8% 3vw 0 3vw; }
    .verdes .bloqueVerdes { margin-top: -0.8vw; width: 44.6vw; margin-left: 1.7vw; }
    .ame { padding: 1.5vw 2vw; }
    .calidad .col2 { padding: 4% 10vw 1% 8.3vw; }
    .confort .col1 { padding: 6% 6.5vw 5% 6vw; }
    .confort p { width: 37vw; }
    .terrazas .fila1 { height: 66vh; }
    .terrazas .fila3 h2 { padding: 7.5% 7vw 2% 5.8vw; }
    .terrazas .texto3 { padding: 59% 5vw 3% 5vw; }
    .ventajas .col2 { padding-left: 2.9vw; }
    .ventajas .col2 p { padding-right: 0vw; }
    .ventajas img { padding-left: 2.25vw; padding-right: 1vw; }
}



@media only screen and (max-width: 1025px) {
    header .navbar { padding: 0 2.6vw; }
    .hero {
        height: 78vh;
    }
    .bloqueHero { height: 29vh; width: 50.5vw; }
    .intro .imagen1 { width: 14.7vw; }
    .intro .imagen2 { width: 14.7vw; }
    .ubicacion .texto {
        top: 6vh;
        left: 6.2vw;
    } 
    .ubicacion {
        height: 69vh;
        background-size: 77%!important;
    }
    .tranquilidad .texto {
        top: 6vh;
        left: 6.2vw;
    }
    .tranquilidad { height: 84vh; }
    .tranquilidad .descripcion {
        width: 28.2vw;
    }
    .necesidad {
        padding-top: 0.9vh;
    }
    .necesidad .col-lg-8 {
        width: 79.666667%;
    }
    .necesidad .imagenes .image1 {
        position: absolute;
        top: 2vh;
        left: -4vw;
        width: 19.4vw;
    }
    .necesidad .imagenes .image2 {
        position: absolute;
        top: 16vh;
        left: 10vw;
        width: 28.7vw;
    }
    .necesidad .imagenes .image3 {
        position: absolute;
        top: 3vh;
        left: 33vw;
        width: 21vw;
        z-index: 3;
    }
    .necesidad .imagenes .image4 {
        position: absolute;
        top: 10vh;
        right: -4vw;
        width: 32.2vw;
    }
    .gal .col1 h2 {
        font-size: 4.3rem;
        margin-bottom: 2rem;
        line-height: 4.5rem;
    }
    .verdes h2 {
        padding-right: 0vw;
    }
    .verdes .bloqueVerdes {
        margin-top: -0.8vw;
        width: 46.6vw;
        margin-left: 0.7vw;
    }
    .verdes .frase { bottom: 11%; } 
    .calidad .col2 h2 { padding-right: 0vw; }
    .calidad .col2 { padding: 4% 8vw 1% 8.3vw; }
    .calidad .col2 p {
        padding-top: 1%;
    }
    .plantas { padding-top: 5.4vw; padding-bottom: 5.1vw; }
    .plantas .slick-next { left: 99%; }
    .confort .col1 {
        padding: 5% 5.5vw 4% 4vw;
    }
    .confort p {
        width: 38vw;
    }
    .terrazas .texto1 { padding: 9% 7vw 7% 38vw; }
    .terrazas .fila1 {
        height: 62vh;
    }
    .terrazas .texto2 {
        padding: 3% 5.8vw 3% 15vw;
    }
    .terrazas .fila3 h2 {
        padding: 5.5% 5vw 2% 4.8vw;
    }
}

/* LG */
@media only screen and (max-width: 900px) {

    body {
        line-height: 2.5rem;
        font-size: 2rem;
    }
    .bloqueHero { padding: 7.8% 5.8vw;
        height: 30vh;
        width: 100vw;
    }
    .hero { height: 69vh; margin-bottom: 0vh; }
    .intro .bloqueIntro { margin-top: 52.2vw;
        width: 100%;
        position: relative;
        margin-left: 0;
    }
    .intro .imagen2 { width: 20.7vw; top: 7.8vw; }
    .intro .imagen1 { right: -3vw; left: auto; top: 31vw; width: 20.7vw; }
    .arrowDown {
        width: 6%;
        margin-top: 2.2vw;
        margin-bottom: 4.1vw;
    }
    .ubicacion {
        height: 60vh;
        background-size: 91%!important;
    }
    .tranquilidad {
        height: 79vh; background-size: 90%!important;
    }
    .tranquilidad .texto {
        top: 0vh;
        left: 6.2vw;
    }
    .tranquilidad .descripcion {
        width: 54.2vw;
        right: auto;
        left: 6.9vw;
        bottom: 11vh;
    }
    .tranquilidad .descripcion .ping {
        width: 5vw;
        float: left;
        margin-right: 5px;
        margin-bottom: 30px;
    }
    .necesidad {
        padding-top: 0;
    }
    .necesidad p {
        padding: 1vh 0vw;
    }
    .necesidad .imagenes {
        height: 26vh;
    }
    .necesidad .imagenes .image2 {
        position: absolute;
        top: 9vh;
        left: 10vw;
        width: 28.7vw;
    }
    .necesidad .imagenes .image4 {
        position: absolute;
        top: 7vh;
        right: -4vw;
        width: 32.2vw;
    }
    .entorno .fila1 {
        height: 15.4vh;
    }
    .entorno {
        padding: 5.5vh 6.6vw;
    }
    .entorno .fila2 p {
        padding: 3vh 7.5vw 0 4.5vw;
    }
    .entorno .fila2 .icono {
        margin-left: 4.5vw;
        margin-bottom: 3vw;
    }
    .gal .col1 {
        padding: 4.8% 5vw 3% 6vw;
    }
    .gal .col1 h2 {
        margin-bottom: -3rem; }
    .verdes .frase { bottom: 0%; }
    .verdes .bloqueVerdes { margin-top: 3.2vw; width: 100%; margin-left: 0.7vw; }
    .amenities .col-lg-9 { width: 100%; }
    .amenities .imagen { display: none; }
    .ame { padding: 4.5vw 6vw; }
    .calidad .col-lg-3 { width: 100%; }
    .calidad .col-lg-9 { width: 100%; }
    .calidad .col2 {
        padding: 4% 8vw 4% 8.3vw;
    }
    .numeros .texto { margin-bottom: 30px; }
    .terrazas .imagen1 { padding: 0;
        z-index: 1;
        left: 0vw;
        position: relative;
    }
    .terrazas .texto1 {
        padding: 8% 7vw 7% 6vw;
        position: relative;
        top: 0;
    }
    .terrazas .fila1 {
        height: auto;
    }
    .terrazas .texto2 {
        padding: 5% 5.8vw 5% 6vw;
    }
    .terrazas .fila3 {
        margin-top: 2%;
    }
    .terrazas .fila3 img {
        padding-left: 0vw;
    }
    .terrazas .texto3 {
        padding: 9% 5vw 5% 5vw;
    }
    .ventajas img {
        padding-left: 0;
        padding-right: 0;
    }
    .ventajas .col2 {
        padding-left: 0;
        margin-top: 5%;
    }
    .wpcf7-form { width: 100%; max-width: 88%; }
    footer .logo img {
        width: 40vw;
    }
    footer .power {
        text-align: center;
    }
    footer .logo {
        margin-top: -12px;
        text-align: center;
        margin-bottom: 20px;
    }
    .logos {
        max-width: 87.4vw;
    }
}

/* MD */
@media only screen and (max-width: 768px) {

    .navbar-text { display: none; }
    .navbar-light .navbar-toggler {
        color: white;
        border: none!important;
    }
    .navbar-light .navbar-toggler-icon { background-image: url(img/bars.svg); }
    .navbar-brand img {
        width: 30.9vw;
    }
    header.fixed .navbar-brand img {
        width: 22vw;
    }
    .navbar-collapse { background-color: var(--Verde); padding: 30px; }
    .menu-item { font-size: 2.75rem; line-height: 5rem; }
    .intro .imagen2 { right: 0vw; }
    .intro .imagen1 { right: 0vw; }
    .tranquilidad .descripcion {
        width: 54.2vw;
        right: auto;
        left: 6.9vw;
        bottom: 7vh;
    }
    .confort .col-lg-4 { width: 100%; }
    .confort .col-lg-8 { width: 100%; }
    .confort p {
        width: 73vw; padding: 7% 2vw 5% 6vw;
    }
    .confort a {
        float: left;
        margin-top: 10%;
        margin-left: 1vw;
    }
    .ame .icono img {
        height: 6vw;
        width: auto;
    }
    .ame {
        padding: 13.5vw 7vw;
    }
    .entorno .fila2 .icono {
        width: 9.3vw; }
    
}

/* SM */
@media only screen and (max-width: 576px) {
    body {
        line-height: 2.8rem;
        font-size: 1.8rem;
    }
    .navbar-brand img {
        width: 40vw;
    }
    header.fixed .navbar-brand img {
        width: 35vw;
    }
    header .navbar {
        padding: 3px 2.6vw;
    }
    .bloqueHero {
        padding: 7.8% 5.8vw;
        height: 22vh;
        width: 100vw;
        bottom: auto;
        top: 25vh;
    }
    h2 {
        font-size: 4.8rem;
        margin-bottom: 2rem;
        line-height: 5rem;
    }
    .btn { font-size: 1.8rem; }
    .hero { height: 48vh; margin-bottom: 0vh; }
    .hero h1 {
        font-size: 5rem;
        line-height: 4.7rem;
    }
    .intro .imagen1 { right: 4vw; }
    .intro .imagen2 { right: 4vw; }
    .intro .bloqueIntro { margin-top: 60.2vw; }
    .arrowDown {
        width: 10%;
        margin-top: 2.2vw;
        margin-bottom: 6.1vw;
    }
    .ubicacion {
        height: 78vh;
        background-size: 100%!important;
    }
    .ubicacion .texto {
        top: 7vh;
    }
    .tranquilidad {
        height: 125vh;
        background-size: 100%!important;
        margin-top: -40vw;
    }
    .tranquilidad .descripcion {
        width: 88%;
        right: auto;
        left: 6.9vw;
        bottom: 33vh;
    }
    .tranquilidad .descripcion .ping {
        width: 10vw;
        float: left;
        margin-right: 5px;
        margin-bottom: 30px;
    }
    .necesidad {
        padding-top: 0;
        margin-top: -55vw;
    }
    .necesidad .col-lg-8 {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    .necesidad .imagenes {
        height: 36vh;
    }
    .necesidad .imagenes .image1 {
        position: absolute;
        top: 2vh;
        left: 1vw;
        width: 39.4vw;
    }
    .necesidad .imagenes .image2 {
        position: absolute;
        top: 4vh;
        left: 43vw;
        width: 44.7vw;
    }
    .necesidad .imagenes .image3 {
        position: absolute;
        top: 18vh;
        left: 5vw;
        width: 39vw;
        z-index: 3;
    }
    .necesidad .imagenes .image4 {
        position: absolute;
        top: 20vh;
        right: 3vw;
        width: 45.2vw;
    }
    .entorno .fila2 .icono { width: 18.3vw; }
    .gal .col1 h2 {
        margin-bottom: 0rem;
    }
    .gal .col1 {
        padding: 13.8% 8vw 6% 8vw;
    }
    .slick-prev { top: 92.7%; width: 44px; height: 44px; padding: 10px; }
    .slick-next { top: 92.7%; width: 44px; height: 44px; padding: 10px; left: 11%; }
    .ame .icono img {
        height: 12vw;
        width: auto;
    }
    .ame {
        padding: 14.5vw 9vw;
    }
    .ame .texto {
        font-size: 1.8rem;
        line-height: 2rem;
    }
    .ame .btn {
        padding: 2% 7%;
    }
    .numeros .numero {
        margin-bottom: 0px; font-size: 7.5rem;
    }
    .plantas {
        padding-top: 13.4vw;
        padding-bottom: 10.1vw;
    }
    .plantas .btn {
        padding: 1.7% 4.8%;
    }
    .confort .col1 {
        padding: 5% 6.5vw 4% 7vw;
    }
    .confort .btn {
        padding: 2% 7%!important;
    }
    .confort a {
        float: left;
        margin-top: -2%;
        margin-left: 6vw;
        margin-bottom: 7%;
    }
    .confort p {
        width: 100%;
    }
    .calidad .col2 {
        padding: 8% 8vw 8% 8.3vw;
    }
    .ventajas .btn { padding: 2% 9%; }
    .ventajas .col2 { padding-left: 10px; }
    .contacto {
        padding: 13.4vw 4vw;
    }
    input[type="submit"] { width: 117px; margin-left: 24%; }
    footer .logo img {
        width: 70vw;
    }
    footer .logo {
        margin-top: -3px;
    }
    .logos {
        max-width: 80vw;
    }
    footer .power { font-size: 1.4rem }
}

/* XS */
@media only screen and (max-width: 380px) {
    .hero h1 {
        font-size: 4.2rem;
        line-height: 3.7rem;
    }
    .hero {
        height: 54vh;
        margin-bottom: 0vh;
    }
    .bloqueHero { padding: 5.8% 5.8vw; top: 32vh; height: 23vh }
    .ubicacion {
        height: 90vh;
        background-size: 100%!important;
    }
    .tranquilidad { height: 162vh; }
    .tranquilidad .descripcion {
        width: 88%;
        right: auto;
        left: 6.9vw;
        bottom: 40vh;
    }
    .necesidad .imagenes {
        height: 39vh;
    }
    input[type="submit"] {
        margin-left: 25%;
    }
    
}


@media (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}