/*
Theme Name: Zaavio 
Author: Jorge Bravo Carrizales
Description: PLantilla personalizada para Zaavio Inmobiliaria basada en Blankslate
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: zaavio

*/

:root {
    --verde:#173440;
    --oro:#BF8E63;
    --verde-gris-i: #556A73;
    --verde-gris-ii: #92A0A6;
    --blanco-humo: #F2F2F2;
    --negro-humo: #282B2A;
    }

    
    @font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('fonts/Helvetica.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Oblique'), url('fonts/Helvetica-Oblique.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica Compressed';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Compressed'), url('fonts/helvetica-compressed-5871d14b6903a.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica Rounded Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Rounded Bold'), url('fonts/helvetica-rounded-bold-5871d05ead8de.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica'), url('fonts/Helvetica-Bold.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica Bold Oblique';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Bold Oblique'), url('fonts/Helvetica-BoldOblique.woff') format('woff');
    }


    @font-face {
    font-family: 'Helvetica Light';
    font-style: normal;
    font-weight: normal;
    src: local('Helvetica Light'), url('fonts/helvetica-light-587ebe5a59211.woff') format('woff');
    }
    
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 17, 2025 */



@font-face {
    font-family: 'telegrafregular';
    src: url('fonts/telegrafregular_272984568a25d8528fe2de8b20b29011-webfont.woff2') format('woff2'),
         url('fonts/telegrafregular_272984568a25d8528fe2de8b20b29011-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'telegrafultrabold';
    src: url('fonts/telegraf_ultrabold_800-webfont.woff2') format('woff2'),
         url('fonts/telegraf_ultrabold_800-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'telegrafultralight';
    src: url('fonts/telegraf_ultralight_200-webfont.woff2') format('woff2'),
         url('fonts/telegraf_ultralight_200-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
  margin:0;padding:0;border:0;/*! font-size:100%; */font-family: 'Helvetica';vertical-align:baseline}
  html{scroll-behavior:smooth;font-family: 'Helvetica';}
  body{line-height:1}
  a{text-decoration-skip-ink:auto}
  a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}
textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}
th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
body {
  width: 100%;
  margin:0px;
  padding:0px;
  max-width: 100%;
  min-width: 100%;
  font-family: 'Helvetica';
  color: var(--negro-humo);
  font-size:14px;
}

.contenedor-principal {
  max-width:1950px;
  margin:0px auto;
  width:100%;
}
.container {
  width:80%;
  max-width:1700px;
  min-width: 80%;
  margin:0px auto;
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'telegrafultrabold'!important;
  text-transform: uppercase;
}
#contenedor-principal {
  width:80%;
  padding:0px!important;
  max-width: 1800px;
  margin:0px auto;
}
.columnas {
  width:100%;
}
.columnas .fila {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: self-start;
  min-width: 100%;
}

.columnas .fila .col-12 {
  width: 100%;
  padding:0% 2%;
}

.columnas .fila .col-11 {
  width: 91.74%;
  padding:0% 2%;
}


.columnas .fila .col-10 {
  width: 83.33%;
  padding:0% 2%;
}


.columnas .fila .col-9 {
  width: 75.18%;
  padding:0% 2%;
}


.columnas .fila .col-8 {
  width: 66.6%;
  padding:0% 2%;
}

.columnas .fila .col-7 {
  width: 58%;
  padding:0% 2%;
}

.columnas .fila .col-6 {
  width: 50%;
  padding:0%;
}

.columnas .fila .col-5 {
  width: 41.6%;
  padding:0% 2%;
}


.columnas .fila .col-4 {
  width: 33.3%;
  padding:0% 2%;
}

.columnas .fila .col-3 {
  width: 25%;
  padding:0% 2%;
}

.columnas .fila .col-2 {
  width: 16.6%;
  padding:0% 2%;
}

.columnas .fila .col-1 {
  width: 8.3%;
  padding:0% 2%;
}


.columnas .fila .col-0 {
  width: 0%;
  padding:0% 0%;
}



#banner-top-proyecto .columnas .fila .col-7 {
    width: 66.29%;
  padding:0%;
}

#banner-top-proyecto .columnas .fila .col-5 {
    width: 33.31%;
  padding:0%;
}


.contenedor-columna-izquierda {
 position: relative; 
  /*! height: 723px; */
}
.bloque-branding-edificio {
  position: absolute;
  z-index: 6;
  left:5%;
  bottom:70px;
}

.menu ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width:100%;
  justify-content: center;
  align-items: center;
  
}

