@font-face {
  font-family: Fa v4compatibility;
  src: url('../fonts/fa-v4compatibility.woff2') format("woff2"), url('../fonts/fa-v4compatibility.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa 400";
  src: url('../fonts/fa-regular-400.woff2') format("woff2"), url('../fonts/fa-regular-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa brands 400";
  src: url('../fonts/fa-brands-400.woff2') format("woff2"), url('../fonts/fa-brands-400.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Fa solid 900";
  src: url('../fonts/fa-solid-900.woff2') format("woff2"), url('../fonts/fa-solid-900.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: MATERIAL ICON;
  src: url('../fonts/MATERIALICONSROUNDSHARP.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Materialiconsroundsharp;
  src: url('../fonts/MATERIALICONSROUNDSHARP.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --sienna: #a3672a;
  --black: black;
  --white: white;
  --black-2: #252525;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  border: 1px none var(--sienna);
  background-color: var(--black);
  font-family: Montserrat, sans-serif;
  font-size: 1vw;
  line-height: 1.6;
}

a {
  text-decoration: underline;
}

.page {
  color: #a3672a30;
  border: 1px #a3672a6e;
  justify-content: center;
  width: 100vw;
  max-width: 100%;
  height: auto;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  display: block;
  overflow: hidden;
}

.section-wrapper {
  border-bottom: 1px solid var(--sienna);
  width: 100%;
  max-width: 100%;
  height: auto;
  position: relative;
}

.section-wrapper.types {
  flex-direction: column;
  justify-content: space-between;
  height: 100vh;
  display: flex;
}

.section-wrapper.amenities {
  align-items: center;
  height: 100vh;
  display: flex;
}

.section-wrapper.tipologias {
  align-items: center;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.body {
  background-color: var(--black);
  color: var(--white);
  background-image: linear-gradient(#000000eb, #000000eb), url('../images/mable01-4_1mable01 (4).webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat-y;
  background-size: auto, cover;
}

.navbar-content {
  opacity: 1;
  outline-offset: 0px;
  border-bottom: 1px #a3672a;
  outline: 2px #a3672a;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: auto;
  min-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .7vw;
  display: flex;
  position: static;
}

.nav-menu {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  margin-right: 0;
  display: flex;
}

.image {
  width: 12.9em;
  min-width: auto;
  font-size: .9vw;
}

.btn {
  white-space: nowrap;
  background-color: #000;
  background-image: linear-gradient(132deg, #803f13, #e58e48 22%, #a3672a 44%, #803f13 64%, #a3672a 82%, #e58e48);
  border-radius: 100vh;
  align-items: center;
  height: 2.6em;
  margin-left: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: .9em;
  display: flex;
}

.btn:hover {
  background-color: #3898ec00;
  background-image: none;
  border: 1px solid #803f13;
}

.btn.brochure {
  border: 1px solid var(--white);
  color: #fff;
  background-image: none;
  justify-content: center;
  width: 15em;
  margin-left: 0;
  margin-right: 0;
  padding-top: .8em;
  padding-bottom: .8em;
}

.btn.brochure:hover {
  color: #000;
  background-color: #fff;
  font-weight: 700;
}

.btn.hidden {
  margin-left: 15px;
  display: flex;
}

.brand {
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 200px;
  display: flex;
}

.brand.hidden.w--current {
  min-width: auto;
  padding-left: 1em;
}

.nav-link {
  color: #fff;
  letter-spacing: .1em;
  white-space: nowrap;
  flex: 0 auto;
  min-width: auto;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1vw;
  overflow: visible;
}

.nav-link:hover {
  color: #a3672a;
}

.nav-link.w--current {
  color: #a3672a;
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1vw;
}

.nav-link.is--video {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1vw;
  display: flex;
}

.navbar {
  z-index: 19;
  border-style: none none solid;
  border-width: 1px;
  border-color: var(--sienna);
  color: var(--sienna);
  background-color: #000000e6;
  border-radius: 1px;
  justify-content: space-around;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: .8vw;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.h5-vertical {
  color: var(--white);
  text-align: left;
  letter-spacing: 1px;
  white-space: nowrap;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.2;
}

.h5-vertical.gold {
  color: var(--sienna);
  letter-spacing: 1px;
  font-size: 2em;
}

.h5-vertical.bold {
  font-size: 4vh;
  font-weight: 700;
}

.img-fachada {
  width: 100%;
  max-width: 100%;
  height: 100%;
  font-size: 1vw;
  position: relative;
  inset: 0%;
}

.div-detail-elemnts {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.home-content-text {
  grid-row-gap: 1em;
  text-align: left;
  border: 1px #a3672a5c;
  border-radius: 5vh;
  flex-direction: column;
  align-items: flex-start;
  width: 40vw;
  max-width: 40em;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-size: 1vw;
  display: flex;
  position: relative;
  left: auto;
}

.home-content-text.zc {
  grid-row-gap: 1.8em;
  opacity: 1;
  outline-offset: 0px;
  width: 40%;
  height: 65vh;
  color: var(--white);
  border-color: #ffffff5c;
  border-radius: 0;
  outline: 1px solid #ffffff4a;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  padding: 1.4em;
}

.div-building-elements {
  justify-content: space-around;
  align-items: center;
  width: 90%;
  min-width: auto;
  max-width: 90%;
  max-height: none;
  padding-right: 0;
  font-size: .85vw;
  line-height: 1.6vh;
  display: flex;
  position: relative;
}

.paragraph {
  width: auto;
  min-width: auto;
  color: var(--white);
  text-align: justify;
  letter-spacing: 2px;
  margin-bottom: 0;
  margin-right: 1.4em;
  padding-left: .4em;
  font-size: 1.5em;
  font-weight: 300;
}

.paragraph.min {
  text-align: center;
  letter-spacing: .1em;
  white-space: nowrap;
  width: auto;
  margin-right: 0;
  font-size: 1.5vh;
}

.paragraph.zc-detail {
  text-align: justify;
  width: auto;
  margin-right: 0;
  font-size: .7em;
}

.paragraph.margin {
  text-align: justify;
  letter-spacing: 1px;
  width: 90%;
  max-width: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  font-size: 1.5vh;
  line-height: 1.6;
}

.paragraph.bold {
  font-weight: 700;
}

.paragraph.contact {
  text-align: center;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  font-size: 1.7vh;
}

.paragraph.ava {
  text-align: center;
  font-size: 1.5em;
  font-weight: 700;
}

.paragraph.mini {
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 1.3em;
  font-size: .8em;
}

.paragraph.mini.center {
  text-align: center;
  margin-top: 1.3em;
  margin-bottom: 0;
  margin-right: 0;
}

.separador {
  background-color: #fff;
  width: 2px;
  height: 3.6em;
  margin-left: 1em;
  margin-right: 1em;
}

.display {
  color: #fff;
  text-align: left;
  width: auto;
  max-width: 90%;
  margin-top: .1em;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 8.5vmin;
  font-weight: 700;
  line-height: 8vh;
}

.display.light {
  white-space: normal;
  margin-bottom: 0;
  margin-right: 0;
  font-size: 5vh;
  font-weight: 700;
}

.display.light.home {
  width: auto;
  min-width: auto;
  margin-bottom: -.5em;
  font-size: 8vh;
  line-height: 1;
}

.home-content-img {
  text-shadow: 0 0 6px #000;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45vw;
  max-width: none;
  height: auto;
  margin-left: 1.06em;
  margin-right: -2.5em;
  padding-right: 0;
  font-size: 1vw;
  display: flex;
  position: relative;
  top: 2.6em;
  left: auto;
  overflow: visible;
}

.btn-circle {
  color: #fff;
  border: 1px solid #fff;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 3em;
  height: 3em;
  margin-top: 0;
  margin-right: auto;
  font-family: MATERIAL ICON, sans-serif;
  text-decoration: none;
  transition: transform .4s;
  display: flex;
}

.btn-circle:hover {
  color: var(--sienna);
  border-color: #a3672a;
  font-size: .9vw;
  transform: scale(1.2);
}

.div-vertical {
  width: auto;
  height: 4em;
  position: absolute;
  transform: rotate(270deg);
}

.div-vertical.white {
  inset: 0% auto auto 0%;
}

.div-block-84 {
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  width: 10em;
  height: 50%;
  margin-left: -46px;
  display: flex;
  position: relative;
}

.label-360 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  height: 80%;
  margin-left: 1rem;
  margin-right: 5rem;
  display: flex;
  position: relative;
}

.iframe {
  width: 100%;
  height: 100%;
}

.iframe.entorno {
  width: 100%;
}

.iframe.zc {
  flex: 0 auto;
  width: 100%;
  height: 65vh;
  margin-left: auto;
  margin-right: auto;
}

.div-iframe-entorno {
  border-bottom: 1px #a3672a66;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2.15em;
  padding-bottom: 2.15em;
  display: flex;
  position: relative;
}

.div-block-83 {
  background-color: #fff;
  width: 2px;
  height: 40%;
  position: absolute;
  inset: 60% 0% 0% auto;
}

.img-proyecto {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  height: 30.3em;
  margin-left: 0;
  position: relative;
  overflow: hidden;
}

.img-proyecto.iso {
  object-fit: fill;
  width: auto;
  height: 67.5em;
}

.img-proyecto.p {
  object-fit: fill;
  width: auto;
  height: 33.6em;
}

.img-proyecto.f {
  width: auto;
  height: 28em;
}

.div-img-proyecto {
  object-fit: fill;
  border-radius: 20px;
  flex-direction: column;
  flex: none;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-left: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.frame {
  grid-column-gap: .8em;
  justify-content: center;
  align-items: center;
  width: 55%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-left: 0;
  padding-right: 4rem;
  font-size: 1vh;
  display: flex;
  position: static;
  overflow: visible;
  transform: translate(0);
}

.h1 {
  color: #fff;
  text-align: center;
  font-size: 3.28em;
  font-weight: 300;
  line-height: 1.2;
}

.h1.left {
  text-align: left;
  font-size: 1.5em;
}

.img-detail-proyecto {
  filter: brightness(71%);
  object-fit: contain;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  font-size: .8vw;
  line-height: 1.6;
  overflow: hidden;
}

.img-detail-proyecto:hover {
  filter: brightness();
}

.img-detail-proyecto.cra11 {
  object-position: 50% 100%;
}

.img-detail-proyecto.iso {
  object-fit: cover;
}

.btn-area-img {
  filter: brightness(92%);
  width: 6.5em;
  padding: 0;
  transition: filter .6s;
}

.btn-area {
  opacity: 1;
  color: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 10em;
  margin-top: 0;
  margin-bottom: 1em;
  font-size: .75vw;
  text-decoration: none;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}

.btn-area.show {
  filter: brightness(147%);
  white-space: normal;
  mix-blend-mode: normal;
  width: 10em;
  margin-bottom: 1em;
  font-size: .75vw;
  display: flex;
}

.btn-area.turn {
  display: none;
}

.text-block-17 {
  display: block;
}

.horizontal-scroll {
  grid-column-gap: 1.2em;
  border-top: 1px #a3672a57;
  border-bottom: 1px none var(--white);
  color: #ffffff24;
  background-color: #0000;
  flex-flow: wrap;
  place-content: stretch center;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: auto;
}

.iframe-area {
  z-index: 500;
  grid-column-gap: 16px;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
  transition: opacity .4s;
  display: none;
  position: absolute;
  inset: 0% 0% auto;
}

.iframe-area.show {
  opacity: 1;
  border: 1px #a3672a59;
  border-radius: 0;
  align-items: flex-end;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding-top: 4.1em;
  padding-bottom: .8em;
  transition: opacity .4s;
  display: flex;
  position: absolute;
  inset: 0;
}

.div-zc {
  z-index: 7;
  grid-column-gap: 2.8em;
  border-bottom: 1px none var(--sienna);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.div-block-14 {
  border-radius: 0;
  padding: 0;
  overflow: hidden;
}

.div-iframes {
  z-index: 6;
  border: 1px #ffffff30;
  border-radius: 4vh;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 0;
  display: flex;
  position: relative;
  top: auto;
}

.txt-label {
  text-align: center;
  mix-blend-mode: normal;
  padding-top: .8em;
  font-size: .75vw;
  font-weight: 700;
}

.div-floors-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
  position: relative;
  top: 0;
}

.div-edificio-interactivo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90vw;
  height: 90vh;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  display: flex;
}

.div-edificio-interactivo.amenities {
  height: 100vh;
  position: relative;
}

.ph {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: .7em;
  text-decoration: none;
}

.ph.zc {
  letter-spacing: 2px;
  margin-bottom: 1.15em;
  padding-top: 0;
}

.div-block-8 {
  border-radius: 0;
  justify-content: flex-start;
  align-self: flex-end;
  align-items: center;
  width: 80%;
  height: 65vh;
  margin-top: 0;
  margin-left: 0;
  display: block;
  overflow: hidden;
}

.div-block-85 {
  justify-content: space-between;
  width: 100%;
  height: 80%;
  display: flex;
  position: relative;
}

.div-block-87 {
  height: auto;
  font-size: .3vh;
  display: flex;
}

.btn-level-mask {
  z-index: 2;
  width: 29em;
  margin-top: 9.6em;
  margin-left: 1.1em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.btn-level-mask.piso11 {
  width: 29.1em;
  margin-top: .5em;
  margin-left: 1.1em;
  transition: all .5s;
}

.btn-level-mask.piso11.show {
  margin-top: .6em;
}

.btn-level-mask.piso9 {
  width: 29.2em;
  margin-top: 6.5em;
  margin-left: 1.1em;
}

.btn-level-mask.piso10 {
  width: 29em;
  margin-top: 4em;
  margin-left: 1.2em;
}

.btn-level-mask.piso8 {
  width: 29.2em;
  margin-top: 8.9em;
}

.btn-level-mask.piso7 {
  width: 29.3em;
  margin-top: 11.5em;
  margin-left: 1em;
}

.btn-level-mask.piso6 {
  width: 29.4em;
  margin-top: 14.3em;
  margin-left: .9em;
}

.btn-level-mask.piso4 {
  width: 33.2em;
  margin-top: 20em;
  margin-left: .8em;
}

.btn-level-mask.piso5 {
  width: 29.3em;
  margin-top: 17.1em;
  margin-left: 1em;
}

.btn-level-mask.piso3 {
  width: 33em;
  margin-top: 22.5em;
  margin-left: .9em;
}

.btn-level-mask.piso2 {
  width: 33em;
  margin-top: 25.4em;
  margin-left: .9em;
}

.btn-level-mask.piso1 {
  width: 33em;
  margin-top: 28.3em;
  margin-left: .9em;
}

.edificio-click {
  width: 60em;
  height: auto;
  font-size: 1vw;
}

.btn-terraza {
  z-index: 5;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5vh;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 2em;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 16% auto auto 9%;
}

.btn-terraza:hover {
  color: #000;
  background-color: #fff;
  font-weight: 700;
}

.map {
  z-index: 2;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 1.4em;
  transition: font-size .4s cubic-bezier(.39, .575, .565, 1);
  position: relative;
  overflow: hidden;
}

.map.edificio {
  border-radius: 0;
  width: 34.4em;
  max-width: 100%;
  height: auto;
  font-size: .95em;
}

.piso-embeed {
  background-color: #0000;
  width: 100%;
}

.div-building {
  grid-column-gap: 0em;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: static;
}

.div-project {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
}

.div-masks {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 0;
  display: flex;
  position: relative;
  top: auto;
  bottom: auto;
}

.div-masks.vertical {
  background-color: var(--black);
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.styles-svg {
  width: auto;
  height: 2em;
  min-height: 2em;
  position: absolute;
}

.img-colors {
  opacity: 0;
  border-radius: 0;
  width: 30em;
  max-width: 100%;
  margin-top: 0;
  font-size: 1em;
  transition: opacity .4s;
  position: relative;
}

.img-colors.show {
  opacity: 1;
  max-width: 100%;
  position: static;
}

.img-colors.img-levels {
  opacity: 0;
}

.img-colors.img-levels.show {
  opacity: 1;
}

.img-colors.piso2.show {
  margin-top: -.3em;
}

.img-colors.piso2.img-levels.show {
  margin-top: 0;
  font-size: 1vw;
}

.img-colors.piso1, .img-colors.piso1.show {
  width: 65em;
}

.img-colors.piso1.img-levels.show {
  width: 30em;
  font-size: 1em;
}

.img-lines {
  opacity: 0;
  width: auto;
  margin-top: 0;
  margin-left: 0;
  transition: opacity .4s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.img-lines.piso6 {
  margin-top: .35em;
}

.img-lines.piso6.img-levels {
  margin-top: 0;
}

.img-lines.piso5 {
  width: 100%;
  margin-top: .3em;
}

.img-lines.img-levels {
  z-index: 20;
  width: 100%;
  margin-left: 0;
}

.img-lines.img-levels.show {
  opacity: 1;
}

.div-floor-title {
  border-top: 1px none var(--sienna);
  color: #a3672a2e;
  border-bottom: 2px #a3672a;
  border-radius: 0;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  position: relative;
}

.div-orientation {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
  transform: rotate(70deg);
}

.img-orientation {
  height: 50%;
}

.h2 {
  color: #fff;
  text-align: center;
  font-size: .7em;
}

.h2.vertical {
  white-space: nowrap;
  transform: rotate(270deg);
}

.div-txt-direction {
  z-index: 50;
  position: relative;
  top: -26px;
}

.div-floor-map {
  border-top: 1px solid var(--sienna);
  border-bottom: 1px solid var(--sienna);
  width: 100%;
  height: 40vh;
  transform-style: preserve-3d;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  top: 0;
}

.div-txt-direction-vertical {
  justify-content: center;
  align-items: center;
  display: flex;
}

.h3 {
  color: #fff;
  padding-left: 1.4em;
}

.div-level-detail {
  z-index: 12;
  background-color: var(--black);
  opacity: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .6s;
  display: none;
  position: absolute;
  inset: 0%;
}

.div-level-detail.show {
  opacity: 1;
  background-color: #0000;
  height: auto;
  display: flex;
}

.div-level-detail.show.zoom-in {
  background-color: var(--black);
  width: 110%;
  height: 80%;
  transform: translate(-27em)scale(1.8);
}

.div-content-types {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 80vh;
  margin-left: auto;
  margin-right: auto;
  padding: 1.5em 4.5em;
  display: flex;
  position: relative;
}

.div-content-types.rigth {
  height: 100vh;
  padding-left: 2em;
  padding-right: 2em;
}

.div-content-types.left {
  height: 100vh;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.div-floor-btn {
  outline-color: var(--white);
  outline-offset: 0px;
  border-top: 1px #fff;
  border-radius: 0;
  outline-width: 3px;
  outline-style: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  padding: 0;
  font-size: 1vw;
  display: flex;
}

.div-btn-types {
  z-index: 4;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
  display: block;
  position: relative;
  inset: auto;
}

.bar__dot {
  background-color: #454cd100;
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #ff7b0017 9%, #ff7b00 77%, #ff7b0099);
  border-radius: 100vw;
  width: 1.4em;
  height: 1.2em;
  margin-right: 1.1em;
}

.bar__dot.zafiro {
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #0a14da80 9%, #0a14da 77%, #0a14da99);
  height: 1.2em;
}

.bar__dot.cuarzo {
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #6c70c280 9%, #b7b7b7 77%, #6c70c299);
}

.bar__dot.amatista {
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #ac45d180 9%, #ac45d1 77%, #ac45d199);
  height: 1.2em;
}

.bar__dot.ambar {
  background-color: #d1b34580;
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #d1b34580 9%, #d1b345 77%, #d1b34599);
  height: 1.2em;
}

.bar__dot.jaspe {
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #d81e1e80 9%, #d81e1e 75%, #d81e1e99);
  height: 1.2em;
}

.bar__dot.turquesa {
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #45d1c580 9%, #45d1c5 77%, #45d1c599);
  width: 1.4em;
  height: 1.2em;
  margin-right: 1.1em;
}

.bar__dot.jade {
  background-color: #9acc806e;
  background-image: radial-gradient(circle at 25% 25%, #fff .1%, #9acc8080 9%, #9acc80 77%, #9acc8099);
  height: 1.2em;
}

.location {
  color: #eeedf2;
  letter-spacing: 1px;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  width: 10em;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: .7em;
  font-weight: 300;
}

.div-floors-wrap-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 100%;
  margin-left: 0;
  margin-right: 0;
  padding: 5em 0;
  display: flex;
  position: relative;
  top: 0;
}

.div-floors-wrap-2.is--bottom {
  cursor: pointer;
  border: 2px #ffffff0f;
  border-radius: 4vh;
  flex-flow: column wrap;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  margin-bottom: 1em;
  margin-right: 1.4em;
  padding: 0;
  display: flex;
  position: relative;
}

.div-block-56 {
  align-items: center;
  margin-bottom: 0;
  padding-top: 1.4em;
  padding-bottom: 1.4em;
  padding-left: 7.2em;
  font-size: .5vw;
  display: flex;
}

.bar__name {
  align-items: center;
  width: 8em;
  display: flex;
}

.div-block-89 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.btn-level-look {
  border: 1px solid var(--white);
  background-color: var(--white);
  width: 8em;
  color: var(--black);
  text-align: center;
  border-radius: 100vh;
  margin-right: 2em;
  padding: .4em .8em .4em .87em;
  font-weight: 600;
}

.btn-level-look:hover {
  background-color: var(--white);
  color: var(--white);
  background-image: linear-gradient(to right, #e68e4f, #9c6530 17%, #783e18 40%, #7d441b 40%, #9c6530 61%, #e99c65 78%, #783e18);
  border-color: #0000;
  font-weight: 400;
}

.btn-level-look.zoom-out {
  opacity: 0;
}

.btn-level-look.zoom-out.show {
  opacity: 1;
  top: 11%;
  left: -5%;
}

.btn-level-look.zoom-out {
  z-index: 50;
  position: absolute;
  inset: 0% auto auto 0%;
}

.div-block-91 {
  margin-top: 0;
}

.div-block-92 {
  width: 100%;
  display: block;
}

.div-block-43 {
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  margin-left: -11.8em;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-74 {
  margin-left: -8.5em;
  position: relative;
  left: -4.55em;
}

.img-details-apartment {
  object-fit: fill;
  width: 100vw;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  inset: auto;
  overflow: visible;
}

.img-details-apartment.perspective-img {
  object-fit: fill;
  object-position: 50% 50%;
  flex: 0 auto;
  align-self: flex-start;
  width: 60%;
  height: auto;
  position: relative;
}

.img-details-apartment.iso-img {
  width: auto;
  height: 70vh;
}

.div-img-detail {
  width: 100%;
  height: auto;
  color: var(--white);
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
  position: relative;
  inset: auto;
}

.detail-number {
  width: 2em;
  height: 2em;
  color: var(--white);
  background-color: #000;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 51% auto auto 29%;
}

.detail-number:hover {
  background-color: var(--white);
  color: var(--black);
}

.detail-number._2 {
  top: 56%;
  left: 48%;
}

.detail-number._3 {
  top: 29%;
  left: 57%;
}

.detail-number._4 {
  top: 91%;
  left: 58%;
}

.detail-number._5 {
  top: 49%;
  left: 94%;
}

.detail-number._6 {
  inset: 61% auto auto 14%;
}

.detail-number._7 {
  inset: 15% auto auto 30%;
}

.detail-number._8 {
  inset: 79% auto auto 48%;
}

.detail-number._9 {
  inset: 27% auto auto 59%;
}

.detail-number._10 {
  transition: all .4s;
  inset: 62% auto auto 59%;
}

.detail-number._11 {
  top: 55%;
  left: 73%;
}

.detail-number._12 {
  top: 70%;
  left: 84%;
}

.detail-number.show {
  background-color: var(--white);
  color: var(--black);
}

.text-block-18 {
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.6vh;
  font-weight: 700;
}

.detail-box {
  opacity: 0;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  width: auto;
  color: var(--sienna);
  mix-blend-mode: normal;
  background-color: #000c;
  border-radius: 15px;
  margin-top: 9.45em;
  margin-left: 16.25em;
  padding-left: 2.4em;
  padding-right: 2.4em;
  font-size: .7vw;
  transition: all .4s;
  position: absolute;
  inset: 0% auto auto 0%;
}

.detail-box.right {
  opacity: 0;
}

.detail-box.right._3 {
  margin-top: -.65em;
  margin-left: 0;
  top: 79%;
  left: 59%;
}

.detail-box.right._2 {
  margin-top: 18.65em;
  margin-left: -10.65em;
  left: 49%;
}

.detail-box.right._1 {
  margin-top: 15.45em;
  margin-left: 32.05em;
}

.detail-box.right._6 {
  margin-top: 25.05em;
  margin-left: 21.15em;
}

.detail-box.right._7 {
  margin-top: 3.65em;
  margin-left: 44.25em;
}

.detail-box.right._10 {
  margin-top: 31.65em;
  margin-left: 86.05em;
}

.detail-box.right._11 {
  margin-top: 21.15em;
  margin-left: 106.35em;
}

.detail-box.right._12 {
  margin-top: 28.95em;
  margin-left: 87.55em;
}

.detail-box.left {
  opacity: 0;
  inset: 43% 5% auto auto;
}

.detail-box.left._5 {
  margin-top: .65em;
}

.detail-box.left._9 {
  margin-top: 7.75em;
  margin-left: 0;
  margin-right: 23.1em;
  top: 0%;
  right: 0%;
}

.detail-box._8 {
  margin-top: 32.35em;
  margin-left: 70.75em;
}

.detail-box.show {
  opacity: 1;
}

.h4 {
  width: 100%;
  color: var(--white);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  padding-left: 0;
}

.paragraph-3 {
  color: var(--white);
  padding-right: 1.7em;
}

.div-block-94 {
  display: flex;
}

.div-block-95 {
  text-align: left;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 4.5em 0 0;
  display: flex;
  position: relative;
}

.image-7 {
  mix-blend-mode: luminosity;
}

.whatsapp {
  z-index: 20;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: #fff;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 100vh;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 1em 2em auto;
}

.whatsapp:hover {
  color: #fff;
  background-color: #a3672a;
  border-style: none;
}

.icon-whatsapp {
  width: auto;
  height: auto;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  padding: .8px;
  font-family: "Fa brands 400", sans-serif;
  font-size: 32px;
  text-decoration: none;
  display: flex;
}

.div-block-97 {
  color: var(--white);
  align-items: center;
  margin-top: 0;
  margin-bottom: 2em;
  display: flex;
  position: relative;
}

.img-brand {
  width: auto;
  height: 5em;
  margin-bottom: 0;
  font-size: .8vw;
}

.separador-vertical {
  color: #fff;
  background-color: #ffffff5e;
  width: 1px;
  height: 5em;
}

.separador-vertical.hide {
  display: none;
}

.div-block-98 {
  grid-column-gap: 2em;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 2em;
  font-size: 1.5vh;
  display: flex;
  position: relative;
}

.heading-4 {
  color: var(--white);
  font-size: .8em;
}

.div-block-99 {
  flex-direction: column;
  justify-content: space-between;
  height: 5em;
  display: flex;
}

.social-media {
  z-index: 8;
  color: #fff;
  mix-blend-mode: difference;
  background-color: #fff0;
  flex-direction: column;
  justify-content: flex-end;
  width: 5em;
  margin-bottom: 0;
  padding-top: 4.9em;
  padding-bottom: 4em;
  display: block;
  position: fixed;
  inset: auto auto 9% 0;
}

.link-block {
  justify-content: center;
  align-items: center;
  padding: .4em 8px;
  font-size: .8vw;
  text-decoration: none;
  display: flex;
}

.icon-icon {
  color: #fff;
  font-family: "Fa brands 400", sans-serif;
  font-size: 1vw;
  font-weight: 400;
}

.icon-icon:hover {
  color: #a3672a;
}

.owly-logo {
  width: auto;
  height: 3.5em;
  margin-bottom: .4em;
  margin-right: 0;
  font-size: 1em;
}

.text-block-19 {
  letter-spacing: 1px;
  white-space: nowrap;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  margin-right: 5px;
  font-size: .7em;
  font-weight: 700;
}

.div-block-77 {
  height: 100%;
  font-size: .8em;
  position: relative;
}

.icon-menu {
  margin-right: .8em;
  font-size: 1em;
}

.icon-menu.copyright {
  font-size: .5em;
  position: absolute;
  inset: -36% 0% auto auto;
}

.icon-menu.copyright.mini {
  align-self: flex-end;
  margin-right: 0;
  font-size: 1em;
  position: static;
  inset: -24% -11% auto auto;
}

.owly {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  font-size: 1vw;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.nav_logo {
  grid-column-gap: .25em;
  color: #fff;
  border: 1px #ffffff40;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin-left: 2em;
  margin-right: 2em;
  padding: .4em .8px .4em .8em;
  font-size: .8em;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav_logo.mini {
  mix-blend-mode: normal;
  flex-direction: column;
  margin-bottom: .8em;
  margin-left: .8em;
  margin-right: 0;
  bottom: 0;
}

.companies {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.companies.hide {
  display: none;
}

.btn-mask-floors {
  width: 2.32em;
  margin-top: 3.6em;
  margin-left: .2em;
  position: absolute;
  inset: 0% auto auto 0%;
}

.btn-mask-floors._708 {
  width: 3.7em;
  margin-top: 7.3em;
  margin-left: .2em;
}

.btn-mask-floors._709 {
  width: 3.6em;
  margin-top: 3.7em;
  margin-left: .3em;
}

.btn-mask-floors._703 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 7.8em;
}

.btn-mask-floors._704 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 6.4em;
}

.btn-mask-floors._705 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 5.2em;
}

.btn-mask-floors._706 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 3.9em;
}

.btn-mask-floors._402 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 9.1em;
}

.btn-mask-floors._401 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 10.4em;
}

.btn-mask-floors._435 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 14.4em;
}

.btn-mask-floors._434 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 15.7em;
}

.btn-mask-floors._433 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 17em;
}

.btn-mask-floors._432 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 18.4em;
}

.btn-mask-floors._431 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 19.7em;
}

.btn-mask-floors._430 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 21em;
}

.btn-mask-floors._429 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 22.3em;
}

.btn-mask-floors._428 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 23.6em;
}

.btn-mask-floors._427 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 24.9em;
}

.btn-mask-floors._426 {
  width: 3.5em;
  margin-top: 7.9em;
  margin-left: 26.3em;
}

.btn-mask-floors._425 {
  width: 3.5em;
  margin-top: 3.6em;
  margin-left: 26.3em;
}

.btn-mask-floors._325 {
  width: 2.1em;
  margin-top: 7.2em;
  margin-left: 27.6em;
}

.btn-mask-floors._324 {
  width: 2.2em;
  margin-top: 3.6em;
  margin-left: 27.6em;
}

.btn-mask-floors._334 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 15.7em;
}

.btn-mask-floors._333 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 17.1em;
}

.btn-mask-floors._332 {
  width: 1.32em;
  margin-top: 7.9em;
  margin-left: 18.4em;
}

.btn-mask-floors._331 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 19.7em;
}

.btn-mask-floors._330 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 21em;
}

