@font-face{font-family: 'codropsicons';font-weight: normal;font-style: normal;src: url('../fonts/codropsicons/codropsicons.eot');src: url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/codropsicons/codropsicons.woff') format('woff'), url('../fonts/codropsicons/codropsicons.ttf') format('truetype'), url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');}*,*::after,*::before{-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-tap-highlight-color: transparent;}.clearfix::before,.clearfix::after{content: '';display: table;}.clearfix::after{clear: both;}body{font-family: 'Avenir Next', Avenir, 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #515158;background: #f0f0f0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}a{text-decoration: none;color: #aaa;outline: none;}a:hover,button:hover{color: #515158;outline: none;}a:focus,button:focus{outline: none;}.loader{border: 10px solid #f3f3f3; /* Light grey */ border-top: 10px solid #3498db; /* Blue */ border-radius: 50%; width: 50px; height: 50px; position: absolute;top: calc(50% - 25px);left: calc(50% - 25px);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%); animation: spin 2s linear infinite; -webkit-animation-play-state: paused;-o-animation-play-state: paused;animation-play-state: paused;opacity: 0;pointer-events: none;-webkit-transition: opacity .2s;-moz-transition: opacity .2s;-ms-transition: opacity .2s;-o-transition: opacity .2s;transition: opacity .2s;}.loader.play{-webkit-animation-play-state: running;-o-animation-play-state: running;animation-play-state: running;opacity: 1;}@keyframes spin{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}.hidden{position: absolute;overflow: hidden;width: 0;height: 0;pointer-events: none;}/* Icons */.icon{display: block;width: 1em;height: 1em;margin: 0 auto;fill: currentColor;}.container{position: relative;width: 100vw;height: 100vh;}/* Header */.codrops-header{height: 4em;position: absolute;z-index: 100;width: 100vw;top: 0;left: 0;display: -webkit-flex;display: flex;-webkit-align-items: center;align-items: center;padding: 0;text-align: center;}.codrops-header h1{font-size: 1.15em;font-weight: normal;line-height: 1;margin: 0 0 0 1em;float: left;text-align: left;}.codrops-header .north-compass{position: absolute; width: 25vh; height: 8vh; opacity: .3; right: 0; top: 8vh;-webkit-transition: opacity .5s;-moz-transition: opacity .5s;-ms-transition: opacity .5s;-o-transition: opacity .5s;transition: opacity .5s;}.fase-showing .codrops-header .north-compass{opacity: 0;}.header-logo{height: 3em;margin:.5em 1em;}/* Top Navigation Style */.codrops-links{position: relative;display: inline-block;text-align: center;white-space: nowrap;}.codrops-links::after{content: '';position: absolute;top: 0;left: 50%;width: 1px;height: 100%;background: rgba(0, 0, 0, 0.1);-webkit-transform: rotate3d(0, 0, 1, 22.5deg);transform: rotate3d(0, 0, 1, 22.5deg);}.codrops-icon{display: inline-block;width: 1.5em;margin: 0.5em;padding: 0em 0;text-decoration: none;}.codrops-icon span{display: none;}.codrops-icon::before{font-family: 'codropsicons';font-weight: normal;font-style: normal;font-variant: normal;line-height: 1;margin: 0 5px;text-transform: none;speak: none;-webkit-font-smoothing: antialiased;}.codrops-icon--drop::before{content: '\e001';color: #09c;}.codrops-icon--prev::before{content: '\e004';}.main{position: fixed;top: 0;left: 0;overflow: hidden;/*width: calc(100vw - 300px);*/width: 100vw;height: 100vh;}.mall, .fases-container{position: relative;width: 100%;height: 100%;z-index: -1;/*pointer-events: none;*/-webkit-perspective: 3500px;perspective: 3500px;-webkit-perspective-origin: 0% 50%;perspective-origin: 0% 50%;-webkit-transition: -webkit-all 0.8s;transition: all 0.8s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.mall.mall--content-open{-webkit-transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);transform: translate3d(0,-25%,0) scale3d(0.8,0.8,1);}.surroundings,.levels, .fases-global, .roads, .fases-block{position: absolute;top: 50%;left: 50%;}.surroundings{width: 192vmin;/* double of mall map */height: 128vmin;margin: -64vmin 0 0 -96vmin;pointer-events: none;-webkit-transition: opacity 0.8s;transition: opacity 0.8s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.surroundings__map{opacity: 0.3;max-width: 100%;display: block;}.surroundings--hidden{opacity: 0;}.levels{width: 96vmin;height: 64vmin;margin: -32vmin 0 0 -48vmin;-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.fases-global, .fases-block, .roads{width: 96vmin;height: 96vmin;margin: -48vmin 0 0 -48vmin;-webkit-transition: -webkit-all 0.3s;transition: all 0.3s;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.roads::before{position: absolute; top: 50%; left: -90%; width: 150%; height: 1.2rem; line-height: 1.2rem; font-size: 0.8rem; font-weight: 600; color:#9e9e9e; content: "Av. Cristo Redentor"; background-color: #E4E6E8; text-align: center; -webkit-transform: translateY(-50%) rotate(80deg); -ms-transform: translateY(-50%) rotate(80deg); -o-transform: translateY(-50%) rotate(80deg); transform: translateY(-50%) rotate(80deg);}.surroundings,.levels{/*-webkit-transform: rotateX(70deg) rotateZ(-45deg) translateZ(-15vmin);transform: rotateX(70deg) rotateZ(-45deg) translateZ(-15vmin);*/}.fases-ui-name{fill: #666666;}.fases-container[class*=fase--selected] .fases-ui-name{opacity: 0}.fase{position: relative;width: 100%;height: 100%;pointer-events: auto;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}:not(.fade-to-block) .fase{cursor: initial;}.level{position: relative;width: 100%;height: 100%;cursor: pointer;pointer-events: auto;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.level::after{font-size: 2.5vmin;line-height: 0;position: absolute;z-index: 100;top: -2em; left: 3.5em;white-space: nowrap;color: #7d7d86;-webkit-transform: rotateZ(45deg) rotateX(-70deg) translateZ(5vmin);transform: rotateZ(45deg) rotateX(-70deg) translateZ(5vmin);-webkit-transition: -webkit-transform 1s, color 0.3s;transition: transform 1s, color 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}.level:hover::after,.level--current::after{color: #515158;}.level--current::after{-webkit-transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg) translateZ(5vmin) translateX(5vmin) translateY(-10vmin);transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg) translateZ(5vmin) translateX(5vmin) translateY(-10vmin);}.level--1::after{content: 'L1';}.level--2::after{content: 'L2';}.level--3::after{content: 'L3';}.level--4::after{content: 'L4';}.level:not(:first-child){position: absolute;top: 0;left: 0;}.fase:not(:first-child){position: absolute;top: 0;left: 0;}.level--2{-webkit-transform: translateZ(10vmin);transform: translateZ(10vmin);}.level--3{-webkit-transform: translateZ(20vmin);transform: translateZ(20vmin);}.level--4{-webkit-transform: translateZ(30vmin);transform: translateZ(30vmin);}.fase-global{transition: all .3s;}:not(.fade-to-block) .fase-global:hover{cursor: pointer;fill: grey;}:not(.fade-to-block) .fase-global:hover .fases-ui-name{fill:white;}/* Selection transitions */.levels--selected-1 .level:not(.level--1),.levels--selected-2 .level:not(.level--2),.levels--selected-3 .level:not(.level--3),.levels--selected-4 .level:not(.level--4){opacity: 0;/* fade out all others */}/* Other levels */.level--current ~ .level{-webkit-transform: translateZ(90vmin);transform: translateZ(90vmin);}.levels--selected-2 .level--1,.levels--selected-3 .level--1,.levels--selected-4 .level--1,.levels--selected-3 .level--2,.levels--selected-4 .level--2,.levels--selected-4 .level--3{-webkit-transform: translateZ(-60vmin);transform: translateZ(-60vmin);}/* Delays *//* 1 */.levels--selected-1 .level--3,.levels--selected-2 .level--3,.levels--selected-3 .level--2,.levels--selected-4 .level--2{-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}.levels--selected-1 .level--2,.levels--selected-2 .level--current,.levels--selected-2 .level--current::after,.levels--selected-3 .level--current,.levels--selected-3 .level--current::after,.levels--selected-4 .level--3{-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}.levels--selected-1 .level--current,.levels--selected-1 .level--current::after,.levels--selected-4 .level--current,.levels--selected-4 .level--current::after{-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}.filter-menu{position: absolute;bottom: 1vw;right: 0;width: 25vh;z-index: 999;}.filter-icon{width: 3em;height: 3em;display: none;pointer-events: all;position: relative;}.filter-title{padding: .8rem 1rem;text-align: center;text-transform: uppercase;font-weight: 600;}.filter-list{list-style: none;margin: 0;padding: 0;}.filter-item{padding: .5rem 0;margin: .8rem 0;text-transform: uppercase;font-size: .7rem;font-weight: 600;-webkit-transition: color .1s;-moz-transition: color .1s;-ms-transition: color .1s;-o-transition: color .1s;transition: color .1s;position: relative;z-index: 1;text-align: center;}.filter-item:hover, .filter-item.active{color: #fff;cursor: pointer;}.filter-swatch{top: 0;bottom: 0;display: inline-block;border-radius: 1vw;position: absolute;right: 1rem;left: 1rem;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;z-index: -1;background-color: #dedede;}.filter-item.active .swatch-grand, .filter-item:hover .swatch-grand{background-color: #21539F;}.filter-item.active .swatch-medium-a, .filter-item:hover .swatch-medium-a{background-color: #F3A21C;}.filter-item.active .swatch-medium-b, .filter-item:hover .swatch-medium-b{background-color: #e2d92c;}.filter-item.active .swatch-pyme, .filter-item:hover .swatch-pyme{background-color: #00A28D;}.minimap{opacity: 0; position: absolute; top: 8.333vh; right: 0; width: 25vh; display: flex; padding: 2em 0; background-color: rgba(255,255,255,.4); align-content: flex-start; -webkit-transition: opacity .8s; -moz-transition: opacity .8s; -ms-transition: opacity .8s; -o-transition: opacity .8s; transition: opacity .8s;}.minimap.show-minimap{opacity: 1;}.minimap .blue, .minimap .blue *{fill: #262f85;}.minimap .north-compass{position: absolute;opacity: .3;bottom: 4rem;right: 1rem;width: 20%;}.fases-block, .fases-block .fase{-webkit-transition: opacity .3s .3s;-moz-transition: opacity .3s .3s;-ms-transition: opacity .3s .3s;-o-transition: opacity .3s .3s;transition: opacity .3s .3s;opacity: 0;pointer-events: none;}.fases-container.control-transition .fases-block,.fases-container.control-transition .fases-block .fase{-webkit-transition: opacity 0s;-moz-transition: opacity 0s;-ms-transition: opacity 0s;-o-transition: opacity 0s;transition: opacity 0s;}.fases-container.fase--selected-1,.fases-container.fase--selected-2,.fases-container.fase--selected-3{-webkit-transform: rotate3d(1,0,0,25deg);-moz-transform: rotate3d(1,0,0,25deg);-ms-transform: rotate3d(1,0,0,25deg);-o-transform: rotate3d(1,0,0,25deg);transform: rotate3d(1,0,0,25deg);}.fases-block text{font-family: sans-serif;font-weight: 600;cursor: pointer;}.fases-block circle{cursor: pointer;}.fases-container[class*="filter"]:not([class*="fase--selected"]) .fases-block, .fases-container[class*="filter"]:not([class*="fase--selected"]) .fases-block .fase{opacity: 1;}/* Current fase */.fase--selected-1 .fases-global, .fase--selected-1 .roads, .fase--selected-1 .fases-block{width: 150vmin;height: 140vmin;margin:-93vmin 0 0 -53vmin;/*transform: rotateX(0deg) rotateY(-15deg);*/}.fase--selected-2 .fases-global, .fase--selected-2 .roads, .fase--selected-2 .fases-block{width: 180vmin;height: 225vmin;margin:-90vmin 0 0 -86vmin;/*transform: rotateX(0deg) rotateY(-15deg);*/}.fase--selected-3 .fases-global, .fase--selected-3 .roads, .fase--selected-3 .fases-block{width: 170vmin;height: 225vmin;margin:-55vmin 0 0 -115vmin;/*transform: rotateX(0deg) rotateY(-15deg);*/}.fase-global.fase--current{-webkit-transform: translateZ(0vmin) rotate3d(0,0,0,0deg);/* go to center */transform: translateZ(0vmin) rotate3d(0,0,0,0deg);/*fill:transparent;*/}.fases-container.fase--selected-1 .fases-block .fase--1.fase-block-active, .fases-container.fase--selected-1 .fases-block, .fases-container.fase--selected-2 .fases-block .fase--2.fase-block-active, .fases-container.fase--selected-2 .fases-block,.fases-container.fase--selected-3 .fases-block .fase--3.fase-block-active, .fases-container.fase--selected-3 .fases-block{opacity: 1;pointer-events: all;}.fases-container.fase--selected-1 .fases-block .fase--1 g.single-block > *:not(circle):not(text),.fases-container.fase--selected-2 .fases-block .fase--2 g.single-block > *:not(circle):not(text),.fases-container.fase--selected-3 .fases-block .fase--3 g.single-block > *:not(circle):not(text){-webkit-transition: fill-opacity .3s;-moz-transition: fill-opacity .3s;-ms-transition: fill-opacity .3s;-o-transition: fill-opacity .3s;transition: fill-opacity .3s;fill-opacity:0;}.fases-container:not(.fade-to-block).fase--selected-1 .fases-block .fase--1 g.single-block:hover path,.fases-container:not(.fade-to-block).fase--selected-2 .fases-block .fase--2 g.single-block:hover path,.fases-container:not(.fade-to-block).fase--selected-3 .fases-block .fase--3 g.single-block:hover path{cursor: pointer;}.fases-container:not(.fade-to-block):not([class*=filter-]).fase--selected-1 .fases-block .fase--1 g.single-block:hover path,.fases-container:not(.fade-to-block):not([class*=filter-]).fase--selected-2 .fases-block .fase--2 g.single-block:hover path,.fases-container:not(.fade-to-block):not([class*=filter-]).fase--selected-3 .fases-block .fase--3 g.single-block:hover path{fill-opacity: 1;}.fases-container.fade-to-block{-webkit-transform: scale3d(1.4, 1.4, 1.4);-ms-transform: scale3d(1.4, 1.4, 1.4);-o-transform: scale3d(1.4, 1.4, 1.4);transform: scale3d(1.4, 1.4, 1.4);opacity: 0;}.fases-container.fade-to-block .fases-block, .fases-container.fade-to-block .fases-block .fase{pointer-events: none !important;cursor:initial;}.fases-container[class*=filter-]:not([class*="fase--selected"]) .single-block > *{fill-opacity:0;}.fases-container .single-block > path[fill="#F3A21C"]{fill:#21539F;}.fases-container .single-block > path[fill="#E34247"]{fill:#F3A21C;}.fases-container .single-block > path[fill="#00A28D"]{fill:#e2d92c;}.fases-container .single-block > path[fill="#21539F"]{fill:#00A28D;}.fases-container.filter-grand .single-block > path[fill="#F3A21C"], .fases-container.filter-grand .single-block > path[fill="#F3A21C"] ~ text, .fases-container.filter-grand .single-block > path[fill="#F3A21C"] ~ circle{fill-opacity: 1 !important;}.fases-container.filter-medium-a .single-block > path[fill="#E34247"], .fases-container.filter-medium-a .single-block > path[fill="#E34247"] ~ text, .fases-container.filter-medium-a .single-block > path[fill="#E34247"] ~ circle{fill-opacity: 1 !important;}.fases-container.filter-medium-b .single-block > path[fill="#00A28D"], .fases-container.filter-medium-b .single-block > path[fill="#00A28D"] ~ text, .fases-container.filter-medium-b .single-block > path[fill="#00A28D"] ~ circle{fill-opacity: 1 !important;}.fases-container.filter-pyme .single-block > path[fill="#21539F"], .fases-container.filter-pyme .single-block > path[fill="#21539F"] ~ text, .fases-container.filter-pyme .single-block > path[fill="#21539F"] ~ circle{fill-opacity: 1 !important;}.fases-container.filter-grand + .blocks-container.block-selected .block-detail.active .lot-single:not([data-type="Gran Empresa"]),.fases-container.filter-grand + .blocks-container.block-selected .block-detail.active .lot-single[data-status="Vendido"]{fill: #E4E6E8 !important;}.fases-container.filter-medium-a + .blocks-container.block-selected .block-detail.active .lot-single:not([data-type="Mediana Empresa A"]),.fases-container.filter-medium-a + .blocks-container.block-selected .block-detail.active .lot-single[data-status="Vendido"]{fill: #E4E6E8 !important;}.fases-container.filter-medium-b + .blocks-container.block-selected .block-detail.active .lot-single:not([data-type="Mediana Empresa B"]),.fases-container.filter-medium-b + .blocks-container.block-selected .block-detail.active .lot-single[data-status="Vendido"]{fill: #E4E6E8 !important;}.fases-container.filter-pyme + .blocks-container.block-selected .block-detail.active .lot-single:not([data-type="PYME"]),.fases-container.filter-pyme + .blocks-container.block-selected .block-detail.active .lot-single[data-status="Vendido"]{fill: #E4E6E8 !important;}/*Current Block*/.map-legends{display: none;position: absolute;top: 5rem;left: 1rem;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;}.map-legends ul{display: inline-block;list-style: none;font-size: .5rem;text-transform: uppercase;margin: 0;padding: 0;}.map-legends li{position: relative;margin-top:.2rem;}.map-legends li span{position: relative;float: left;margin-right: .5rem;width: .5rem;height: .5rem;border-radius: 100%;}.map-legends li .swatch-grand{background-color: #21539F;}.map-legends li .swatch-medium-a{background-color: #F3A21C;}.map-legends li .swatch-medium-b{background-color: #e2d92c;}.map-legends li .swatch-pyme{background-color: #00A28D;}.map-legends li .swatch-sold{background-color: #C44448;}.fase-showing .map-legends{display: block;top:77vh;}.block-showing .map-legends{display: block;top:5rem;}.blocks-container{opacity: 0;pointer-events: none; position: absolute; top: 50%; left: 0; right: 0; bottom: -25%; -webkit-transform: rotate3d(1,0,0,45deg) translate3d(0,0,-15vmin); -ms-transform: rotate3d(1,0,0,45deg) translate3d(0,0,-15vmin); -o-transform: rotate3d(1,0,0,45deg) translate3d(0,0,-15vmin); transform: rotate3d(1,0,0,45deg) translate3d(0,0,-15vmin); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; perspective: 3000px; -webkit-perspective:3000px;-webkit-transition: all .8s .2s;-moz-transition: all .8s .2s;-ms-transition: all .8s .2s;-o-transition: all .8s .2s;transition: all .8s .2s;-webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-moz-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-ms-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);-o-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);}.blocks-container.block-selected{opacity: 1;pointer-events: all;-webkit-transform: rotate3d(1,0,0,45deg) translate3d(0,calc(-70% + -6vw),0);-moz-transform: rotate3d(1,0,0,45deg) translate3d(0,calc(-70% + -6vw),0);-ms-transform: rotate3d(1,0,0,45deg) translate3d(0,calc(-70% + -6vw),0);-o-transform: rotate3d(1,0,0,45deg) translate3d(0,calc(-70% + -6vw),0);transform: rotate3d(1,0,0,45deg) translate3d(0,calc(-70% + -6vw),0);}.blocks-container.blocks--content-open{-webkit-transform: rotate3d(1,0,0,60deg) scale3d(0.7,0.7,1) translate3d(0,calc(-175% - 5vw),0);transform: rotate3d(1,0,0,60deg) scale3d(0.7,0.7,1) translate3d(0,calc(-175% - 5vw),0) ;}.block-detail{display: none;position: absolute;pointer-events: none;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);left: 50%;top: 50%;width: 100%;height: 100%;}.block-detail svg{width: 100%;height: 100%;}.block-detail.active{display: block;pointer-events: all;}.block-detail.active.lot-single-selected .lot-single:not(.lot-single-active){fill-opacity:.5;}/*Lot Detail*/.lot-single{fill: #C44448;stroke-width: .5;vector-effect:non-scaling-stroke;fill-opacity:1;-webkit-transition: fill-opacity .3s ease 1.2s;-moz-transition: fill-opacity .3s ease 1.2s;-ms-transition: fill-opacity .3s ease 1.2s;-o-transition: fill-opacity .3s ease 1.2s;transition: fill-opacity .3s ease 1.2s;}.lot-single:not(.lot-single-active):hover{fill: grey;cursor: pointer;}.lot-single[data-status="RESERVADO"]{fill-opacity:.5;}.lot-single-active{fill-opacity:1 !important;}.block-detail.active .lot-single.content__lot--current{}.lot-single[data-type="Gran Empresa"]{fill: #21539F;}.lot-single[data-type="Mediana Empresa A"]{fill: #F3A21C;}.lot-single[data-type="Mediana Empresa B"]{fill: #e2d92c;}.lot-single[data-type="PYME"]{fill: #00A28D;}.lot-single[data-status="Vendido"], .lot-single[data-status="BLOQUEADO"], .lot-single[data-status="VENDIDO"]{fill: #C44448;}.map-content{pointer-events: none;position: absolute;bottom: 0;left: 0;right: 0;width: 60%;opacity: 0;margin: 0 auto;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;transition: all .5s;}.block-showing .map-content{opacity: 1;}.lot-price-container,.lot-owner-container{text-align: center;}.block-showing:not(.lot-showing) .map-content .lot-detail-container, .block-showing:not(.lot-showing) .map-content .lot-price-container, .block-showing:not(.lot-showing) .map-content .lot-owner-container{height: 0;margin: 0;opacity: 0;}.block-showing:not(.lot-showing) .map-content .block-detail-container{border:none !important;}.map-content .boxbutton{color:#333;background-color: transparent;position: absolute;height: 100%;width: 1.5em;top: 0;bottom:0;padding-bottom: 3rem;}.block-showing:not(.lot-showing) .map-content .boxbutton{opacity: 0;}.map-content.content-open .boxbutton{pointer-events: all;}.map-content .boxbutton.pilat__button--previous{left: 0;}.map-content .boxbutton.pilat__button--next{right: 0;}.map-content .boxbutton.pilat__button--previous svg{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.map-content .boxbutton.pilat__button--next svg{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);transform: rotate(-90deg);}.content-open{opacity: 1;}.content-item{margin: 1.5rem 3.5rem 3rem;pointer-events: none;}.content-item p{padding: 0 .7em;border-right:1px solid #ccc;}.content-item p:last-child{border:none;}.content-item span{text-transform: uppercase;font-size: 1.2rem;}.content-item b{font-size: .7em;display: inline-block;font-weight: 800;text-transform: uppercase;width: 100%;margin-bottom: .4rem;}.block-detail-container{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;border-bottom: 1px solid #ccc;}.block-detail-container p{width: 50%;display: inline-block;margin: .7em 0;float: left;text-align: center;}.block-detail-container .detail-ui span,.block-detail-container .detail-block span{font-size: 1.8rem;font-weight: 600;}.lot-detail-container, .lot-price-container, .lot-owner-container{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;text-align: center;margin: .7em 0;height: auto;overflow: hidden;-webkit-transition: opacity .4s, height .0s .4s;-moz-transition: opacity .4s, height .0s .4s;-ms-transition: opacity .4s, height .0s .4s;-o-transition: opacity .4s, height .0s .4s;transition: opacity .4s, height .0s .4s;justify-content: center;opacity: 1;}.lot-price-container, .lot-owner-container{margin: 0;}.lot-price-container.hide,.lot-owner-container.hide{height: 0;opacity: 0;margin: 0;}.level.level--current{-webkit-transform: translateZ(15vmin) rotate3d(0,0,1,20deg);/* go to center */transform: translateZ(15vmin) rotate3d(0,0,1,20deg);}/* Navigation classes */.levels--open .level,.levels--open .level::after{-webkit-transition: -webkit-transform 1s, opacity 1s;transition: transform 1s, opacity 1s;-webkit-transition-delay: 0s;transition-delay: 0s;}.levels--open .level.level--current{opacity: 1;}.levels--open .level.level--moveOutUp,.levels--open .level.level--moveOutDown{opacity: 0;}.levels--open .level.level--moveOutUp{-webkit-transform: translateZ(90vmin);transform: translateZ(90vmin);}.levels--open .level.level--moveOutDown{-webkit-transform: translateZ(-60vmin);transform: translateZ(-60vmin);}/* Level nav */.mallnav{position: absolute;top: 0;right: 0;text-align: center;-webkit-transition: opacity 0.8s;transition: opacity 0.8s;z-index: 99999;width: 25vh;}.mallnav--hidden{pointer-events: none;opacity: 0;}/* Box button */.boxbutton{font-size: 2em;display: inline-block;float: left;width: 8.333vh;height: 8.333vh;margin: 0;padding: 0;color: #fff;border: 0;background: #d7d7dc;}.boxbutton--dark{background: #c4c4c7;}.boxbutton--darker{background: #2c2c2f;}.boxbutton--alt{background: #3d1975;}.boxbutton--disabled,.boxbutton--disabled:focus,.boxbutton--disabled:hover{cursor: default;pointer-events: none;opacity: 0.2;}/* Level map */.map__ground{fill: #d7d7dc;}.map__outline{-webkit-transition: fill 0.3s;transition: fill 0.3s;fill: #bbb;}.level:hover .map__outline,.level--current .map__outline{fill: #a6a3a8;}.map__tree{fill: #7bad7f;}.map__lake{fill: #a2bbdd;}.map__space{-webkit-transition: fill-opacity 0.8s;transition: fill-opacity 0.8s;fill: #bdbdbd;fill-opacity: 0.6;}.level--current .map__space{fill-opacity: 1;}.map__space--selected{fill: #A4A4A4;}/* Content */.content{position: absolute;top: 100%;width: 100%;height: 50%;}.content__item{position: absolute;top: 0;width: 100%;height: 100%;padding: 3em;text-align: center;background: #d7d7dc;-webkit-transition: -webkit-transform 0.8s;transition: transform 0.8s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}.content--open .content__item{-webkit-transition: none;transition: none;}.content__item--current{-webkit-transform: translate3d(0,-100%,0);transform: translate3d(0,-100%,0);}.content__item-title{font-size: 1.85em;margin: 0;padding: 0 0 0.75em 0;pointer-events: none;font-weight: normal;opacity: 0;-webkit-transform: translate3d(0,-3em,0) translate3d(0,-100%,0);transform: translate3d(0,-3em,0) translate3d(0,-100%,0);}.content__item[data-category='1'] .content__item-title{color: #7cbf7f;}.content__item[data-category='2'] .content__item-title{color: #6584c7;}.content__item[data-category='3'] .content__item-title{color: #dc4b7c;}.content__item[data-category='4'] .content__item-title{color: #8d65e0;}.content__item--hover .content__item-title{opacity: 1;-webkit-transition: opacity 0.3s;transition: opacity 0.3s;}.content__item--current .content__item-title{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}.content__item-details{opacity: 0;margin: 0 auto;max-width: 50vmax;}.content__item--current .content__item-details{opacity: 1;}.content__meta{margin: 0;font-size: 0.85em;line-height: 1.5;}.content__meta-item{display: inline-block;padding: 0 0.25em;}.content__meta .icon{display: inline-block;vertical-align: middle;}.content__desc{text-align: left;margin: 7vmin 0 0 0;}.content__button{position: absolute;top: -100%;right: 0;-webkit-transition: opacity 0.3s 0.7s;transition: opacity 0.3s 0.7s;}.content__button--hidden{pointer-events: none;opacity: 0;-webkit-transition: none;transition: none;}/* Spaces list (sidebar) */.spaces-list{position: absolute;top: 0;right: 0;width: 300px;min-height: 100vh;padding: 5em 0 1em;background: #fff;}.search{position: fixed;z-index: 100;top: 0;right: 0;left: calc(100vw - 300px);}.search__input{width: 100%;padding: 1.315em 2em;color: #fff;border: 0;background: #515158;border-radius: 0;}.search__input:focus{outline: none;}.label{position: absolute;top: 4em;right: 0;}.label__text{font-size: 0.85em;line-height: 1;display: block;padding: 1em;color: #e4e4e4;}.label__checkbox{position: absolute;z-index: 10;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;opacity: 0;}.label__checkbox:checked + .label__text{color: #515158;}.list{margin: 0 0 2em;padding: 0 1em 1em 2em;list-style: none;}.list__item{font-size: 1.05em;line-height: 1;position: relative;display: block;}.list__item:first-child{margin-top: 2em;}.grouped-by-category [data-category='1']:first-child,.grouped-by-category :not([data-category='1']) + [data-category='1'],.grouped-by-category [data-category='2']:first-child,.grouped-by-category :not([data-category='2']) + [data-category='2'],.grouped-by-category [data-category='3']:first-child,.grouped-by-category :not([data-category='3']) + [data-category='3'],.grouped-by-category [data-category='4']:first-child,.grouped-by-category :not([data-category='4']) + [data-category='4']{margin-top: 4em;}.grouped-by-category [data-category='1']:first-child::before,.grouped-by-category :not([data-category='1']) + [data-category='1']::before,.grouped-by-category [data-category='2']:first-child::before,.grouped-by-category :not([data-category='2']) + [data-category='2']::before,.grouped-by-category [data-category='3']:first-child::before,.grouped-by-category :not([data-category='3']) + [data-category='3']::before,.grouped-by-category [data-category='4']:first-child::before,.grouped-by-category :not([data-category='4']) + [data-category='4']::before{font-size: 1.25em;position: absolute;top: -1.75em;left: 0;color: #c7c7c9;}.grouped-by-category [data-category='1']:first-child::before,.grouped-by-category :not([data-category='1']) + [data-category='1']::before{content: 'Nourish & Refresh';color: #7cbf7f;}.grouped-by-category [data-category='2']:first-child::before,.grouped-by-category :not([data-category='2']) + [data-category='2']::before{content: 'Learn & Create';color: #6584c7;}.grouped-by-category [data-category='3']:first-child::before,.grouped-by-category :not([data-category='3']) + [data-category='3']::before{content: 'Swap & Give';color: #dc4b7c;}.grouped-by-category [data-category='4']:first-child::before,.grouped-by-category :not([data-category='4']) + [data-category='4']::before{content: 'Relax & Recharge';color: #8d65e0;}.list__item::after{content: 'L' attr(data-level) ' / ' attr(data-space);font-size: 0.65em;line-height: 3;position: absolute;top: 0;right: 0;padding: 0 0.5em;pointer-events: none;color: #c7c7c9;}.list__link{font-size: 0.85em;display: block;padding: 0.5em 0.5em 0.5em 0;}.list__item--active .list__link,.list__link:hover{color: #515158;}/* Pins */.level__pins{position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.level__pins--active{pointer-events: auto;}.pin{position: absolute;width: 5.5vmin;height: 8.25vmin;margin: -8.25vmin 0 0 -2.25vmin; /* let the bottom tip be the reference point for individual coordinates */-webkit-transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg);transform: rotateZ(-20deg) rotateZ(45deg) rotateX(-70deg);-webkit-transform-origin: 50% 100%;transform-origin: 50% 100%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}.pin__icon{position: relative;display: block;width: 100%;height: 100%;opacity: 0;-webkit-transform: translate3d(0,-100px,0);transform: translate3d(0,-100px,0);-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;transition: opacity 0.3s, transform 0.3s;-webkit-transition-timing-function: cubic-bezier(0.2,1,0.3,1);transition-timing-function: cubic-bezier(0.2,1,0.3,1);}.level__pins--active .pin__icon{opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}.pin:nth-child(2) .pin__icon{-webkit-transition-delay: 0.05s;transition-delay: 0.05s;}.pin:nth-child(3) .pin__icon{-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}.pin:nth-child(4) .pin__icon{-webkit-transition-delay: 0.15s;transition-delay: 0.15s;}.pin:nth-child(5) .pin__icon{-webkit-transition-delay: 0.2s;transition-delay: 0.2s;}.pin:nth-child(6) .pin__icon{-webkit-transition-delay: 0.25s;transition-delay: 0.25s;}.pin:nth-child(7) .pin__icon{-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}.pin:nth-child(8) .pin__icon{-webkit-transition-delay: 0.35s;transition-delay: 0.35s;}.pin:nth-child(9) .pin__icon{-webkit-transition-delay: 0.4s;transition-delay: 0.4s;}.pin[data-category='1'] .icon--pin{fill: #7cbf7f;}.pin[data-category='2'] .icon--pin{fill: #6584c7;}.pin[data-category='3'] .icon--pin{fill: #dc4b7c;}.pin[data-category='4'] .icon--pin{fill: #8d65e0;}.pin--active .icon--pin{stroke: #515158;stroke-width: 15px;}.icon--pin{width: 100%;height: 100%;}.icon--logo{position: absolute;top: 11%;left: 25%;width: 50%;height: 50%;fill: white;fill-opacity: 0.6;-webkit-transition: fill-opacity 0.3s;transition: fill-opacity 0.3s;}.pin--active .icon--logo,.pin:hover .icon--logo{fill-opacity: 1;}/* Pins for floor 1 */.pin--1-1{top: 60vmin; left: 8vmin;}.pin--1-2{top: 15vmin; left: 15vmin;}.pin--1-3{top: 15vmin; left: 88vmin;}.pin--1-4{top: 40vmin; left: 77vmin;}.pin--1-5{top: 33vmin; left: 38vmin;}.pin--1-6{top: 6vmin; left: 27vmin;}.pin--1-7{top: 36vmin; left: 61vmin;}.pin--1-8{top: 9vmin; left: 59vmin;}.pin--1-9{top: 8vmin; left: 51vmin;}/* Pins for floor 2 */.pin--2-1{top: 7vmin; left: 22vmin;}.pin--2-2{top: 39vmin; left: 5vmin;}.pin--2-3{top: 21vmin; left: 84vmin;}.pin--2-4{top: 39vmin; left: 53vmin;}.pin--2-5{top: 14vmin; left: 50vmin;}.pin--2-6{top: 60vmin; left: 15vmin;}.pin--2-7{top: 34vmin; left: 37vmin;}.pin--2-8{top: 52vmin; left: 74vmin;}/* Pins for floor 3 */.pin--3-1{top: 17vmin; left: 15vmin;}.pin--3-2{top: 42vmin; left: 5vmin;}.pin--3-3{top: 19vmin; left: 85vmin;}.pin--3-4{top: 61vmin; left: 57vmin;}.pin--3-5{top: 58vmin; left: 25vmin;}.pin--3-6{top: 30vmin; left: 57vmin;}.pin--3-7{top: 32vmin; left: 37vmin;}/* Pins for floor 4 */.pin--4-1{top: 55vmin; left: 21vmin;}.pin--4-2{top: 18vmin; left: 20vmin;}.pin--4-3{top: 21vmin; left: 88vmin;}.pin--4-4{top: 52vmin; left: 74vmin;}.pin--4-5{top: 33vmin; left: 38vmin;}.pin--4-6{top: 39vmin; left: 56vmin;}.pin--4-7{top: 58vmin; left: 10vmin;}/* Mobile compatability */.open-search,.close-search{display: none;}.toolbox{margin-left: 1em;}.pilat-quote,.pilat-croquis{font-size: .85em;font-weight: 600;color:#fff;margin: 0 1em 0 0;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;float: left;}.pilat-quote{background-color: #21539F;padding: 1em 1.5em;}.pilat-quote:hover{background-color: #0f3671;color:#fff;}.pilat-croquis{background-color: #9dc736;}.pilat-croquis img{width: 39px;margin: 0 .5em;}.pilat-croquis:hover{background-color: #90B535;color:#fff;}.gmap-container{background-color: rgba(112,112,112, .8);position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 99999999;}.gmap-container.show-gmap{opacity: 1;pointer-events: all;visibility: visible;}.m-fadeOut{visibility: hidden;opacity: 0;transition: visibility 0s linear 400ms, opacity 400ms;-webkit-transition: visibility 0s linear 400ms, opacity 400ms;-moz-transition: visibility 0s linear 400ms, opacity 400ms;-ms-transition: visibility 0s linear 400ms, opacity 400ms;-o-transition: visibility 0s linear 400ms, opacity 400ms;}.m-fadeIn{visibility: visible;opacity: 1;transition: visibility 0s linear 0s, opacity 400ms;-webkit-transition: visibility 0s linear 0s, opacity 400ms;-moz-transition: visibility 0s linear 0s, opacity 400ms;-ms-transition: visibility 0s linear 0s, opacity 400ms;-o-transition: visibility 0s linear 0s, opacity 400ms;}.mobile-gmap{position: absolute;top: 30%;right: 2rem;opacity: 0;pointer-events: none;}.close-gmap{width: 2rem;height: 2rem;background-color: #fff;color:#707070;font-weight: 600;line-height: 2rem;text-align: center;margin: 1rem auto;border-radius: 1rem;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;-ms-border-radius: 1rem;-o-border-radius: 1rem;cursor: pointer;}.filter-map{display: inline-block;width: calc(100% - 2rem);padding: .5rem 1rem;background-color: #21539F;color:#fff !important;border-radius: 1vw;-webkit-border-radius: 2vw;-moz-border-radius: 2vw;-ms-border-radius: 2vw;-o-border-radius: 2vw;}.filter-map:hover{background-color: #3a73ca;}.filter-map img{height: 1.5rem; display: inline-block; width: 1.5rem; float: left;}#mapid{position: absolute;top: 4rem;left: 1rem;right: 1rem;bottom: 1rem;border-radius: 1rem;-webkit-border-radius: 1rem;-moz-border-radius: 1rem;-ms-border-radius: 1rem;-o-border-radius: 1rem;}@media screen and (max-width: 65.625em), screen and (max-height: 40.625em){.toolbox{margin: 0;position: absolute;right: 0;top:.75em;}.main{width: 100vw;}.safari-mobile .main{}.safari-mobile .mall-nav{}:not(.fade-to-block) .fase-global:hover{/*fill:transparent;*/}.fases-container:not([class*="filter"]).fase--selected-1 .fases-block .fase--1 g.single-block > *, .fases-container:not([class*="filter"]).fase--selected-2 .fases-block .fase--2 g.single-block > *, .fases-container:not([class*="filter"]).fase--selected-3 .fases-block .fase--3 g.single-block > *:not(circle):not(text){fill-opacity: 1;}.spaces-list,.search{width: 100vw;right: 100%;left: auto;}.spaces-list--open,.spaces-list--open .search{right: 0;}.codrops-header .north-compass{position: absolute; width: 12vw; opacity: .3; right: 6vw; top: 24vw; height: 16v;}.open-search,.close-search{position: absolute;display: block;top: 0;right: 0;z-index: 1000;}.mallnav{bottom:0;top: unset;width: 100vw;z-index: 9999999;}.boxbutton{height: 1.5em;width: 33.3333%;}body,html{-webkit-overflow-scrolling: touch; overflow: hidden;}.container{overflow: hidden; -webkit-overflow-scrolling: touch;}.container--overflow{overflow: auto;}.content__item{overflow: auto;}.codrops-header{padding-right: 4em;text-align: left;}.map-content{bottom:44px;width: 100vw;}.content-item{margin: 1.5rem 0 0;width: 100%;float: left;}.content-item p{font-size: .85em;}.block-detail-container{margin:0 3rem;}.lot-detail-container, .lot-price-container, .lot-owner-container{display: block;float:left;width: 100%;}.lot-price-container.show,.lot-owner-container.show{margin-bottom: 1rem;}.lot-detail-container p ,.lot-price-container p,.lot-owner-container p{width: 50%; float: left; display: inline-block; margin: .2em 0; font-size: .75em;}.lot-owner-container p{width: 100%;}.lot-detail-container p:nth-child(2) ,.lot-price-container p:nth-child(2){border:none;}.minimap{background-color: transparent;top: 4em;padding: 1em 0;right: 1em;}.minimap .north-compass{position: absolute; opacity: .3; bottom: 0rem; right: 0rem; width: 40%;}.filter-menu{bottom: initial;top: 4em;right: initial;width: 100%;bottom: 0;pointer-events: none;}.filter-menu.open{pointer-events: all;}.filter-menu.open .filter-list{height: 100%;}.filter-list{width: 100%;background-color: rgba(255,255,255,.5);bottom: 0;height: 0%;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;transition: all .4s;overflow: hidden;}.filter-title{padding: 1.5rem 3vw;}.filter-item:not(.mobile-gmap){font-size: 1rem;margin: 0 1rem 1rem;position: relative;}.filter-item.ignore:not(.mobile-gmap){display: none;}.block-showing .filter-icon{opacity: 0;}.filter-icon{display: inline-block;margin: 1em;background: url(../img/filter.svg) 100% center / contain;-webkit-transition: opacity .4s;-moz-transition: opacity .4s;-ms-transition: opacity .4s;-o-transition: opacity .4s;transition: opacity .4s;}.filter-icon::after{content:"FILTRAR";position: absolute;left: 130%;top: 50%;width: 100px;height: .7rem;color:#aaa;margin-top: -.35rem;font-weight: 600;font-size: .7rem;}.filter-menu.open .filter-icon{background: url(../img/close.svg) 100% center / contain;}.filter-swatch{background-color: #dedede;left: 0;right: 0;margin: 0 1rem;width: auto;height: 100%;border-radius: 1rem;}.content-item span{font-size: 1rem;}.mobile-gmap{opacity: 1;pointer-events: all;}.mobile-gmap .filter-map{width: 4rem;border-radius: 5rem;-webkit-border-radius: 5rem;-moz-border-radius: 5rem;-ms-border-radius: 5rem;-o-border-radius: 5rem;}.mobile-gmap .filter-map img{margin: 0 auto;float: unset;}.mobile-device .minimap{width: 10vw;}}@media screen and (max-width: 40em){.mobile-device .minimap{width: 20vw;}}@media screen and (max-width: 20em){.mobile-device .header-logo{height: 2.2em;}}