.menu ul li {
  margin:0px 20px;
}

.btn-primary {
  font-size:1em;
  background-color:transparent;
  border:2px solid var(--oro);
  outline: 0;
  color:var(--oro);
  padding:10px 30px;
  border-radius:10px;
  scale:1;
  transition: all ease-in-out 200ms;
}

#boton-contacto-top-nav:hover, .btn-primary:hover {
  cursor: pointer;
  scale:1.02;
  transition: all ease-in-out 200ms;
}


#top-nav {
  display: flex;
  justify-content: space-between;
  padding:10px 0px;
  width:90%;
  max-width: 90%;
}

#menu-menu-top {
  display: flex;
  flex-direction:row;
  align-items: center;
  justify-content: center;
}

#menu-menu-top li {
  margin: 0px 20px;
}

#menu-menu-top li a {
  text-decoration: none;
  color: var(--negro-humo);
  /*! scale:1; */
  transition: all ease-in-out 350ms;
  font-size: 1em;
}


#menu-menu-top li a:hover {  
  transition: all ease-in-out 350ms;
  color:var(--oro);
    font-size: 1.03em;

  /*! font-family:'Helvetica Rounded Bold'; */
}



#menu-menu-top li.current_page_item a, #menu-menu-top li.current-menu-item a {
    scale:1.02;
  transition: all ease-in-out 200ms;
   font-size: 1.03em;
  color:var(--oro);
  font-family:'Helvetica Rounded Bold';
}

#lanavegacion {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}

#bloque-grilla-dptos{
  /*! margin-bottom:2em; */
}

#franja-grilla-dptos {
  padding-bottom:4em;
}

#header {
  width: 100%;
  max-width:100%;
  background-color:#F2F2F2; 
  min-width:100%;
}
.archive #header {
 /*! height: 400px; */ 
}

.triangulo {
  height: 128px;
  background-color:var(--verde-gris-i);
  position: relative;
  display: none;
}

#franja-grilla-dptos {
    background-color:var(--verde-gris-i);
  color:#fff;
 margin-top: -1px;
    position: relative;
  
  background-image: url('https://zaavioinmobiliaria.com/wp-content/uploads/2025/07/triangulo.svg'), url('https://zaavioinmobiliaria.com/wp-content/uploads/2025/07/arbol.svg');
  background-color: var(--verde-gris-i);
  background-position: -1200px 0px, 1000px 50px;
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
}

#bloque-grilla-dptos {
  margin-top:0px;
  position: relative;
}


#grilla-proyectos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  margin: 20px auto;
  align-items: center;
  justify-content: center;
}

#grilla-proyectos li {
  width:30%;
  opacity:0.9;
  scale: 1;
  margin:20px;
  transition: all ease-in-out 350ms;
}

#grilla-proyectos li:hover {
  scale: 1.02;
  transition: all ease-in-out 350ms;
  opacity:1;
}


#grilla-proyectos li  .caja-imagen-portada  {
  border-radius: 20px 20px 0px 0px;
  position: relative;
      height: 560px;
  background-position: center center;
  background-size:auto 100%;
  z-index: 4;
  background-repeat: no-repeat;
}

#grilla-proyectos li  .caja-imagen-portada img {
  z-index: 5;
  position: absolute;
  bottom: 20px;
  left:20px;
  max-height: 80px;
  height: auto;
  width: auto;
  /*! max-width: 200px; */
}


#grilla-proyectos li  .caja-contenido-proyecto {
  border-radius: 0px 0px 20px 20px;
  background-color:#D9D9D9;
  min-height: 290px;
  max-height: 320px;
  position: relative;
}

#areas-slider  img.imagen-slide-areas {
  width: 100%;
}

.container-banner {
 width: 70%;
  max-width: 1920px;
  min-width: 70%;
  margin:0px auto;
}

.bannersuperior {
  height: 700px;
  position: relative;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  /*! margin-bottom:5em; */
  overflow: hidden;
}

.elslide {
  height: 700px;
  width: 100%;
  max-width:100%;
  min-width: auto;
  position:relative;
  background-size:100% auto;
  background-repeat:no-repeat;
  
}

#franja-dptos {
  background-image: url('https://zaavioinmobiliaria.com/wp-content/uploads/2025/07/triangulo.svg'), url('https://zaavioinmobiliaria.com/wp-content/uploads/2025/07/arbol.svg');
  background-color: var(--verde-gris-i);
  background-position: -1200px 0px, 1000px 50px;
  background-size: 100% 100%, 100% 100%;
  background-repeat: no-repeat;
  /*! padding:5% 0%; */
}

 .slick-initialized { overflow: hidden; }