.btn-mask-floors._329 {
  width: 1.32em;
  margin-top: 7.9em;
  margin-left: 22.3em;
}

.btn-mask-floors._328 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 23.6em;
}

.btn-mask-floors._327 {
  width: 1.325em;
  margin-top: 7.9em;
  margin-left: 24.95em;
}

.btn-mask-floors._326 {
  width: 1.32em;
  margin-top: 7.9em;
  margin-left: 26.3em;
}

.btn-mask-floors._323 {
  width: 1.35em;
  margin-top: 3.6em;
  margin-left: 26.3em;
}

.btn-mask-floors._208 {
  width: 2.36em;
  margin-top: 7.3em;
  margin-left: .2em;
}

.btn-mask-floors._207 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 2.5em;
}

.btn-mask-floors._206 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 3.8em;
}

.btn-mask-floors._205 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 5.1em;
}

.btn-mask-floors._204 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 6.5em;
}

.btn-mask-floors._203 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 7.8em;
}

.btn-mask-floors._202 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 9.1em;
}

.btn-mask-floors._210 {
  width: 1.35em;
  margin-left: 2.5em;
}

.btn-mask-floors._201 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 10.4em;
}

.btn-mask-floors._215 {
  width: 1.35em;
  margin-left: 10.4em;
}

