
.picshow{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background: #333;z-index: 1;}
.picshow figure{position:absolute;opacity:0;left: 0;margin: 0;width: 100%;bottom: 0;height: 100%;}
.picshow figure:nth-child(1){z-index: 2;opacity: 1;}
.picshow.active figure{animation:round 20s infinite;}
.picshow.active figure:nth-child(1){z-index: initial;}
.picshow figure img{position:absolute;left: 0;margin: 0;width: 100%;bottom: 0;height: 100%;float: none;object-fit:cover;object-position: center 40%;}
@keyframes round{25%{ opacity:1;}50%{opacity:0;}}
.picshow figure:nth-child(1){animation-delay:0s;}
.picshow figure:nth-child(2){animation-delay:5s;}
.picshow figure:nth-child(3){animation-delay:10s;}
.picshow figure:nth-child(4){animation-delay:15s;}
.safari .picshow figure{background-attachment: initial;}

.top_desarrollo{min-height:500px;position: relative;padding: 150px 0 40px;margin: 0 0 6%;}
.top_desarrollo .inner{z-index: 3;}
.top_desarrollo  h1{font-size: 2.2em;}
.top_desarrollo:before{background: radial-gradient(circle, rgba(0,0,0,.4) 0%, rgba(0,0,0,0) 80%);content:'';display:block;position:absolute;top:0;left:0;width:100%;height: 100%;z-index: 2;}
.top_desarrollo:after{position:absolute;top: 18px;left: 18px;width: calc(100% - 40px);height: calc(100% - 40px);content:'';display:block;z-index: 1;border: 1px solid #FFF;opacity: .4;}
.top_desarrollo .logo{display: flex;width: 70%;margin: 0 auto 140px;max-width: 390px;text-align: center;min-height: 250px;flex-direction: column;justify-content: space-between;}
.top_desarrollo .logo svg{fill:#fff}
.top_desarrollo .logo svg *{fill:#fff}
.top_desarrollo .logo img{display:block;width:100%;height: 140px;}
.top_desarrollo .logo img[alt="Catrinas"]{height: 105px;margin: 0 0 2em;}
.top_desarrollo .logo img[alt="La Reserva"]{height: 115px;margin: 0 0 3em;}
.top_desarrollo .logo img[alt="Portales"]{margin: 0 0 3em -15%;width: 130%;}
.top_desarrollo .logo img[alt="Rosetta"]{height: 200px;}
.top_desarrollo .intro{width: 46%;background: radial-gradient(circle, rgba(0,0,0,.3) 0%, rgba(0,0,0,0) 80%);background: #fff;padding: 2% 2%;margin: 4% 0 -7%;display: flex;flex-wrap: wrap;/* border-top: 6px solid #003399; */}
.top_desarrollo .intro h2{font-size: 2em;line-height: 1.2em;margin: 0 0 7px;}
.top_desarrollo .intro h3{font-size: 1.2em;/* color:#fff; */font-weight: 400;line-height: 1.4em;/* text-shadow: 0 0 40px #000, 0 0 60px #000, 0 0 80px #000; */}
.top_desarrollo .get_info{width: 300px;padding: 3% 2%;margin: 0 0 0%;}
.top_desarrollo .get_info h3{ color:#fff;}
.top_desarrollo .get_info a{margin:0 0 4%;text-align: left;}
.top_desarrollo .intro .flex_btns{ justify-content:space-around}
.top_desarrollo .intro .flex_btns .btn:first-child{ margin:0 1% 0 0}
.top_desarrollo .intro .flex_btns .btn:first-child i{ font-size:1.2em}
.top_desarrollo .intro .flex_btns .btn:last-child{ margin:0 0 0 1%}

.description{ padding:4%; }
.row_data{display: flex;margin: 1rem 0 2rem;justify-content: space-between;flex-wrap: wrap;width: 100%;position: relative;}
.row_data section{text-align: center;background: #fff;width: 96%;display: flex;flex-wrap: wrap;box-shadow: 0 6px 10px rgba(0,0,0,.1);padding: 0 0 260px;position: relative;margin: 0 auto;scroll-snap-align: center;}
.row_data .active section{opacity:1}
.row_data section em{text-transform:uppercase;color: #007569;width: 100%;text-align: center;justify-content: center;font-style: normal;}
.row_data section h3{font-size: 1.4em;line-height: 1.4em;font-weight: 900;margin: 2% 0;width: 100%;}
.row_data section p{font-size: 1.1em;line-height: 1.4em;}
.row_data section .complemento{display:none;}
.row_data section .descripcion{margin:4% 0;width: 100%;}
.row_data section figcaption{padding: 4% 8%;width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.row_data section figure{position:relative;width: 100%;margin: 0 auto 0px;height: 260px;position: absolute;bottom: 0;}
.row_data section figure:after{position:absolute;top: 18px;left: 18px;width: calc(100% - 40px);height: calc(100% - 40px);content:'';display:block;z-index: 0;border: 1px solid #FFF;opacity: .2;}
.row_data section figure img{position:absolute;width:100%;height:100%;object-fit:cover;left: 0;}
.row_data-content {display:grid;overflow-x: auto;scroll-snap-type: x mandatory;scroll-behavior: smooth;padding: 1rem 0;transition: 0.5s ease-in-out;position: relative;}
.row_data-content::-webkit-scrollbar {display:none;}
.row_data-content.cols-7 {grid-template-columns: repeat(7, calc(33.33%));}
.row_data-content.cols-6 {grid-template-columns: repeat(6, calc(33.33%));}
.row_data-content.cols-5 {grid-template-columns: repeat(5, calc(33.33%));}
.row_data-content.cols-4 {grid-template-columns: repeat(4, calc(33.33%));}
.row_data-content.cols-3 {grid-template-columns: repeat(3, calc(33.33%));}

.controls{background: #020c15;width: 60px;height: 60px;border-radius: 5px;opacity: .6;text-indent: -9999px;position: absolute;display: grid;place-items: center;z-index: 1;top:calc(50% - 25px);}
.controls[disabled]{opacity:.2}
.controls span{ display:none}
.controls:after{width: 13px;height: 13px;display: block;content: '';transform: rotate(45deg);border-top: 2px solid #fff;border-right: 2px solid #fff;border-radius: 3px;margin-right: 5px;}
.controls.next{ right:-20px}
.controls.prev{ left:-20px}
.controls.prev:after{transform: rotate(225deg);margin: 0;}

.amenidades_new{width:100%;margin: 0;}
.amenidades_new em{text-transform:uppercase;color: #05b2a1;width: 100%;text-align: center;justify-content: center;font-style: normal;text-align:center;width:100%;display: block;}
.amenidades_new figcaption{padding: 2% 6%;background: #223342;}
.amenidades_new h3{color:#fff;text-align: center;font-size: 1.4em;}
.list_amenities{width:100%;justify-content: center;display: flex;flex-wrap: wrap;}
.amenidades_new span{display: flex;padding: 20px;position:relative;width: 16%;color: #fff;justify-content: center;text-align: center;flex-wrap: wrap;line-height: 1.2em;font-size: .9em;font-weight: 100;}
.amenidades_new span i{text-align:center;left:0;font-size: 1.7em;opacity: .7;display: block;margin: 0 0 10px;height: 40px;display: block;width: 100%;background-repeat: no-repeat;background-position: center;filter: invert(5);}
.amenidades_new span svg{text-align:center;left:0;font-size: 1.7em;opacity: .7;display: block;margin: 0 0 10px;height: 40px;display: block;width: 100%;background-repeat: no-repeat;background-position: center;filter: invert(5);}
.amenidades_new span i:after{border: 2px solid #f00;width: 50px;height: 50px;display:block;position:absolute;left:50%;top:50%;transform: translate(-55%,-54%);z-index:0;opacity: .3;border-radius: 10em;}

/* .amenidades_new span i.area_camastros{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_area_camastros.svg')}
.amenidades_new span i.corredor_verde{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_corredor_verde.svg')}
.amenidades_new span i.estacionamiento_visitas{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_estacionamiento_visitas.svg')}
.amenidades_new span i.salon_usos_multiples{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_salonde_usos_multiples.svg')}
.amenidades_new span i.banos{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_banos.svg')}
.amenidades_new span i.explanada{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_explanada.svg')}
.amenidades_new span i.oficina{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_oficina.svg')}
.amenidades_new span i.parque_canino{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_parquecanino.svg')}
.amenidades_new span i.fogatero{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_fogatero.svg')}
.amenidades_new span i.campo_de_golf{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_campodegolf.svg')}
.amenidades_new span i.acceso_vigilado{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_accesovigilado.svg')}
.amenidades_new span i.alberca{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_alberca.svg')}
.amenidades_new span i.alberca_climatizada{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_alberca_climatizada.svg')}
.amenidades_new span i.chapoteadero{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_chapoteadero.svg')}
.amenidades_new span i.jacuzzis{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_jacuzzi.svg')}
.amenidades_new span i.business_center{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_businesscenter.svg')}
.amenidades_new span i.estacionamiento{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_estacionamiento.svg')}
.amenidades_new span i.salon_de_juegos{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_salondejuegos.svg')}
.amenidades_new span i.montana_divertida{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_montanadivertida.svg')}
.amenidades_new span i.sala_arbol{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_saladelarbol.svg')}
.amenidades_new span i.salon_eventos{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_salonparaeventos.svg')}
.amenidades_new span i.gimnasio{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_gym.svg')}
.amenidades_new span i.patio{background-image:url('/wp-content/themes/casasplatino/img/icons/ico_patio.svg')}
.amenidades_new span i.parque{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_parque.svg');}
.amenidades_new span i.paseo_olivos{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_paseodelosolivos.svg');}
.amenidades_new span i.terraza{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_terraza.svg');}
.amenidades_new span i.terraza_pergola{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_terrazalapergola.svg');}
.amenidades_new span i.gazebos_azador{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_gazebosconasador.svg');}
.amenidades_new span i.local_comercial{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_localcomercial.svg');}
.amenidades_new span i.jardin_contemplativo{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_jardincontemplativo.svg');}
.amenidades_new span i.terraza_techada{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_terrazatechada.svg');}
.amenidades_new span i.social_deck{background-image: url('/wp-content/themes/casasplatino/img/icons/ico_socialdeck.svg');}
.amenidades_new span i.alberca_climatizada{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_alberca_climatizada.svg')}
.amenidades_new span i.gazebos{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_gazebos.svg')}
.amenidades_new span i.areas_verdes{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_areasverdes.svg')}
.amenidades_new span i.roof_top{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_rooftop.svg')}
.amenidades_new span i.asoleadero{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_asoleadero.svg')}
.amenidades_new span i.juegos_infantiles{background-image:url('/wp-content/themes/casasplatino/img/icons/icon_juegosinfantiles.svg')} */

.gallery_desarollo{display: grid;margin: 2% 4px;grid-template-columns: 1fr 1fr 1fr;grid-gap: 4px;position: relative;}
.gallery_desarollo figure{width: 100%;transition:.4s;position:relative;padding: 0 0 80%;overflow: hidden;display: block;}
.gallery_desarollo figure:hover{transform: scale(1.02);cursor:pointer;z-index:2;box-shadow: 0 0 20px rgba(0,0,0,.5);}
.gallery_desarollo img{position: absolute;width:100%;height: 100%;display:block;object-fit:cover;top: 0;left: 0;}
.gallery_desarollo figcaption{ display:none}

.gallery_desarollo.carousel{overflow:hidden;margin: 0;border: 0;}
.gallery_desarollo.carousel figure{height:100%;background:#000;display: flex;align-items: center;justify-content: center;width: 100%;padding: 0;}
.gallery_desarollo.carousel figure img{object-fit:contain;width: auto;height: auto;max-width: 100%;max-height: 100%;position: relative;}
.gallery_desarollo.carousel figcaption{display:block;position:absolute;bottom:0;font-size:1.3em;font-weight:900;width: 100%;text-align: center;padding: 10px;background: linear-gradient(to top,  rgba(0,0,0,.8) 0%,rgba(0,0,0,0) 100%);}
.gallery_desarollo.carousel .owl-prev{left:0;}
.gallery_desarollo.carousel .owl-next{right:0;}

.map_location{display:flex;position:relative;padding:4% 0;background: #4aa1ef;margin: 0;z-index: 2;}
.map_location iframe{position:absolute;filter: grayscale() invert(1);opacity:.7;width:100%;top:0;left:0;height:100%;}
.map_location #map{position: absolute!important;filter: grayscale() invert(1);opacity:.7;width:100%;top:0;left:0;height:100%;}
.map_location .direction{background:#fff;padding:4%;width: 30%;left: 4%;position: relative;}
.map_location .direction h4{font-size: 1.4em;}
.map_location .direction h4 svg{width:1.1rem;  margin: 0 0 -5px -5px}
.map_location .direction p{ margin:0 0 20px; padding:0 0 0 20px; border-left:1px solid #ddd;}
.map_location.lonely{margin-bottom:7%}

.get_info_new{padding: 2% 10% 2%;margin: 0 0 0%;background: #fff;position: relative;z-index: 1;margin: 2% 2% 4%;/* color: #fff; */}
.get_info_new .info{width:45%;padding: 4% 0 0 0;}
.get_info_new .btns{width:35%}
.get_info_new h4{font-size: 2em;margin: 0 0 7%;}
.get_info_new p{ font-size:1.3em}
.get_info_new a,.get_info_new button{margin:0 0 4%;text-align: left;}
.get_info_new button{text-align:left}

.modelos{margin:0 0 6%}
.list_modelos{width:100%;}


.grid_subseccion{display: grid;grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) );grid-gap: 1.8em;text-align: center;margin: 2em 0 7em;width: 100%;}
.subseccion{display: flex;position: relative;overflow: hidden;background: #fff;border-radius: 2px;box-shadow:0 4px 10px rgba(0,0,0,.2);flex-wrap: wrap;}
.subseccion .info{padding:1em;width: 100%;}
.subseccion .info img{width: 190px;opacity: .7;margin: 0 0 .5em;height: 90px;}
.subseccion .info > strong{ display:block; text-align:center; font-weight:900; font-size:2em}
.subseccion .info .legend{width:100%;display:block;font-weight:900;font-size: 1.4em;margin: 0 0 .4rem;}
.subseccion .precios{font-size:1.2em;display:flex;justify-content:center;margin: 0 0 1em;}
.subseccion .precios p{display:flex;align-items:center;margin: 0 1em;}
.subseccion .precios small{font-size: .6em;margin: 0 .3em;}
.subseccion figure{display: block;position: relative;padding: 0 0 40%;width: 100%;min-height: 11em;}
.subseccion figure img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit: cover;}
.subseccion .especial_text{margin: .5rem 0 1.2em;font-size: 1.2em;line-height: 1.1em;color: #222;padding-top: .6rem;border-top: 1px solid #ddd;}
.subseccion .especial_text p{font-size:1em;margin: 0 0 0.5rem;}
.subseccion .especial_text p strong{ font-weight:bold}

.icon_play{width:60px;height:60px;display:flex;justify-content:center;align-items:center;color:#fff;border-radius:10em;border:1px solid #fff;box-shadow:0 0 30px;margin: 40px auto 0;background: rgba(0,0,0,.4); overflow: hidden; text-indent: -999px;}
.icon_play svg{ width:35%}
.icon_play:hover{ transform:scale(1.2)}

.newform{display:flex; flex-wrap:wrap;}
.newform .amenidades_new{display:flex;background: #223342;width: 60%;align-items:center;}
.newform .amenidades_new figcaption{width:100%;}
.newform .visible_form{width: 40%;padding: 2% 4%;background:#fcfcfc;}
.newform .visible_form h3{ font-size:2.4em}
.newform .visible_form h4{font-weight:normal;font-size:1.3em;margin: 3% 0;}
.newform .visible_form form{padding-bottom:2%; margin-bottom:2%; border-bottom:1px solid #ccc;}
.newform .visible_form .btn{margin: 0 auto 3%;}
.newform form label{background:#eeeeee;box-shadow:none;margin: 0 0 10px!important;}
.newform form input,.newform form textarea{box-shadow:none;}


/* tablet landscape */
@media only screen and (max-width: 1100px) {
    .top_desarrollo .intro {
        width: 48%;
    }
}
    
/* mobile portrait */
@media only screen and (max-width: 799px) {


.picshow{height: calc(100% - 200px);}
.picshow figure{background-attachment:initial;}
.top_desarrollo .intro{width: 100%;margin: 0;padding: 4%;}
.top_desarrollo .logo{margin: 0px auto 180px;width: 60%;min-height: 240px;}
.top_desarrollo .logo img[alt="Catrinas"]{height: 80px;margin: 3em auto;}
.top_desarrollo .logo img[alt="Portales"]{width: 130%;margin: 3rem 0 0 -15%;}
.top_desarrollo .intro h2{font-size: 1.6em;}
.top_desarrollo .intro h3{font-size: 1.1em;margin: 0 0 5%;}
.top_desarrollo{padding: 100px 0 0;}
.top_desarrollo:after{width: calc(100% - 20px);height: calc(100% - 20px);left: 9px;top: 11px;}
.top_desarrollo .get_info{width: 80%;margin: 0 0 -30% 20%;padding:6%;}

.top_desarrollo.small .logo{min-height: auto; margin: 0 auto 40px;}


.amenidades_new figcaption{padding: 8% 0;}

.newform > *{ width:100%!important}
.newform .visible_form{padding: 7% 10%;}

.grid_info_desarrollo{grid-template-columns:1fr}
.grid_data{flex-wrap:wrap;}
.grid_data > section{width:100%;margin: 0 0 4%;}
.grid_data section figcaption{padding: 4% 8%;}
.grid_data section.amenidades_new figcaption{padding:4% 10%;}
.amenidades_new span{width: 33%;padding: 15px 10px;font-size: .8em;}
.grid_data section h3{font-size:1.4em}
.grid_data section p{font-size:1.2em;background-color: white;}

.row_data{padding:0 1% }
.row_data-content.cols-7 {grid-template-columns: repeat(7, calc(100%));}
.row_data-content.cols-6 {grid-template-columns: repeat(6, calc(100%));}
.row_data-content.cols-5 {grid-template-columns: repeat(5, calc(100%));}
.row_data-content.cols-4 {grid-template-columns: repeat(4, calc(100%));}
.row_data-content.cols-3 {grid-template-columns: repeat(3, calc(100%));}


/* .description{padding} */
.amenidades{width:90%;margin: -10% auto 4%;}
.amenidades span{width:100%;margin: 0 0 5px;}

.grid_ciudades{grid-template-columns:1fr;grid-gap: 15px;}
.card_ciudad{min-height:240px}
.card_ciudad figcaption strong{font-size: 1.4em;}

.map_location{padding: 19px 0% 0;}
.map_location.lonely{margin-bottom:20%}
.map_location .inner{ margin-bottom:300px}
.map_location .direction{width: 90%;/* opacity: 0; */right: 0;margin: 0 0 260px;}

.get_info_new{margin:0 0 12%;flex-wrap:wrap;padding: 14% 7% 6%;}
.get_info_new .info{width:100%;margin: 0 0 4%;font-size: .9em;}
.get_info_new .btns{ width:100%;}
.get_info_new h5{ display:none;}
.get_info_new .btn{ font-size:1.1em}

.gallery_desarollo{margin: 4% 0;display: flex;position: relative;background:#444;overflow-x: scroll;scroll-snap-type: x mandatory;scroll-behavior: smooth;width: 100%;height: 300px;scroll-padding-left: 0;-webkit-overflow-scrolling: touch;}
.gallery_desarollo figure{width: 100%;flex: 0 0 100%;scroll-snap-align: center;}
.gallery_desarollo figure:hover{ transform:none}
.gallery_desarollo .owl-prev,.gallery_desarollo .owl-next{background: rgba(0,0,0,.7);border-radius: 10px;}


.info_desarrollo .inner{width:100%}


.list_desa_ciudad .card_desarrollo{padding: 0 0 70%;}


.grid_subseccion{grid-template-columns:1fr}
.subseccion .info{padding:1em 2em}
.subseccion .precios p{margin: 0 .6em;}
.subseccion figure{padding:0 0 60%}


.newform > *{ width:100%!important}
.newform .visible_form{padding: 7% 10%;}

}