.overlay-gradient-black {
  height: 100%;
  z-index: 3;
  display: block;
  width:100%;
  position: absolute;
  top:0px;
  left:0px;
  background: #000000;background: linear-gradient(0deg, rgba(0, 0, 0, 0.77) 20%, rgba(0, 0, 0, 0.2) 100%);
}

#contenido-franja-verde div.contenido-interno-franja-verde {
  margin-top:0px;
}

#franja-slider {
  padding:8em 0em;
}

#franja-slider h3, #franja-cotizador h3 {
  text-align: center;
  width: 100%;
  font-size: 2.5em;
  margin-bottom: 1.4em;
  color:var(--verde);
}

#contenido-franja-verde div.contenido-interno-franja-verde h2, #franja-dptos h2 {
  text-align: center;
  width: 100%;
  font-size: 2.7em;
  margin-bottom: 41px;
  color:#fff;
}

.texto-banner button{
  font-size:60%;
  margin-top:20px;
}

#banner-top-proyecto .overlay-gradient-black {
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);}

#banner-top-proyecto .descripcion-slide-areas {
  color:#fff;
  z-index: 8;
  position: absolute;
  right:78px;
  bottom:70px;
  font-size: 1.3em;
}

#banner-top-proyecto .elslideareastopbanner {
  position: relative;
}

.container-banner {
  position: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
  top:0px;
  left:0px;
}

.texto-banner {
  width: 40%;
  margin:12% auto 10% 15%;
  font-size: 70%;
}

.container-banner  {
  font-size:3em;
  color:#fff;
}

#areas-slider img.imagen-slide-areas {
  width: 100%;
  height:700px;
}

.slick-next {
  right: 40px;

}

.slick-prev {
 left: 40px;

}

.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 45%;
  display: block;
  width: 25px;
  height: 25px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: #fff!important;
  z-index: 5;
}

.slick-prev::before, .slick-next::before {
  font-family: 'slick';
  font-size: 30px;
  line-height: 1;
  opacity: 1;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.elslideareas {
  position: relative;
}

.bloque-branding-edificio {
  color:#fff;
  font-size:1.5em;
}

.bloque-branding-edificio {
  color:#fff;
  font-size:1.5em;
}


.bloque-branding-edificio img{
  height:100px;
}

.bloque-branding-edificio h2 {
  margin-left:0px;
  margin-top:20px;
}

.overlay-negro-preview {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top:0px;
  z-index: 3;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.6+100 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

#banner-top-proyecto {
  width: 100%;
  height:700px;
  overflow: hidden;
}

.contenedor-iconos-banner-top {
  padding:7% 0% 7% 7%;  
}

#titulo-bloque-iconos-banner-top {
  text-align: center;
  margin-bottom:3em;
}

#titulo-bloque-iconos-banner-top h2 {
  font-size:2.3em;
}

#titulo-bloque-iconos-banner-top p {
  font-size:1em;
}

#status-edificio {
position: absolute;
  top:70px;
  left:0px;
   color:#fff; 
  background-color:var(--oro);
  z-index: 5;
  padding:10px 20px;
  border-radius:0px 10px 10px 0px;
}

#banner-top-proyecto #status-edificio {
  font-size: 1.6em;
  padding: 15px 20px;
}

#areas-slider-iconos .slick-track{
  min-width: 100%;  
  max-width: 700px;
}

#areas-slider-iconos .slick-slide {
  width: 40% !important;
  max-width: 40%;
  min-width: 40%;
  border:1px solid rgba(200,200,200,0.25);
  border-radius:5px;
  padding:2% 2% 7% 2%;
  height:70px;
  margin:2%;
  scale:0.95;
  transition: all ease-in-out 200ms;
}

#areas-slider-iconos .slick-slide:hover {
  border:2px solid var(--oro);
  cursor: pointer;
    scale:0.98;
  transition: all ease-in-out 200ms;
}

#areas-slider-iconos .slick-slide.slick-current {
  border:2px solid var(--oro);
    scale:1;
  transition: all ease-in-out 200ms;
}

#areas-slider-iconos .contenedor-icono-slider {
  min-width: 50px;
  min-height: 45px;
}

#areas-slider-iconos .iconos-texto .imagen-slide-areas-iconos {
  max-width: 40px!important;
  width: 40px;
  margin-right:10px;
}