.btn-mask-floors._214 {
  width: 1.353em;
  margin-left: 9.1em;
}

.btn-mask-floors._213 {
  width: 1.35em;
  margin-left: 7.8em;
}

.btn-mask-floors._212 {
  width: 1.35em;
  margin-left: 6.5em;
}

.btn-mask-floors._211 {
  width: 1.35em;
  margin-left: 3.9em;
}

.btn-mask-floors._316 {
  width: 1.35em;
  margin-left: 15.7em;
}

.btn-mask-floors._317 {
  width: 1.35em;
  margin-left: 17em;
}

.btn-mask-floors._318 {
  width: 1.35em;
  margin-left: 18.4em;
}

.btn-mask-floors._319 {
  width: 1.35em;
  margin-left: 19.7em;
}

.btn-mask-floors._320 {
  width: 1.35em;
  margin-left: 22.3em;
}

.btn-mask-floors._321 {
  width: 1.35em;
  margin-left: 23.6em;
}

.btn-mask-floors._322 {
  width: 1.35em;
  margin-left: 24.9em;
}

.btn-mask-floors._335 {
  width: 1.35em;
  margin-top: 7.8em;
  margin-left: 14.4em;
}

.btn-mask-floors._336 {
  width: 1.335em;
  margin-top: 7.8em;
  margin-left: 13.1em;
}

.btn-mask-floors._337 {
  width: 1.35em;
  margin-top: 7.8em;
  margin-left: 11.7em;
}

.btn-mask-floors._526 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 26.3em;
}

.btn-mask-floors._525 {
  width: 1.35em;
  margin-left: 26.3em;
}

.btn-mask-floors._535 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 11.7em;
}

.btn-mask-floors._501 {
  width: 1.3em;
  margin-top: 7.9em;
  margin-left: 10.5em;
}

.btn-mask-floors._534 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 13.1em;
}

.btn-mask-floors._502 {
  width: 1.3em;
  margin-top: 7.9em;
  margin-left: 9.1em;
}

.btn-mask-floors._602 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 9.1em;
}

.btn-mask-floors._603 {
  width: 1.35em;
  margin-top: 7.8em;
  margin-left: 7.8em;
}

.btn-mask-floors._604 {
  width: 1.35em;
  margin-top: 7.8em;
  margin-left: 6.5em;
}

.btn-mask-floors._601 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 10.4em;
}

.btn-mask-floors._814 {
  width: 1.35em;
  margin-left: 15.7em;
}

.btn-mask-floors._815 {
  width: 1.35em;
  margin-left: 17em;
}

.btn-mask-floors._816 {
  width: 1.35em;
  margin-left: 18.3em;
}

.btn-mask-floors._817 {
  width: 1.35em;
  margin-left: 19.6em;
}

.btn-mask-floors._818 {
  width: 1.35em;
  margin-left: 22.3em;
}

.btn-mask-floors._819 {
  width: 1.35em;
  margin-left: 23.6em;
}

.btn-mask-floors._820 {
  width: 1.35em;
  margin-left: 24.9em;
}

.btn-mask-floors._821 {
  width: 1.35em;
  margin-left: 26.3em;
}

.btn-mask-floors._805 {
  width: 1.35em;
  margin-top: 7.9em;
  margin-left: 5.1em;
}

.btn-mask-floors._806 {
  width: 1.35em;
  margin-top: 8em;
  margin-left: 3.8em;
}

.btn-mask-floors._808 {
  width: 2em;
  margin-left: 1.9em;
}

.btn-mask-floors._807 {
  width: 2em;
  margin-top: 7.2em;
  margin-left: 1.9em;
}

.btn-mask-floors._832 {
  width: 1.4em;
  margin-top: 7.4em;
  margin-left: 14.4em;
}

.btn-mask-floors._831 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 15.7em;
}

.btn-mask-floors._830 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 17.1em;
}

.btn-mask-floors._829 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 18.4em;
}

.btn-mask-floors._828 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 19.7em;
}

.btn-mask-floors._827 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 21em;
}

.btn-mask-floors._826 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 22.3em;
}

.btn-mask-floors._825 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 23.6em;
}

.btn-mask-floors._824 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 24.9em;
}

.btn-mask-floors._823 {
  width: 1.345em;
  margin-top: 7.5em;
  margin-left: 26.3em;
}

.apartment-embeed {
  color: #39aca280;
  background-color: #0000;
  width: 100%;
  transition: all .3s;
  transform: translate(0);
}

.apartment-embeed.is_turquesa {
  color: #0000;
}

.apartment-embeed.is_turquesa:hover {
  color: #39aca280;
}

.apartment-embeed.is_amatista {
  color: #0000;
}

.apartment-embeed.is_amatista:hover {
  color: #8a37a880;
}

.apartment-embeed.is_ambar {
  color: #0000;
  text-align: left;
}

.apartment-embeed.is_ambar:hover {
  color: #bfa33f80;
}

.apartment-embeed.is_agata {
  color: #0000;
}

.apartment-embeed.is_agata:hover {
  color: #ca640580;
}

.apartment-embeed.is_jade {
  color: #0000;
}

.apartment-embeed.is_jade:hover {
  color: #85b06e80;
}

.apartment-embeed.is_jaspe {
  color: #0000;
}

.apartment-embeed.is_jaspe:hover {
  color: #ca1c1c80;
}

.apartment-embeed.is_zafiro {
  color: #0000;
}

.apartment-embeed.is_zafiro:hover {
  color: #0911bf80;
}

.apartment-embeed.is_cuarzo {
  color: #0000;
}

.apartment-embeed.is_cuarzo:hover {
  color: #b7b7b77d;
}

.container-floors {
  background-color: #0000;
  width: 100%;
  height: 59vh;
  position: relative;
}

.slide-persepctiva-1 {
  width: 100%;
  height: 100%;
  padding-top: 4em;
  position: relative;
  inset: auto;
}

.mask {
  background-color: #0000;
  width: auto;
  height: 90%;
  padding-top: 0;
  position: static;
  overflow: visible;
}

.slider {
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
  position: relative;
}

.left-arrow-2 {
  z-index: 15;
  color: #fff;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  display: none;
  inset: auto auto -6% 32%;
}