#areas-slider-iconos .slick-slide.slick-current .iconos-texto .descripcion-slide-areas-iconos{
  color: var(--oro);
}


#areas-slider-iconos .slick-slide .iconos-texto {
  display: flex;
  flex-direction: row;
  width: 80%;
  flex-wrap:  nowrap;
  align-items: center;
  margin: 0px auto;
  justify-content: flex-start;
}

#areas-slider-iconos .slick-slide .iconos-texto .contenedor-texto-slider {
  font-size:1.25em;
}
.iconos-texto li{
  width:auto;
  display: flex;
}

#franja-detalles {
background: linear-gradient(90deg,rgba(85, 106, 115, 1) 0%, rgba(85, 106, 115, 1) 42%, rgba(23, 52, 64, 1) 40%, rgba(23, 52, 64, 1) 100%);
}  
#franja-detalles #bloque-metraje {
  background:#92A0A6;
}

#mapa-google iframe {
  width: 100%;
 max-width: 100%;
 height: 800px;
}


.padding-interno-bloque {
  padding:5% 10%;
  height: 100%;
}

#franja-ubicacion h3 {
  text-align: center;
  font-size: 2.6em;
  margin-bottom:0.7em;
  margin-top:1.5em;
}

#franja-ubicacion p {
  text-align: center;
}

#franja-ubicacion ul {
  /*! margin-top:30px; */
}

#franja-ubicacion ul li span {
  margin:0px 10px;
}

#franja-ubicacion .icono-medio-transporte{
  height: 50px;
}

#franja-ubicacion ul li{
  display:flex;
  flex-direction:row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 10px;
}

#areas-slider {
  overflow: hidden;
}

.z-tabs.flat {
  -webkit-font-smoothing: subpixel-antialiased;
  font-family: 'Helvetica' !important;
  font-weight: normal;
  line-height: 1.55em;
  font: unset!important;
  
}

.z-tabs.flat.flat-nephritis > ul.z-tabs-nav > li.z-active > a, .z-tabs.flat.flat-nephritis > ul.z-tabs-mobile.z-state-closed > li a, .z-tabs.flat.flat-nephritis > ul.z-tabs-mobile > li a {
  background: none!important;
  border-bottom: 3px solid var(--oro);
  color:var(--oro);
  opacity: 1 !important;
  font-size: 1.2em !important;
  transition: all ease-in-out 350ms;

}

.z-tabs.flat.z-dark.contained > ul.z-tabs-nav > li > a, .z-tabs.flat.z-dark.clean > ul.z-tabs-nav > li > a {
  background: none;
}

.z-tabs.horizontal.top > ul > li > a {
  top: 5px;
  border-width: 1px 1px 0 1px;
}

li.z-tab a {
  opacity: 0.7;
}

li.z-tab.z-active a {
  opacity: 1!important;
  font-size:1.15em!important;
  transition: all ease-in-out 350ms;
}

li.z-tab.z-active:hover a {
    opacity: 1!important;
  font-size:1.2em!important;
  transition: all ease-in-out 350ms;
}

li.z-tab:hover a {
    opacity: 1!important;
  font-size:1.02em!important;
  transition: all ease-in-out 350ms;
}

.z-tabs.flat > ul > li > a {
  font-family: 'Helvetica' !important;
  text-transform: none;
}

.z-tabs.flat.z-dark.contained.horizontal > .z-container, .z-tabs.flat.z-dark.contained.vertical > .z-container {
  background: none!important;
}

.contenedor-enlace-grilla  {
  
  width: 100%;
  margin-top: 20px;
}

.contenedor-enlace-grilla a{
  text-align: center;
  display: block;
  width:100%;
  margin:0px auto;
}

.caja-contenido-proyecto h5 {
  color:var(--negro-humo);
  text-align: center;
  margin-bottom:36px;
  font-size: 1.2em;
} 

.bloques-dorms, .bloques-metraje {
  display: flex;
  align-items:center;
  flex-wrap: nowrap;
  flex-direction:row;
  color:var(--verde);
}

.bloques-dorms {
   justify-content: flex-start; 

}
.bloques-metraje{
 justify-content: flex-end; 
}
.bloques-dorms {
  font-size: 1.8em;
}

.bloques-metraje {
  font-size: 1.3em;
}
.bloques-metraje .datos-metraje .dato-metraje {
  margin-bottom: 2px;
}
.bloques-metraje img, .bloques-dorms img {
  margin-right: 10px;
  height: 40px;
  margin-top: 10px;
}