.right-arrow-2 {
  height: auto;
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-right: 0;
  display: none;
  inset: auto 45% -6% auto;
}

.slide-lateral-1a {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.slide-persepctiva-2 {
  width: 100%;
  height: 100%;
  padding-top: 4em;
  position: relative;
  inset: 0%;
}

.slide-lateral-1b, .slide-lateral-2a, .slide-lateral-2b {
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

.slide-axo-1, .slide-axo-2 {
  width: 100%;
  height: 100%;
  padding-top: 4em;
  position: relative;
  inset: 0%;
}

.slide-nav {
  display: none;
  position: relative;
}

.text-block-25 {
  color: var(--white);
  font-family: MATERIAL ICON, sans-serif;
  font-size: 2vw;
}

.text-block-26 {
  padding-left: 1.6em;
  padding-right: 1.6em;
}

.left-arrow-3 {
  color: #fff;
  padding: .8em;
  font-family: MATERIAL ICON, sans-serif;
  transform: rotate(0);
}

.div-block-115 {
  opacity: 1;
  justify-content: space-around;
  align-items: center;
  width: 100vw;
  height: 10%;
  padding-bottom: 0;
  padding-left: 12.55em;
  padding-right: 5.05em;
  font-size: 1vw;
  display: flex;
  position: relative;
  bottom: 0;
}

.ph-2 {
  color: #fff;
  text-align: center;
  font-family: Montserrat, sans-serif;
  font-size: 1.4em;
  text-decoration: none;
}

.ph-2._5 {
  margin-bottom: 0;
  margin-left: 0;
  font-size: .7em;
}

.right-arrow-3 {
  color: #fff;
  font-family: MATERIAL ICON, sans-serif;
}

.div-block-116 {
  justify-content: center;
  align-items: stretch;
  height: 100%;
  padding-top: 5em;
  padding-bottom: 0;
  display: flex;
}

.txt-unit-name {
  z-index: auto;
  width: auto;
  height: auto;
  color: var(--white);
  text-align: center;
  letter-spacing: 2px;
  margin-top: 0;
  font-size: 2vh;
  font-weight: 700;
  display: block;
  position: absolute;
  inset: auto 0% -7.2% 3%;
}

.div-block-118 {
  width: 15em;
  height: 5em;
}

.padding-global {
  justify-content: center;
  align-items: center;
  height: 94%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 5rem 0 8rem;
  display: flex;
  position: relative;
}

.content-wrapper {
  display: block;
  position: relative;
}

.padding-button {
  flex: none;
  height: auto;
}

.flex-horizontal {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: auto;
  display: flex;
  position: relative;
}

.flex-horizontal.center {
  justify-content: center;
}

.flex-horizontal.center.project {
  font-size: 1vh;
}

.flex-vertical {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.flex-vertical.strech {
  align-items: stretch;
}

.flex-vertical.stretch {
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.content-large-center {
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100vh;
  margin: auto;
  display: flex;
  position: relative;
}

.content-large-center.project {
  margin-top: 0;
  padding-top: 4.2em;
}

.div-block-119 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45%;
  font-size: 1vh;
  display: flex;
  position: relative;
}

.section-footer {
  position: relative;
}

.link-block-5 {
  align-items: center;
  font-style: normal;
  text-decoration: none;
  display: flex;
}

.padding-sides-10rem {
  height: 80%;
  padding-top: 2.55em;
  padding-left: 10rem;
  padding-right: 10rem;
  font-size: 1vh;
}

.slide-360 {
  width: 100%;
  height: 100%;
}

.div-close, .btn-floor-mask, .div-floor-details {
  position: absolute;
}

.div-block-126 {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.padding-samll {
  width: 100%;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1em;
}

.padding-samll.brochure {
  display: none;
}

.image-14 {
  width: 56%;
  max-width: none;
  height: auto;
  margin-right: 0;
  font-size: 2vh;
  position: relative;
}

.image-14.bancolombia {
  object-fit: contain;
  width: 100%;
  max-width: 100%;
  height: auto;
  margin-right: 0;
  padding-bottom: 1em;
  font-size: 100%;
  position: relative;
}

.image-14.is___uno.hide {
  opacity: 0;
}

.image-14.is__ava {
  width: 50%;
  padding: 0 3px 0 .19em;
  font-size: 2vh;
}

.marquee_track {
  z-index: auto;
  background-color: #0000;
  flex: none;
  justify-content: flex-start;
  align-items: flex-start;
  margin-right: 0;
  display: flex;
  position: relative;
  transform: translate(-50%);
}

.content-50 {
  text-align: center;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 80%;
  margin-top: 4em;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  position: relative;
}

.content-50.right {
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 100%;
  margin-right: 0;
  display: block;
}

.text-block-27 {
  color: #000;
  align-self: flex-start;
  margin-left: 0;
  margin-right: 0;
  font-size: 1vh;
  font-weight: 700;
  transform: translate(0);
}

.content-footer {
  background-color: #ffbf00;
  background-image: linear-gradient(to right, #803f13, #e58e48 19%, #a3672a 39%, #803f13 58%, #a3672a 77%, #e58e48);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 6%;
  font-size: 1vh;
  display: flex;
  position: relative;
  inset: auto 0% 0;
}

.heading-11 {
  color: #000;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 2.05em;
  font-size: 3vh;
  line-height: 1;
}

.heading-12 {
  color: #000;
  align-self: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: .3em;
  font-size: 3vh;
  line-height: 1;
}

.paragraph-4 {
  width: auto;
  height: auto;
  color: var(--white);
  text-align: left;
  padding-top: 0%;
  padding-left: 0;
  padding-right: 0;
  font-size: 1vh;
  position: static;
  inset: 0%;
}

.page-wrapper {
  text-align: center;
  width: 100vw;
  overflow: hidden;
}

.image-11 {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: none;
  font-size: 1vh;
}

.div-block-127 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.div-block-128 {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.marquee-content-2 {
  z-index: 6;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 0;
  margin-left: 3em;
  font-size: 1vh;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: hidden;
  transform: translate(0%);
}

.section-landing {
  text-align: center;
  display: flex;
  overflow: visible;
}

.form-embeed {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.content-wrapper-2 {
  border: 1px red;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: none;
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.heading-style-h3 {
  color: var(--white);
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2.5vw;
  font-weight: 700;
  line-height: 1.2;
}

.heading-style-h3.light {
  color: var(--white);
  letter-spacing: 2px;
  white-space: nowrap;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.8vw;
  font-weight: 300;
}

.text-block-28 {
  color: var(--white);
  padding-right: .4em;
  font-family: MATERIAL ICON, sans-serif;
}

.ver-360 {
  opacity: 1;
  color: #080808;
  cursor: pointer;
  background-color: #111;
  border-radius: 20px;
  width: 8em;
  padding: .6em;
  display: flex;
  position: relative;
}

.ver-360:hover {
  white-space: normal;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: normal;
  background-image: linear-gradient(63deg, #803f13, #e58e48 22%, #a3672a 41%, #803f13 60%, #a3672a 84%, #e58e48);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 900;
}

.ver-360._2 {
  position: absolute;
  inset: auto 19% auto auto;
}

.ver-360._3 {
  opacity: 0;
}

.text-block-29 {
  color: var(--white);
  font-weight: 700;
}

.text-span-2 {
  color: var(--black);
}

.owly-desktop {
  align-self: center;
  position: fixed;
  inset: auto auto 0% 0%;
}

.catalog-btn-wrapper {
  z-index: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 190px;
  height: 190px;
  margin-left: 100px;
  display: flex;
  position: relative;
}

.catalog-btn-wrapper.greeting-btn {
  text-align: center;
  width: 5em;
  height: 5em;
  margin-left: 0;
}

.small-icon {
  width: 2em;
  height: 2em;
  transition: all .3s linear;
  position: relative;
  left: 4%;
}

.catalog-rotate {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
}

.catalog-rotate_img {
  width: 100%;
}

.iframe-apto {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.owly-mobile {
  position: fixed;
  inset: auto auto 0% 0%;
}

.nav-mobile, .nav-mobile-show {
  display: none;
}

.phone-numbers {
  display: flex;
}

.text-block-32 {
  color: var(--white);
  padding-left: .9em;
  padding-right: 1.6em;
}

.div-block-134 {
  align-items: center;
  display: flex;
}

.grid {
  grid-column-gap: 3px;
  grid-row-gap: 0px;
  grid-template-rows: 40vh 15vh 20vh;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  place-content: center;
  place-items: center start;
  width: auto;
  max-width: 100%;
  height: 100%;
  position: relative;
}

.powered-owly {
  width: 10em;
  color: var(--white);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto auto 0% 0%;
}

.text-block-33 {
  white-space: nowrap;
  font-weight: 700;
}

.poweredby {
  font-size: .7vw;
  font-weight: 300;
}

.grid-2 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr;
  width: 40vw;
  max-width: 40vw;
}

.div-block-135 {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(87deg, #783e18, #e68e4f 22%, #9c6530 42%, #783e18 62%, #9c6530 81%, #e68e4f);
  -webkit-background-clip: text;
  background-clip: text;
}

.div-block-136 {
  flex-direction: column;
  width: auto;
  display: flex;
  position: relative;
}

.image-17 {
  width: 11.6em;
  font-size: 1vw;
}

.grid-3 {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  margin-top: 3em;
}

.grid-4 {
  grid-template-rows: auto;
  place-items: center;
}

.div-block-137 {
  font-size: .5vw;
}

.div-block-138 {
  height: 100vh;
  margin-top: 0;
  padding-top: 5em;
  position: relative;
}

.youtube {
  width: auto;
  height: 100%;
}

.div-block-141 {
  z-index: 20;
  opacity: 1;
  background-color: #000000d9;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-18 {
  width: 141vh;
  height: auto;
  position: static;
  inset: 0%;
}

.mobile {
  justify-content: center;
  align-items: center;
  width: auto;
  display: none;
  position: relative;
}

.div-block-143 {
  width: 100%;
  height: 5em;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-144 {
  justify-content: center;
  align-items: center;
  width: 5em;
  display: flex;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.text-block-34 {
  font-family: MATERIAL ICON, sans-serif;
  font-size: 3vw;
}

.link-block-6 {
  width: 30em;
  height: 5em;
  position: absolute;
  top: 63%;
  left: auto;
  right: 0%;
}

.desktop {
  position: relative;
}

@media screen and (max-width: 991px) {
  .page {
    height: 100vh;
  }

  .section-wrapper.amenities {
    height: 100vh;
    overflow: hidden;
  }

  .body {
    font-size: 1.6vw;
  }

  .navbar-content {
    justify-content: flex-start;
    height: 10em;
    padding-left: 0;
    padding-right: 0;
  }

  .nav-menu {
    display: none;
  }

  .image {
    width: 42.5em;
    padding: 7.65em 2.3em;
  }

  .menu-button {
    right: auto;
  }

  .btn.brochure {
    font-size: .8em;
  }

  .btn.brochure.landing {
    position: static;
  }

  .btn.hidden {
    display: block;
  }

  .brand.hidden {
    display: flex;
  }

  .brand.mobile {
    width: 100%;
    min-width: auto;
  }

  .nav-link.mobile {
    padding-bottom: 1.85em;
    font-size: 1em;
    font-weight: 500;
  }

  .navbar {
    justify-content: flex-start;
    height: auto;
    display: none;
    inset: 0% auto 0% 0%;
  }

  .h5-vertical.bold {
    margin-top: 0;
    margin-bottom: -.35em;
    font-size: 3vh;
  }

  .home-content-text {
    width: 80vw;
    max-width: none;
  }

  .home-content-text.zc {
    width: 100%;
    height: 40vh;
    margin-top: 5.7em;
    padding-top: 1.4em;
    font-size: 1.5vw;
  }

  .div-building-elements {
    max-width: none;
    font-size: .8vw;
  }

  .paragraph {
    width: auto;
    margin: 1.4em auto;
    font-size: 1.3em;
  }

  .paragraph.min {
    min-width: 0;
    font-size: 1.5vw;
  }

  .paragraph.margin {
    max-width: none;
    font-size: 1vh;
  }

  .paragraph.contact {
    font-size: 1.2vh;
  }

  .paragraph.mini {
    text-align: justify;
    margin-left: 0;
  }

  .paragraph.mobile {
    text-align: left;
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    font-size: .8em;
  }

  .display {
    font-size: 8vh;
  }

  .display.light.home {
    font-size: 6vh;
  }

  .home-content-img {
    width: 60vw;
    inset: 0%;
  }

  .iframe.zc {
    width: auto;
  }

  .img-proyecto {
    width: 100%;
    height: auto;
  }

  .img-proyecto.iso {
    height: 30rem;
  }

  .img-proyecto.p {
    width: auto;
    height: 20em;
  }

  .img-proyecto.f {
    height: 15em;
  }

  .div-img-proyecto {
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin-left: 0;
  }

  .div-img-proyecto:hover {
    filter: brightness(73%);
  }

  .frame {
    flex-direction: column;
    width: 100%;
    height: auto;
    padding-right: 0;
  }

  .img-detail-proyecto.iso {
    font-size: .8vw;
  }

  .btn-area-img {
    font-size: 11px;
  }

  .btn-area {
    width: 8em;
    min-width: 8em;
    height: 100%;
    margin-bottom: 1em;
    font-size: 11px;
  }

  .btn-area.show {
    width: 8em;
    min-width: 8em;
    height: 100%;
    font-size: 11px;
  }

  .horizontal-scroll {
    z-index: 2;
    grid-column-gap: 1em;
    flex-flow: row;
    justify-content: flex-start;
    align-items: stretch;
    width: auto;
    max-width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2em;
    padding-right: 24px;
    display: flex;
    position: static;
    inset: 0% 0% 0% auto;
    overflow: auto;
  }

  .iframe-area {
    grid-row-gap: 56px;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    display: none;
  }

  .iframe-area.show {
    justify-content: center;
  }

  .div-zc {
    grid-row-gap: 2.8em;
    white-space: normal;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    width: 100vw;
    margin-bottom: 19px;
    margin-left: auto;
    margin-right: auto;
    position: static;
  }

  .div-block-14 {
    font-size: 11px;
  }

  .div-iframes {
    justify-content: center;
    width: 100%;
    height: 100%;
    margin-left: 4em;
    margin-right: 4em;
    display: block;
  }

  .txt-label {
    font-size: 1.5vw;
  }

  .div-floors-wrap {
    z-index: 50;
    height: 13vh;
    padding-left: 3em;
    padding-right: 3em;
    position: absolute;
    inset: auto 0% 43%;
    overflow: hidden;
  }

  .div-edificio-interactivo {
    grid-row-gap: 0em;
    align-self: center;
    width: 100vw;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.2em;
    padding-right: 1.2em;
    display: flex;
  }

  .div-edificio-interactivo.amenities {
    justify-content: flex-start;
  }

  .ph.zc {
    font-size: 1em;
  }

  .div-block-8 {
    width: 100%;
    height: 40vh;
    margin-left: 0;
  }

  .div-block-85 {
    align-items: stretch;
    height: 100%;
  }

  .btn-level-mask, .btn-level-mask.piso11.show {
    font-size: 1.75em;
  }

  .btn-terraza {
    left: 17%;
  }

  .map.edificio {
    width: 60em;
    font-size: .7em;
  }

  .div-building {
    flex-direction: column;
    justify-content: center;
  }

  .div-masks {
    height: auto;
  }

  .img-colors.piso2.img-levels.show {
    width: 30em;
  }

  .h2.vertical {
    font-size: 1em;
  }

  .div-floor-map {
    width: 100%;
  }

  .h3 {
    font-size: 1.5vw;
  }

  .div-content-types {
    height: 50vh;
  }

  .div-content-types.rigth {
    width: 80%;
    height: 58vh;
    margin-top: -80px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1vw;
  }

  .div-content-types.left {
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
    font-size: 1.2vw;
  }

  .div-floor-btn {
    height: 100%;
    margin-top: 2em;
  }

  .div-btn-types {
    padding-bottom: 0;
    line-height: 1;
    display: none;
  }

  .bar__dot {
    line-height: 11.6;
  }

  .div-floors-wrap-2 {
    padding-left: 3em;
    padding-right: 3em;
  }

  .div-floors-wrap-2.is--bottom {
    font-size: 1.1em;
  }

  .div-block-56 {
    display: none;
  }

  .bar__name {
    width: 8em;
    display: flex;
  }

  .div-block-89 {
    height: 10em;
    display: none;
  }

  .btn-level-look {
    font-size: 1.5vw;
  }

  .img-details-apartment.perspective-img {
    width: 95%;
  }

  .image-7 {
    margin-top: -4.95em;
    padding-top: 2.55em;
    padding-bottom: 2.55em;
  }

  .div-block-97 {
    margin-top: 0;
  }

  .div-block-98 {
    grid-column-gap: 0em;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    font-size: 1.2vh;
  }

  .heading-4 {
    position: static;
  }

  .div-block-99 {
    justify-content: flex-start;
    align-items: flex-start;
    height: 12em;
  }

  .social-media {
    display: none;
  }

  .link-block {
    padding-left: .4em;
    padding-right: .4em;
  }

  .icon-icon {
    font-size: 1.5vw;
  }

  .icon-icon.mobile {
    font-size: 3vw;
  }

  .container-floors {
    height: 40vh;
  }

  .slider {
    flex: 0 auto;
  }

  .txt-unit-name {
    font-size: 1vh;
    top: auto;
    bottom: -6.6%;
    right: 0%;
  }

  .padding-global {
    align-items: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-wrapper {
    width: 100%;
  }

  .flex-horizontal {
    flex-direction: column;
    justify-content: space-around;
    height: 100%;
  }

  .flex-vertical.stretch {
    grid-column-gap: 0em;
    grid-row-gap: 1em;
    text-align: left;
    justify-content: center;
    width: 100%;
  }

  .flex-vertical.nav-mobile {
    justify-content: flex-start;
    width: auto;
    position: relative;
  }

  .content-large-center {
    justify-content: space-between;
  }

  .content-large-center.project {
    height: 100vh;
    padding-top: 0;
  }

  .div-block-119 {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
  }

  .link-block-5 {
    text-align: left;
    justify-content: center;
  }

  .padding-sides-10rem {
    height: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .padding-samll {
    height: 20%;
  }

  .padding-samll.brochure {
    display: none;
  }

  .image-14 {
    height: 5em;
  }

  .image-14.bancolombia {
    width: 26.7em;
  }

  .image-14.is___uno {
    width: 80%;
    height: auto;
  }

  .image-14.is__ava {
    width: 70%;
    height: auto;
  }

  .paragraph-4 {
    font-size: .8vh;
  }

  .image-11 {
    height: 25vh;
  }

  .form-embeed {
    width: 100%;
    transform: scale(.9);
  }

  .content-wrapper-2 {
    width: 100%;
  }

  .owly-desktop {
    display: none;
  }

  .catalog-btn-wrapper.greeting-btn {
    width: 10em;
    height: 10em;
  }

  .small-icon {
    width: 4em;
    height: 4em;
  }

  .catalog-rotate {
    width: 8em;
    height: 8em;
  }

  .owly-mobile {
    z-index: 2000;
  }

  .nav-mobile {
    z-index: 51;
    background-color: var(--black);
    width: 35vw;
    height: 100vh;
    transition: all .4s;
    display: flex;
    position: fixed;
    inset: 0% auto 0% 0%;
  }

  .nav-mobile.hide {
    z-index: 50;
    transform: translate(-130%);
  }

  .padding-nav-mobile {
    width: 100%;
    height: 100%;
    padding: 1.1em 3.1em;
    font-size: 1.6vw;
    box-shadow: 12px 0 20px #ffffff17;
  }

  .nav-mobile-links {
    color: #0000;
    background-color: #0000;
    flex-direction: column;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 1.6em;
    padding-bottom: 0;
    padding-left: 2em;
    display: flex;
  }

  .nav-mobile-line {
    background-color: #494949;
    width: 100%;
    height: auto;
    padding-bottom: 1px;
    padding-right: 0;
  }

  .nav-mobile-data {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    max-width: none;
    display: flex;
    position: relative;
  }

  .nav-mobile-data.center {
    grid-column-gap: 2em;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-top: 3em;
    padding-bottom: 3em;
    display: flex;
  }

  .nav-mobile-data_title {
    width: auto;
    color: var(--white);
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: .8em;
    padding-bottom: .8em;
    font-size: 1.5vw;
    font-weight: 700;
  }

  .nav-mobile-data_title.center {
    text-align: center;
  }

  .image-15, .image-16 {
    height: 6em;
    font-size: 1vh;
  }

  .div-block-133 {
    grid-column-gap: .75em;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative;
  }

  .btn-hide-nav-mobile {
    border: 1px solid var(--white);
    background-color: var(--black);
    color: #fff;
    border-radius: 100vh;
    justify-content: center;
    align-items: center;
    width: 5em;
    height: 5em;
    display: flex;
    position: absolute;
    inset: 47% auto auto 93%;
  }

  .text-block-30 {
    text-align: center;
    background-color: #0000;
    border: 1px #fff;
    border-radius: 100vh;
    width: 100%;
    height: 100%;
    padding: 0;
    font-family: MATERIAL ICON, sans-serif;
    font-size: 3vw;
    position: static;
    inset: 0%;
  }

  .nav-mobile-show {
    z-index: 50;
    border: 1px solid #fff;
    border-radius: 100vh;
    justify-content: center;
    align-items: center;
    width: 3em;
    height: 3em;
    display: flex;
    position: fixed;
    top: 8px;
    left: 1em;
  }

  .text-block-31 {
    color: #fff;
    font-family: MATERIAL ICON, sans-serif;
    font-size: 3vw;
    line-height: 1;
  }

  .html-embed-4 {
    overflow: visible;
  }

  .powered-owly {
    width: 8em;
    font-size: 2vw;
  }

  .grid-2 {
    width: 80vw;
    max-width: 80vw;
  }

  .grid-3 {
    grid-template-rows: auto auto;
    width: 100%;
  }

  .grid-4 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 767px) {
  .page {
    height: 100vh;
    overflow: hidden;
  }

  .image {
    width: 42.5em;
  }

  .brand.mobile.w--current {
    padding-left: 0;
  }

  .navbar {
    min-width: 100%;
  }

  .paragraph.min {
    font-size: 10px;
  }

  .paragraph.mobile {
    font-size: .5em;
  }

  .home-content-img {
    width: 80%;
    height: auto;
  }

  .horizontal-scroll {
    flex-wrap: wrap;
    height: 12em;
  }

  .map {
    font-size: 1vw;
    transform: scale(3);
  }

  .map.edificio {
    align-self: auto;
    width: 60em;
    margin-top: 0;
    font-size: .8em;
    transform: scale(1);
  }

  .div-building {
    height: 90%;
  }

  .div-project {
    height: 100%;
  }

  .div-masks {
    font-size: 1.2vw;
  }

  .div-masks.vertical {
    width: 100%;
  }

  .div-content-types.rigth {
    width: 100%;
    height: 50vh;
    margin-top: 0;
  }

  .div-content-types.left {
    width: 100%;
    height: 40vh;
    font-size: 1vw;
  }

  .div-floors-wrap-2.is--bottom {
    font-size: .7em;
  }

  .btn-level-look {
    font-size: 2vw;
  }

  .container-floors {
    height: 45vh;
  }

  .padding-global {
    flex-direction: column;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .flex-vertical.nav-mobile {
    font-size: 2vw;
  }

  .div-block-119 {
    font-size: .9vh;
  }

  .div-block-126 {
    flex-direction: column;
  }

  .content-50 {
    width: 100%;
    padding-top: 0;
  }

  .content-50.right {
    width: 100%;
  }

  .heading-11 {
    padding-right: 0;
    font-size: 3vh;
  }

  .heading-12 {
    border: 1px #000;
    text-decoration: none;
  }

  .image-11 {
    width: 100%;
    height: 40vh;
  }

  .marquee-content-2 {
    margin-left: 15em;
  }

  .content-wrapper-2 {
    flex-direction: column;
    justify-content: flex-start;
    height: 160vh;
  }

  .heading-style-h3 {
    font-size: 1.5rem;
  }

  .catalog-btn-wrapper.greeting-btn {
    margin-left: auto;
    margin-right: auto;
  }

  .nav-mobile-links {
    padding-left: 0;
  }

  .phone-numbers {
    display: flex;
  }

  .grid-4 {
    width: 90%;
  }

  .div-floors-width {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  a {
    color: var(--white);
    text-decoration: underline;
  }

  .page {
    height: 100vh;
    font-size: 1vw;
  }

  .body {
    height: 100vh;
  }

  .image {
    margin-top: auto;
    padding-top: 7.65em;
    font-size: 1vw;
  }

  .btn.brochure {
    font-size: 1em;
  }

  .btn.brochure.landing {
    font-size: 3.2em;
    position: static;
  }

  .btn.brochure.landing.w--current {
    position: static;
  }

  .nav-link.mobile {
    font-size: 1.4em;
  }

  .h5-vertical.bold {
    font-size: 2vh;
  }

  .img-fachada {
    font-size: 1vw;
  }

  .home-content-text {
    width: 100%;
    bottom: -2.45em;
  }

  .home-content-text.zc {
    grid-row-gap: 0em;
    justify-content: flex-start;
    height: 35vh;
    margin-top: .2em;
    padding-top: 0;
    overflow: hidden;
  }

  .div-building-elements {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .paragraph {
    font-size: 1em;
  }

  .paragraph.min {
    font-size: 8px;
  }

  .paragraph.zc-detail {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1em;
  }

  .paragraph.contact {
    font-size: .8vh;
  }

  .paragraph.mini {
    color: var(--white);
    font-size: .5em;
  }

  .paragraph.mobile {
    font-size: 1em;
    text-decoration: none;
  }

  .separador {
    width: 1px;
    height: 70%;
  }

  .display {
    font-size: 13.3em;
  }

  .display.light {
    justify-content: center;
    width: 100%;
    font-size: 3vh;
    display: flex;
  }

  .display.light.home {
    font-size: 4vh;
  }

  .home-content-img {
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
    font-size: 1vw;
  }

  .btn-circle {
    justify-content: center;
    margin-right: 0;
  }

  .btn-circle:hover {
    font-size: 3vw;
  }

  .div-vertical.white {
    font-size: 3vw;
    left: -222%;
  }

  .label-360 {
    height: 40%;
    margin-right: 0;
    position: absolute;
    inset: auto 0% 0% auto;
  }

  .iframe {
    height: 30vh;
  }

  .iframe.entorno {
    height: 100%;
  }

  .iframe.zc {
    height: 45vh;
  }

  .iframe.youtube {
    height: 100%;
    padding-top: 0;
  }

  .div-iframe-entorno {
    flex-direction: column;
  }

  .img-proyecto.iso {
    height: 15rem;
  }

  .img-proyecto.p {
    height: 24.3em;
  }

  .img-proyecto.f {
    width: auto;
    height: 20.1em;
  }

  .img-detail-proyecto.cra11 {
    margin-left: auto;
    margin-right: auto;
  }

  .btn-area-img {
    width: auto;
    height: 3em;
    font-size: 16px;
  }

  .btn-area {
    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 1.4em;
    font-size: 1vh;
    overflow: visible;
  }

  .btn-area.show {
    flex: none;
    margin-right: 0;
  }

  .text-block-17 {
    font-size: 2vw;
  }

  .horizontal-scroll {
    flex-flow: row;
    justify-content: flex-start;
    width: auto;
    height: 100%;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    padding-left: 0;
    padding-right: 1.2em;
    position: relative;
    overflow: auto;
  }

  .div-zc {
    justify-content: flex-start;
    width: auto;
    position: static;
  }

  .div-iframes {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-floors-wrap {
    align-items: center;
    width: 150vw;
    height: 11vh;
    bottom: 38%;
  }

  .div-edificio-interactivo {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-8 {
    width: 100%;
    height: auto;
    padding: 0 0 13.5em;
  }

  .div-block-87 {
    width: 100%;
  }

  .edificio-click {
    width: 90em;
  }

  .btn-terraza {
    font-size: 2vw;
    left: 8%;
  }

  .map {
    font-size: 1vw;
    transform: scale(3);
  }

  .map.edificio {
    font-size: 1.5em;
    transform: scale(1);
  }

  .map.edificio:hover {
    width: 60em;
    font-size: 1.5em;
  }

  .div-building {
    margin-top: 51px;
    margin-left: 0;
  }

  .div-masks {
    font-size: 1vw;
  }

  .div-masks.vertical {
    width: 100%;
  }

  .img-colors.img-levels.show {
    width: 65em;
  }

  .img-lines.img-levels {
    font-size: 1em;
  }

  .div-floor-map {
    height: 30vh;
    transform: scale3d(1none, 1none, 1none);
  }

  .div-level-detail.show.zoom-in {
    width: 100%;
    transform: translate(0, 48px)scale(1);
  }

  .div-content-types.rigth {
    height: 40vh;
    margin-top: 0;
  }

  .div-floor-btn {
    margin-top: 0;
    padding-top: 0;
    font-size: 2vw;
  }

  .div-floors-wrap-2.is--bottom {
    flex-direction: column;
    justify-content: center;
    padding-top: 4.2em;
    padding-bottom: 4.2em;
    font-size: 1em;
  }

  .btn-level-look.ampliar {
    display: none;
  }

  .div-block-43 {
    justify-content: space-between;
    width: 50em;
    margin-left: 0;
    padding-left: 3.35em;
    padding-right: 2.45em;
    font-size: 3vw;
  }

  .div-block-74 {
    font-size: 2vw;
    position: absolute;
    bottom: -5.2em;
    left: 14.05em;
  }

  .img-details-apartment.iso-img {
    width: 75%;
    height: auto;
  }

  .text-block-18 {
    font-size: 1vh;
  }

  .detail-box {
    border-radius: 5px;
  }

  .detail-box.right._3.show {
    margin-top: -7.95em;
  }

  .detail-box.right._2.show {
    margin-top: 7.85em;
    margin-left: -12.65em;
  }

  .detail-box.right._1.show {
    margin-top: 4.45em;
  }

  .detail-box.right._6.show {
    border-radius: 5px;
  }

  .detail-box.right._10.show {
    z-index: 500;
    margin-top: 26.05em;
    margin-left: 88.05em;
  }

  .detail-box.right._11.show {
    margin-top: 10.05em;
  }

  .detail-box.right._12.show {
    margin-top: 27.15em;
  }

  .detail-box.left._5.show {
    border-radius: 5px;
  }

  .detail-box.left._9.show {
    margin-top: 2.45em;
  }

  .detail-box._8.show {
    z-index: 500;
    margin-top: 23.65em;
    margin-left: 71.05em;
  }

  .detail-box.show {
    margin-top: .45em;
  }

  .h4 {
    font-size: 6px;
  }

  .image-7 {
    mix-blend-mode: normal;
    margin-top: 0;
    font-size: 1vh;
  }

  .div-block-97 {
    font-size: .8vh;
  }

  .img-brand {
    font-size: 2vw;
  }

  .separador-vertical {
    display: none;
  }

  .div-block-98 {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 2.3em;
    font-size: 1vh;
  }

  .div-block-98.footer-other {
    justify-content: center;
  }

  .icon-icon.mobile {
    font-size: 5vw;
  }

  .companies {
    margin-right: 14px;
  }

  .container-floors {
    height: 41vh;
  }

  .mask {
    height: 50%;
    margin-top: 123px;
  }

  .div-block-115 {
    flex-direction: row;
    justify-content: center;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .txt-unit-name {
    font-size: 2vh;
    bottom: -12.6%;
    left: 0%;
  }

  .div-block-118 {
    font-size: 1vw;
    display: none;
  }

  .padding-global {
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 90%;
    padding-top: 10.8em;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-wrapper {
    width: 100%;
    height: 100vh;
  }

  .padding-button {
    display: none;
  }

  .flex-horizontal, .flex-vertical.strech {
    height: 100%;
  }

  .flex-vertical.stretch {
    grid-row-gap: .2em;
    justify-content: flex-start;
    width: 100%;
  }

  .flex-vertical.nav-mobile {
    background-color: #0000;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 0;
    padding-bottom: 136.5px;
    font-size: 2vw;
  }

  .content-large-center {
    justify-content: space-between;
    height: 100%;
  }

  .div-block-119 {
    flex-direction: column;
    align-items: center;
    font-size: .9vh;
  }

  .section-footer {
    font-size: 1vw;
  }

  .padding-sides-10rem {
    width: 100%;
    height: 100%;
    padding-left: 0;
    padding-right: 0;
    position: relative;
  }

  .div-block-126 {
    flex-direction: column;
  }

  .padding-samll {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 20%;
    padding-right: 0;
    display: flex;
  }

  .padding-samll.brochure {
    padding-bottom: .9rem;
    display: flex;
  }

  .image-14 {
    width: 10.7em;
    height: auto;
    font-size: 2.7em;
  }

  .image-14.bancolombia {
    width: 26em;
    height: 9.9em;
    font-size: 2.2em;
  }

  .content-50 {
    justify-content: space-around;
    width: 100%;
    height: 100%;
    margin-right: 0;
  }

  .content-50.right {
    background-color: var(--black);
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    display: none;
    position: absolute;
    inset: 0%;
  }

  .content-50.right.show {
    margin-top: 0;
    display: block;
  }

  .content-footer {
    justify-content: space-around;
    height: 15%;
  }

  .heading-11 {
    padding-bottom: 8px;
    padding-right: 0;
    font-size: 1.5rem;
  }

  .heading-12 {
    color: #000;
    border: 1px #000;
    align-self: center;
    padding-bottom: 5px;
    font-size: 2.4em;
    text-decoration: none;
  }

  .paragraph-4 {
    font-size: .8vh;
  }

  .page-wrapper {
    overflow: hidden;
  }

  .image-11 {
    width: 100%;
    height: auto;
    margin-top: 5em;
  }

  .div-block-128 {
    height: 100%;
  }

  .marquee-content-2 {
    margin-left: .5em;
  }

  .form-embeed {
    width: 100%;
    max-width: none;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    transform: scale(.8);
  }

  .content-wrapper-2 {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100vh;
  }

  .ver-360._2 {
    z-index: 500;
    font-size: 2vw;
    top: -6.4em;
    left: 5em;
  }

  .ver-360._3 {
    display: none;
  }

  .catalog-btn-wrapper.greeting-btn {
    margin-left: auto;
  }

  .small-icon {
    width: 7.5em;
    height: 7.5em;
  }

  .catalog-rotate {
    width: 15em;
    height: 15em;
  }

  .owly-mobile {
    bottom: 2%;
    left: 5%;
  }

  .nav-mobile {
    width: 50vw;
    height: 100vh;
    padding-bottom: 0;
    padding-right: 0;
  }

  .nav-mobile.hide {
    transform: translate(-130%);
  }

  .padding-nav-mobile {
    padding-left: 1em;
    padding-right: .5em;
  }

  .nav-mobile-links {
    padding-left: 2.4em;
  }

  .nav-mobile-data {
    justify-content: center;
  }

  .nav-mobile-data.center {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-mobile-data_title {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 2vw;
    line-height: 13px;
  }

  .nav-mobile-data_title.center {
    font-size: 3vw;
  }

  .btn-hide-nav-mobile {
    z-index: 52;
    width: 10em;
    height: 10em;
  }

  .text-block-30 {
    background-color: #0000;
    align-self: center;
    width: auto;
    height: auto;
    padding: 0;
    font-size: 5vw;
    line-height: 1;
  }

  .nav-mobile-show {
    width: 7em;
    height: 7em;
    top: 1.6em;
    left: 1.6em;
  }

  .text-block-31 {
    font-size: 4vw;
  }

  .phone-numbers {
    display: flex;
  }

  .div-block-134 {
    font-size: 3vw;
  }

  .grid {
    grid-column-gap: 0px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    height: 100%;
  }

  .powered-owly {
    width: 6em;
    font-size: 4vw;
  }

  .grid-3 {
    place-items: center;
    height: 100%;
    margin-top: 0;
    font-size: 1vw;
  }

  .grid-4 {
    grid-row-gap: 0px;
    grid-template-rows: 38vh 48vh;
    height: 90vh;
    position: relative;
    transform: translate(-29px);
  }

  .div-block-137 {
    font-size: 2vw;
  }

  .div-block-138 {
    padding-top: 0;
  }

  .div-floors-width {
    width: 90%;
    transform: scale(1);
  }

  .div-block-140 {
    width: 90%;
  }

  .mobile {
    display: flex;
  }

  .div-block-143 {
    height: 10em;
  }

  .div-block-144 {
    width: 10em;
    font-size: 2vw;
  }

  .text-block-34 {
    font-size: 8vw;
  }

  .desktop {
    display: none;
  }
}

#w-node-_4f6d782b-ac3c-dbed-739c-b9e4667ab2e9-d7a1e292, #w-node-_72f526e3-61ea-4622-73ce-5b84a3e2beef-2731296a, #w-node-_72f526e3-61ea-4622-73ce-5b84a3e2c269-2731296a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e464-986f07d8 {
  grid-area: 1 / 1 / 2 / 6;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e465-986f07d8 {
  grid-area: 2 / 3 / 3 / 6;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e46b-986f07d8 {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e46c-986f07d8 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e46e-986f07d8 {
  grid-area: 3 / 2 / 4 / 6;
}

#w-node-_409a6b1b-2ab5-1dd8-d1e9-fc529ba869ae-986f07d8 {
  grid-area: 3 / 1 / 4 / 2;
  justify-self: auto;
}

#w-node-_0824e909-6db6-eed5-e32e-1776e4d5e46d-986f07d8 {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-d5d3f341-9bdb-9183-fe16-2189bc8914ea-986f07d8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Fa v4compatibility';
  src: url('../fonts/fa-v4compatibility.woff2') format('woff2'), url('../fonts/fa-v4compatibility.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa 400';
  src: url('../fonts/fa-regular-400.woff2') format('woff2'), url('../fonts/fa-regular-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa brands 400';
  src: url('../fonts/fa-brands-400.woff2') format('woff2'), url('../fonts/fa-brands-400.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Fa solid 900';
  src: url('../fonts/fa-solid-900.woff2') format('woff2'), url('../fonts/fa-solid-900.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'MATERIAL ICON';
  src: url('../fonts/MATERIALICONSROUNDSHARP.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Materialiconsroundsharp';
  src: url('../fonts/MATERIALICONSROUNDSHARP.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}