.letra-chica {
  font-size:0.8em;;
}

.z-container {
  /*! margin-top:80px !important; */
}

#bloque-content-homepage h4{
  text-align: center;
  font-size:2.7em;
  margin-bottom: 93px;
}
.precio-grilla {
  font-size: 1.4em;
  margin-top: 5px;
}

.precio-legales {
  margin-top:20px;
}
.precio-legales p{
  font-size: 0.65em;
  color:var(--negro-humo);
  margin:10px auto;
}
.direccion-grilla {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.direccion-grilla h5 {
  text-align: left;
  margin-left:15px;
}

.z-tabs.flat.flat-nephritis > ul, .z-tabs.flat.flat-nephritis > .z-container{
  top:0px!important;
  border-top: 0px solid var(--oro)!important;
  /*! padding-top:30px; */
  margin-bottom: 40px !important;
}

.z-tabs.flat.medium > ul > li > a {
  font-size:inherit!important;
  transition: all ease-in-out 250ms;
  
}

.z-tabs.flat.medium > ul > li:hover a{
  font-size:1.08em !important;
    transition: all ease-in-out 350ms;
}

.icono-direccion-grilla {
  height: 40px;
}

.z-tabs.flat.contained.horizontal > .z-container > .z-content > .z-content-inner {
  padding: 0em 2em;
}

.elslide-principal.slick-current {
  height:850px;
   min-height:850px;
  background-repeat: no-repeat;
  background-size:99% 99%;
  background-position: center center;
    opacity: 1;
}


.elslide-principal{
  height:800px;
  min-height:800px;
  background-repeat: no-repeat;
  background-size:100% auto;
  background-position: center 50px;
  position: relative;
  opacity: 0.8;
  
}

.overlay-gradient-black-principal{
    position:absolute;
  z-index: 2;
  width: 100%;
  height:100%;
  top:0%;
  left:0%;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.82) 100%);
}

.elslide-principal.slick-current .overlay-gradient-black-principal{
    position:absolute;
  z-index: 2;
  width: 99%;
  height:99%;
  top:0.5%;
  left:0.5%;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);
}


.descripcion-slide-principal {
  position:absolute;
  z-index: 3;
  bottom:80px;
  left:80px;
  color:#fff;
  font-size:2.4em;
}




.form-box {
  width:500px;
  margin: 0px auto;
}

.elslide-principal.slick-current .overlay-gradient-black-principal{
    position:absolute;
  z-index: 2;
  width: 99%;
  height:99%;
  top:0.5%;
  left:0.5%;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.42) 100%);
}

.imagen-plano {
  text-align: center;
}

#franja-ubicacion {
    background-color:#F2F2F2 ; 
}

#franja-ubicacion p{
  font-size: 1.3em;
}

#franja-info-edificio {
  padding:6em 0em;
}
#franja-slider {
  background-color: rgba(250, 250, 250, 1) ; 
}

#slider-principal .slick-list  {
  padding-top: 50px!important;
  padding-bottom: 50px!important;
}

.descripcion-slide-areas-iconos {
  font-size: 0.93em;
}

#bloque-detalles {
  height:100px;
  }

#bloque-precio, #bloque-metraje, #bloque-botones {
  height: 100px;
}

#bloque-precio, #bloque-metraje, #bloque-botones {
  padding-top: 12px;
}

#bloque-precio {
  padding-top: 20px;
}

#bloque-precio {
  color:#fff;
}



#bloque-detalles .letras-grandes{
  font-size: 1.6em;
}
.btn {
  scale: 1;
    transition: all ease-in-out 200ms;

}
.btn:hover {
  scale: 1.05;
  cursor: pointer;
  transition: all ease-in-out 200ms;
}
.btn.btn-blanco{
  color: #fff;
  border:1px solid #fff;
  background: none;
  border-radius: 10px;
  padding:12px 20px;
}

#botones-home {
  margin-top:13px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content:center;
}

.precio-detalle{
  font-size: 3em;
  font-weight: 700;
}
#descrip-dorms .letras-chicas {
  font-size: 70%;  
}

.datos-metraje {
  font-size:120%;
  padding-top:12px;
}

.listado-distancias {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  margin:20px auto;
}

.pasos {
  width: 100%;
}

.listado-distancias li {
  width:50%;
}

.listado-distancias li ul li{
  width:100%;
}

footer {
  color:#fff;
  padding:3em 0em;
  background-color: var(--verde);
}