@font-face {
  font-family: GothamBold;
  src: url('../fonts/GothamBold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: GothamLight;
  src: url('../fonts/GothamLight.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}

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

@font-face {
  font-family: GothamMedium;
  src: url('../fonts/GothamMedium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: GothamBlack;
  src: url('../fonts/GothamBlack.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

@font-face {
  font-family: "Hurmegeometricsans 1";
  src: url('../fonts/HurmeGeometricSans1-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}

:root {
  --orange: #f5a61c;
  --midnight-blue: #1a3661;
  --white: white;
  --seashell: #fcf2f0;
  --midnight-blue-2: #13294d;
  --white-smoke: whitesmoke;
  --mocca: #dbcfcc;
  --crimson: #cc192e;
  --grey-blue70: #58595b;
  --blue-black: #07162c;
  --midnight-blue-3: #13294d;
  --black: black;
  --dim-grey: #514c4a;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-form-formrecaptcha {
  margin-bottom: 8px;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 50px;
}

h2 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

strong {
  font-weight: bold;
}

.navbar {
  background-color: #fff;
  width: 80px;
  padding-top: 82px;
  padding-left: 10px;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.navbar.redes {
  inset: 0 0 0 auto;
}

.menu-nav {
  perspective: 1001px;
  transform: none;
}

.menu-nav.redes {
  border: 3px solid var(--orange);
  width: 55px;
  margin-right: 10px;
  padding-top: 65px;
  padding-bottom: 27px;
  top: 159px;
  bottom: 324px;
}

.nav-link {
  z-index: 0;
  opacity: 0;
  color: #fff;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: none;
  border-bottom: 3px solid #0000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  font-size: 18px;
  font-weight: 700;
  transition: border .35s;
  display: block;
}

.nav-link:hover {
  border-bottom: 3px solid var(--orange);
  background-color: #0000001a;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.nav-link.w--current {
  color: var(--orange);
}

.nav-link.vertical {
  color: var(--midnight-blue);
  margin-top: 68px;
  margin-bottom: 30px;
  padding: 16px 0;
  font-size: 13px;
  transition: all .4s;
  display: block;
  transform: rotate(-90deg);
}

.nav-link.vertical:hover {
  color: var(--orange);
  text-decoration: line-through;
}

.nav-link.vertical.linea {
  border-bottom: 2px solid var(--orange);
  margin-top: 50px;
  margin-bottom: 70px;
  padding: 0;
}

.nav-link.vertical.proy {
  letter-spacing: 3px;
  margin-top: 41px;
}

.nav-link.vertical.proy:hover {
  color: var(--orange);
}

.nav-link.cel {
  background-image: url('../images/icn-celular.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 20px;
  padding-bottom: 20px;
}

.nav-link.fb {
  background-image: url('../images/icn-FB.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 8px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-link.yt {
  background-image: url('../images/icn-youtubr.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 8px;
  padding-top: 9px;
  padding-bottom: 9px;
}

.nav-link.celular {
  background-image: url('../images/icn-celular.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 12px;
  padding-bottom: 12px;
}

.nav-link.primer-link {
  margin-top: 55px;
}

.nav-link.primer-link.w--current {
  opacity: 0;
}

.logo-img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.seccion-logo {
  padding-top: 15px;
  padding-bottom: 18px;
}

.body {
  letter-spacing: 1px;
  padding-left: 0;
  padding-right: 0;
  font-family: GothamRegular, sans-serif;
  font-weight: 400;
  line-height: 22px;
}

.block-shape {
  background-image: url('../images/fondo-paralepipedo.svg');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: 400px;
  width: 600px;
  max-width: 500px;
  height: 300px;
  padding-left: 39px;
  padding-right: 39px;
}

.block-shape.movehero {
  background-image: url('../images/fondo-paralepipedo-AMLL.svg');
  background-position: 0 -96px;
  background-size: 500px;
  width: 700px;
  height: 250px;
  padding-top: 1px;
  padding-left: 19px;
  padding-right: 20px;
  position: relative;
  top: -197px;
}

.columna-no-padd {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: stretch;
  height: 100%;
  min-height: auto;
  max-height: none;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.columna-no-padd.paddingup {
  padding-top: 70px;
}

.columna-no-padd.azulblock {
  background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
  height: 500px;
}

.columna-no-padd.rigt {
  padding-left: 50px;
}

.block-text {
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.block-text.max {
  z-index: 1;
  max-width: 400px;
  padding-bottom: 31px;
  padding-left: 32px;
}

.block-text.max._1 {
  text-align: center;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 8px;
  padding-left: 26px;
  padding-right: 26px;
  display: block;
}

.block-text.max._2 {
  text-align: center;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: 450px;
  height: 450px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: none;
  position: relative;
}

.block-text.max._3 {
  text-align: center;
  margin-bottom: -65px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-left: 6px;
  padding-right: 6px;
  display: block;
  top: 12px;
}

.block-text.centrov {
  text-align: center;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 94px;
  display: block;
}

.block-text.banner {
  width: 470px;
  margin-top: 40px;
  padding-left: 0;
  padding-right: 0;
}

.linea.block {
  z-index: -1;
  background-color: var(--orange);
  width: 35px;
  height: 16px;
  position: absolute;
  top: 102px;
  left: 14px;
}

.linea.block.invert {
  z-index: 0;
  background-color: var(--orange);
  top: 130px;
}

.linea.marcador.proyect {
  float: left;
  width: 45%;
  margin-bottom: 40px;
  display: none;
  position: absolute;
  top: 70px;
  left: 10px;
}

.linea.marcador.abst {
  width: 40%;
  position: absolute;
  top: -6px;
}

.linea.marcador.der {
  float: right;
  align-self: flex-start;
  position: relative;
  top: 83px;
}

.linea.marcador.vertical {
  width: 3px;
  height: 30px;
  margin: 8px auto 0;
  display: none;
}

.linea.marcador._2-0.grane.azul {
  background-color: var(--midnight-blue);
}

.linea.marcador._2-0.grane.white {
  background-color: var(--white);
}

.linea.separador-secc {
  clear: both;
  background-color: #ccd6db66;
  width: 90%;
  height: 2px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 8px;
  display: inline-block;
}

.linea.separador-secc.proyect {
  float: left;
  width: 45%;
  margin-bottom: 30px;
  position: absolute;
  top: 190px;
  left: 10px;
}

.linea.separador-secc.abst {
  width: 40%;
  position: absolute;
  top: 320px;
}

.linea.separador-secc.der {
  float: right;
  position: relative;
  top: 83px;
}

.linea.separador-secc.vertical {
  width: 3px;
  height: 30px;
  margin: 8px auto 0;
  display: block;
}

.linea.marcador.nuevo {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 19%;
  height: 6px;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.linea.marcador.nuevo.otro {
  width: 70%;
  display: none;
}

.linea.marcador._2-0 {
  margin-top: 20px;
}

.linea.marcador {
  clear: both;
  background-color: #f5a61c;
  width: 35%;
  height: 2px;
  display: block;
}

.linea.marcador._2-0 {
  width: 50%;
  height: 4px;
  margin-top: 40px;
}

.linea.marcador._2-0.grane {
  width: 30%;
  height: 4px;
  margin-top: 20px;
  display: none;
  position: relative;
  top: -10px;
}

.linea.marcador._2-0.grane.margin {
  margin-left: 40px;
  display: none;
}

.linea.marcador._2-0.centrada {
  flex-direction: column;
  align-self: flex-start;
  align-items: flex-start;
  width: 30%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.linea.marcador._2-0.centrada.iconos {
  background-color: #1a3661;
  width: 30%;
}

.linea.marcador._2-0.centrada.iconos.nrj {
  background-color: #f5a61c;
  display: none;
}

.linea.marcador._2-0.grane {
  width: 30%;
  height: 3px;
  margin-top: 5px;
  position: relative;
  top: -16px;
}

.linea.marcador.proyect {
  float: left;
  width: 45%;
  margin-bottom: 40px;
  position: absolute;
  top: 70px;
  left: 10px;
}

.seccion-carac {
  background-image: url('../images/Petapolis---Exterior-frontal02_min.webp');
  background-position: 50% 89%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin-top: 110px;
  margin-bottom: 69px;
}

.seccion-concepto {
  background-image: linear-gradient(#fcf2f08f, #fcf2f08f), url('../images/topography.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: auto, 400px;
  padding-top: 91px;
  padding-bottom: 91px;
}

.img-crop {
  z-index: 900;
  float: right;
  position: relative;
  box-shadow: 0 1px 20px 1px #0006;
}

.img-crop.planta {
  z-index: 1;
  float: none;
  box-shadow: none;
  background-color: #0000;
  max-width: 95%;
  padding: 0;
}

.img-crop.margin {
  margin-top: 60px;
  margin-bottom: 50px;
}

.block-group {
  width: 100%;
  text-decoration: none;
}

.block-group.center {
  text-align: center;
  padding-top: 32px;
  padding-bottom: 32px;
}

.block-group.center.txtblanco {
  background-color: var(--midnight-blue);
  color: #fff;
  letter-spacing: 1.6px;
  min-height: 280px;
  margin-top: 30px;
  margin-bottom: 15px;
  padding: 39px 16px;
  font-size: 13px;
  line-height: 20px;
}

.block-group.movecolor {
  z-index: 1;
  background-color: var(--seashell);
  background-image: none;
  width: 340px;
  padding: 20px 35px 60px 25px;
  position: relative;
  top: -56px;
  box-shadow: 0 2px 20px 1px #838383b3;
}

.block-group.movecolor._2 {
  background-color: #fff;
  background-image: url('../images/elementos-lunas-inferior.webp');
  background-position: 43% 209%;
  background-repeat: no-repeat;
  width: 320px;
  padding-right: 30px;
  inset: 164px -42px;
}

.block-group.movecolor.amll {
  background-color: var(--midnight-blue);
  box-shadow: 0 2px 20px 1px #000000a6;
}

.block-group.padding {
  padding-top: 75px;
  padding-bottom: 50px;
  position: relative;
}

.block-group._2proyectos {
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
  height: 700px;
  min-height: 600px;
  padding-top: 159px;
  padding-left: 6%;
  padding-right: 6%;
  transition: background-color .5s;
}

.block-group._2proyectos:hover {
  background-image: linear-gradient(315deg, #1d3158 11%, #144370 56%, #056196), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
}

.block-group._2proyectos.vivienda {
  background-image: linear-gradient(#0003, #0003), url('../images/apartamento-interior.webp');
  background-position: 0 0, 15%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: auto;
  min-height: 600px;
  padding: 80px 10% 30px;
}

.block-group._2proyectos.vivienda:hover {
  background-image: linear-gradient(135deg, #04112cbf, #1a3661cc), url('../images/apartamento-interior.webp');
  background-position: 0 0, 15%;
  background-size: auto, cover;
}

.block-group._2proyectos.comercial {
  background-image: linear-gradient(#00000021, #00000021), url('../images/Petapolis_Comercio_min.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  height: auto;
  min-height: 600px;
  padding: 80px 7% 30px;
}

.block-group._2proyectos.comercial:hover {
  background-image: linear-gradient(135deg, #04112cbf, #1a3661cc), url('../images/Petapolis_Comercio_min.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.block-group._2proyectos.comercial.control {
  background-image: linear-gradient(#0000, #0000), url('../images/security.webp');
  padding-top: 159px;
}

.block-group._2proyectos.comercial.control:hover {
  background-image: linear-gradient(#04112ccc, #04112ccc), linear-gradient(#0000, #0000), url('../images/security.webp');
  background-position: 0 0, 0 0, 50%;
  background-size: auto, auto, cover;
}

.block-group._2proyectos.oficinas {
  background-image: linear-gradient(#00000021, #00000021), url('../images/damir-kopezhanov-luseu9GtYzM-unsplash.webp');
  background-position: 0 0, 35%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: auto;
  min-height: 600px;
  padding-top: 80px;
  padding-bottom: 30px;
}

.block-group._2proyectos.oficinas:hover {
  background-image: linear-gradient(#04112ccc, #1a3661d9), url('../images/damir-kopezhanov-luseu9GtYzM-unsplash.webp');
  background-position: 0 0, 35%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group._2proyectos.clinicas {
  background-image: url('../images/Corporativo-C2-2-1024x698.webp');
  background-position: 82%;
  background-repeat: no-repeat;
  background-size: cover;
  height: auto;
  min-height: 600px;
  padding-top: 80px;
  padding-bottom: 30px;
  position: relative;
}

.block-group._2proyectos.clinicas:hover {
  background-image: linear-gradient(135deg, #04112cd6 2%, #056196bf), url('../images/Corporativo-C2-2-1024x698.webp');
  background-position: 0 0, 82%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group._2proyectos.servicios {
  background-image: url('../images/ccv-vigilancia.webp');
  background-position: 0 0;
  background-size: cover;
  height: auto;
}

.block-group._2proyectos.servicios:hover {
  background-image: linear-gradient(#04112ccc, #04112ccc), url('../images/ccv-vigilancia.webp'), linear-gradient(#0000, #0000);
  background-position: 0 0, 0 0, 0 0;
  background-size: auto, cover, auto;
}

.block-group._2proyectos.serviciosb {
  background-image: url('../images/nastuh-abootalebi-yWwob8kwOCk-unsplash.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 100% 0, 0 0;
  background-size: cover, 125px;
  height: auto;
}

.block-group._2proyectos.serviciosb:hover {
  background-image: linear-gradient(#04112ccc, #04112ccc), url('../images/nastuh-abootalebi-yWwob8kwOCk-unsplash.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 100% 0, 0 0;
  background-size: auto, cover, 125px;
}

.block-group._2proyectos.sanitarios {
  background-image: url('../images/37573478702_b6854b2c19_h.webp');
  background-position: 100% 0;
  background-size: cover;
  height: auto;
}

.block-group._2proyectos.sanitarios:hover {
  background-image: linear-gradient(#04112ccc, #04112ccc), url('../images/37573478702_b6854b2c19_h.webp');
  background-position: 0 0, 100% 0;
  background-size: auto, cover;
}

.block-group.amenidades {
  text-align: center;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
  height: 400px;
  padding-top: 266px;
  transition: background-color .5s;
  overflow: hidden;
}

.block-group.amenidades:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
}

.block-group.amenidades.pisicina-n {
  background-image: url('../images/Petapolis_PiscinaKds_min.webp');
  background-position: 0 0;
  background-size: 600px;
  padding-top: 240px;
}

.block-group.amenidades.pisicina-n:hover {
  background-image: linear-gradient(to bottom, #fff0 40%, var(--midnight-blue)), url('../images/Petapolis_PiscinaKds_min.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 600px;
}

.block-group.amenidades.gym {
  background-image: url('../images/Petapolis_Gym_min.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.amenidades.gym:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/Petapolis_Gym_min.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.poolad {
  background-image: url('../images/vlcsnap-2023-06-19-11h44m13s220.webp');
  background-position: 71%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.amenidades.poolad:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #ffffff03 60%), url('../images/Petapolis_Piscina_adultos_min.webp');
  background-position: 0 0, 71%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.terraza {
  background-image: url('../images/BBQ.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.amenidades.terraza:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/BBQ.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.parqueo {
  background-image: url('../images/vlcsnap-2023-06-19-15h16m38s471.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  transition-property: background-color;
}

.block-group.amenidades.parqueo:hover {
  background-image: linear-gradient(to bottom, #fff0 40%, var(--midnight-blue)), url('../images/dublin-airport-car-park.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.super {
  background-image: url('../images/vlcsnap-2023-06-19-11h29m02s559.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 245px;
}

.block-group.amenidades.super:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/turismo-de-supermercado.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.business {
  background-image: url('../images/CAAA.webp');
  background-position: 80%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.amenidades.business:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/CAAA.webp');
  background-position: 0 0, 80%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.amenidades.canchas {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/canchas-min.webp');
  background-position: 0 0, 100%;
  background-size: auto, 400px;
  padding-top: 240px;
}

.block-group.amenidades.canchas:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 59%), url('../images/canchas-min.webp');
  background-position: 0 0, 100%;
  background-size: auto, 400px;
}

.block-group.amenidades.guarderia {
  background-image: url('../images/Creative-Playroom-Design-for-Your-Kids-31.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.amenidades.guarderia:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #0000000d 57%, #fff0 60%), url('../images/Creative-Playroom-Design-for-Your-Kids-31.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.acabados {
  background-image: linear-gradient(#f3f3f3, #f3f3f3);
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center start;
  width: auto;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 0;
  display: flex;
}

.block-group.acabados.mov {
  display: none;
}

.block-group.thmb-blog {
  text-align: center;
  background-image: linear-gradient(#0003, #0003), url('../images/construc-4.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
  height: 400px;
  padding-top: 245px;
  transition: background-color .5s;
  overflow: hidden;
}

.block-group.thmb-blog:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/construc-4.webp');
  background-position: 0 0, 0 0;
  background-size: auto, cover;
}

.block-group.thmb-blog.pisicina-n {
  background-image: url('../images/Petapolis_PiscinaKds_min.webp');
  background-position: 0 0;
  background-size: 600px;
  padding-top: 240px;
}

.block-group.thmb-blog.pisicina-n:hover {
  background-image: linear-gradient(to bottom, #fff0 40%, var(--midnight-blue)), url('../images/Petapolis_PiscinaKds_min.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 600px;
}

.block-group.thmb-blog.gym {
  background-image: url('../images/Petapolis_Gym_min.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.thmb-blog.gym:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/Petapolis_Gym_min.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.poolad {
  background-image: url('../images/Petapolis_Piscina_adultos_min.webp');
  background-position: 71%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.thmb-blog.poolad:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #ffffff03 60%), url('../images/Petapolis_Piscina_adultos_min.webp');
  background-position: 0 0, 71%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.terraza {
  background-image: url('../images/BBQ.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.thmb-blog.terraza:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/BBQ.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.parqueo {
  background-image: url('../images/dublin-airport-car-park.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 255px;
  transition-property: background-color;
}

.block-group.thmb-blog.parqueo:hover {
  background-image: linear-gradient(to bottom, #fff0 40%, var(--midnight-blue)), url('../images/dublin-airport-car-park.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.super {
  background-image: url('../images/turismo-de-supermercado.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 245px;
}

.block-group.thmb-blog.super:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/turismo-de-supermercado.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.business {
  background-image: url('../images/Business-Center.webp');
  background-position: 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.thmb-blog.business:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/Business-Center.webp');
  background-position: 0 0, 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.block-group.thmb-blog.canchas {
  background-image: linear-gradient(#0000001a, #0000001a), url('../images/canchas-min.webp');
  background-position: 0 0, 100%;
  background-size: auto, 400px;
  padding-top: 240px;
}

.block-group.thmb-blog.canchas:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 59%), url('../images/canchas-min.webp');
  background-position: 0 0, 100%;
  background-size: auto, 400px;
}

.block-group.thmb-blog.guarderia {
  background-image: url('../images/Creative-Playroom-Design-for-Your-Kids-31.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 240px;
}

.block-group.thmb-blog.guarderia:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #0000000d 57%, #fff0 60%), url('../images/Creative-Playroom-Design-for-Your-Kids-31.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.indice-seccion {
  padding-top: 30px;
  padding-bottom: 30px;
}

.indice-txt {
  float: none;
  color: var(--orange);
  letter-spacing: 2px;
  padding-left: 8px;
  font-family: GothamMedium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  display: none;
  position: relative;
  top: -33px;
}

.indice-txt.center {
  text-align: center;
  display: none;
}

.indice-txt.blanco {
  color: #f5f5f5;
}

.seccion-amenidades {
  background-image: url('../images/elementos-lunas-derecha.webp'), linear-gradient(#e4e4e45e, #e4e4e45e);
  background-position: 0, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 170px, auto;
  padding-top: 70px;
  padding-bottom: 0;
}

.seccion-amenidades._2 {
  clear: both;
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: 750px;
  padding-top: 100px;
  padding-bottom: 35px;
}

.seccion-amenidades.habitacional {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  padding-top: 0;
  padding-bottom: 40px;
}

.seccion-amenidades.kioskos {
  background-image: linear-gradient(#f5f5f5c9, #f5f5f5c9);
  background-repeat: repeat;
  background-size: auto;
  padding-top: 0;
  display: none;
}

.slider-amenidades {
  width: 75%;
  height: 450px;
  overflow: visible;
}

.arrow.left {
  border: 2px solid var(--orange);
  color: var(--orange);
  width: 60px;
  height: 55px;
  margin-top: 0;
  margin-bottom: 0;
  top: 450px;
}

.arrow.left.right {
  background-color: var(--orange);
  color: #fff;
  width: 60px;
  left: -525px;
}

.caracteristicas-block {
  background-color: var(--midnight-blue);
  box-shadow: none;
}

.caracteristicas-block.otros-proyectos {
  clear: both;
  background-color: var(--midnight-blue);
  background-image: url('../images/elementos-lunas-inferior.webp');
  background-position: 94% 100%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 275px;
  margin-top: -166px;
  padding-top: 35px;
}

.cta {
  height: 175px;
  padding-top: 72px;
  padding-bottom: 15px;
  transition: background-color .6s;
}

.cta:hover {
  background-color: var(--midnight-blue);
}

.cta.margin {
  text-align: left;
  margin-top: 85px;
  margin-bottom: 85px;
  padding-top: 54px;
}

.cta.margin.azul {
  background-color: var(--midnight-blue);
  margin-top: 34px;
  margin-bottom: 0;
  display: block;
}

.cta.margin.azul.oficinas {
  background-color: var(--white-smoke);
}

.cta.margin.img {
  display: block;
}

.cta.margin._2-0 {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  display: block;
}

.btn.linea {
  border: 2px solid var(--orange);
  color: #d8d8d8;
  letter-spacing: 2px;
  background-color: #0000;
  margin-top: 15px;
  margin-left: 25px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: GothamMedium, sans-serif;
  font-size: 11px;
  transition: transform .3s;
}

.btn.linea.proyectos {
  border-color: var(--orange);
  opacity: 1;
  color: var(--midnight-blue);
  text-align: center;
  background-color: #f5a61c00;
  width: 200px;
  margin: 5px auto 50px;
  font-weight: 500;
  transition: background-color .45s;
  display: block;
}

.btn.linea.proyectos:hover {
  background-color: var(--orange);
  background-image: linear-gradient(to bottom, var(--orange), var(--orange));
}

.btn.linea.contacto {
  float: right;
  border-style: none none solid;
  border-bottom-color: var(--orange);
  color: #fff;
  text-align: center;
  transition: border .4s;
}

.btn.linea.contacto:hover {
  border-style: solid;
  border-color: var(--orange);
}

.btn.linea.contact {
  border-color: var(--midnight-blue);
  color: var(--midnight-blue);
  background-color: #0000;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 47px;
  transition: background-color .45s;
  display: block;
}

.btn.linea.contact:hover {
  background-color: var(--midnight-blue);
  color: #fff;
}

.btn.linea.amenidad {
  color: var(--seashell);
  letter-spacing: 2px;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 35px;
  margin-top: 140px;
  margin-left: 0;
  padding: 5px 26px;
  font-size: 12px;
  display: flex;
}

.btn.linea.bckazul {
  color: var(--orange);
  text-align: center;
  letter-spacing: 2.3px;
  width: 270px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  font-size: 18px;
  transition: transform .3s, background-color .5s;
  display: block;
}

.btn.linea.bckazul:hover {
  background-color: var(--orange);
  color: #f8f8f8;
  letter-spacing: 2.2px;
  padding-left: 16px;
  padding-right: 16px;
  font-family: GothamMedium, sans-serif;
  font-size: 11px;
}

.btn.linea.bckazul._2-0 {
  background-color: var(--orange);
  color: var(--white);
  letter-spacing: 2px;
  width: 284px;
  margin-top: 30px;
  font-size: 26px;
  font-weight: 500;
  line-height: 24px;
}

.btn.linea.proyectohome {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  font-family: GothamMedium, sans-serif;
  display: block;
}

.btn.linea.btn-blog {
  float: left;
  color: var(--midnight-blue);
  text-align: center;
  letter-spacing: 2.3px;
  width: 260px;
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 18px;
  transition: background-color .28s;
  display: block;
}

.btn.linea.btn-blog:hover {
  background-color: var(--orange);
  color: #f8f8f8;
  letter-spacing: 2.2px;
  padding-left: 18px;
  padding-right: 18px;
  font-family: GothamMedium, sans-serif;
  font-size: 11px;
  transform: none;
}

.btn.linea {
  color: #d8d8d8;
  letter-spacing: 2px;
  background-color: #0000;
  border: 2px solid #f5a61c;
  margin-top: 15px;
  margin-left: 25px;
  padding-left: 50px;
  padding-right: 50px;
  font-family: GothamMedium, sans-serif;
  font-size: 11px;
  transition: transform .3s;
}

.btn.linea:hover {
  transform: translate(-23px);
}

.btn.linea.bckazul {
  color: #f5a61c;
  text-align: center;
  letter-spacing: 2.3px;
  width: 270px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  transition: transform .3s, background-color .5s;
  display: block;
}

.btn.linea.bckazul:hover {
  color: #f8f8f8;
  letter-spacing: 2.2px;
  background-color: #f5a61c;
  padding-left: 16px;
  padding-right: 16px;
  font-family: GothamMedium, sans-serif;
  font-size: 11px;
}

.btn.linea.bckazul._2-0 {
  color: #fff;
  letter-spacing: 2px;
  background-color: #f5a61c;
  width: 284px;
  margin-top: 0;
  margin-right: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}

.btn.linea.bckazul._2-0:hover {
  color: #f5a61c;
  background-color: #0000;
}

.btn.linea.contact {
  color: #1a3661;
  background-color: #0000;
  border-color: #1a3661;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 47px;
  transition: background-color .45s;
  display: block;
}

.btn.linea.contact:hover {
  color: #fff;
  background-color: #1a3661;
}

.h1 {
  color: #fcf2f0;
  letter-spacing: 5px;
  text-shadow: 0 1px 18px #000000b3;
  margin-bottom: 10px;
  font-family: GothamBold, sans-serif;
  font-size: 44px;
  font-weight: 500;
  line-height: 55px;
}

.h1.hero {
  letter-spacing: 2px;
  text-shadow: 1px 1px 15px #00000073;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: GothamMedium, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 46px;
  position: static;
  top: 144px;
}

.h1.hero.oficinas {
  top: 335px;
}

.h1.hero.negocios {
  top: 10px;
}

.h1.hero.negocios.azul {
  color: var(--midnight-blue);
  text-shadow: none;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: GothamMedium, sans-serif;
  font-weight: 300;
  display: flex;
}

.h1.hero.apto {
  margin-top: 10px;
  font-family: GothamMedium, sans-serif;
  font-size: 44px;
  font-weight: 300;
  line-height: 1.4em;
  position: static;
  top: -15px;
}

.h1.contacto {
  text-align: left;
  padding-left: 40px;
  padding-right: 30px;
  font-family: GothamBold, sans-serif;
  font-size: 36px;
}

.h1.soon {
  letter-spacing: 4px;
  font-family: GothamLight, sans-serif;
  font-size: 30px;
  line-height: 40px;
}

.h1.oficinas-n {
  color: var(--midnight-blue);
  text-transform: uppercase;
  text-shadow: none;
  font-size: 39px;
  line-height: 40px;
}

.img-amenidades {
  float: right;
  background-image: linear-gradient(to bottom, var(--orange), var(--orange));
  color: var(--midnight-blue);
  text-align: right;
  width: 750px;
  height: 400px;
  padding-top: 20px;
  padding-left: 19px;
  padding-right: 0;
  position: static;
  right: -86px;
}

.h2 {
  z-index: 2;
  clear: both;
  color: var(--midnight-blue);
  letter-spacing: 1.6px;
  margin-bottom: 22px;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
  position: relative;
}

.h2.claro {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-shadow: 0 1px 7px #00000059;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: GothamRegular, sans-serif;
  font-size: 28px;
  font-weight: 400;
  line-height: 42px;
  top: -25px;
}

.h2.claro.txtcontact {
  z-index: 3;
  color: var(--orange);
  width: 300px;
  font-size: 40px;
  font-weight: 900;
  line-height: 50px;
  inset: 12px 20px 27px;
}

.h2.claro.centro {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 900;
}

.h2.amll {
  color: var(--orange);
}

.h2.centro {
  text-align: center;
}

.h2.hide {
  display: none;
}

.secc-apmodelo {
  clear: both;
  background-image: url('../images/elementos-torres.webp'), linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
  background-position: 0 100%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 400px, auto;
  margin-top: 30px;
  margin-bottom: 10px;
  padding: 40px 99px 60px 12px;
}

.tab-apm {
  border: 3px solid var(--orange);
  background-color: var(--midnight-blue);
  color: #fff;
  letter-spacing: 1.6px;
  width: 50%;
  margin-bottom: 35px;
  font-weight: 500;
}

.tab-apm.w--current {
  background-color: var(--orange);
  color: #fff;
  margin-bottom: 36px;
}

.tab-content {
  border: 2px solid var(--orange);
  width: 100%;
  height: 500px;
  padding: 10px;
  position: relative;
}

.seccion-otros-proyectos {
  clear: both;
  background-image: linear-gradient(#ececec61, #ececec61);
  height: auto;
  min-height: 850px;
  max-height: 1050px;
  margin-top: 180px;
}

.footer-nab {
  clear: both;
  background-color: #0000;
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  height: auto;
  padding-top: 0;
  padding-bottom: 1px;
  padding-left: 20px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-nab._2 {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding-top: 30px;
  padding-left: 0;
  display: none;
}

.footer-nab._2.nueva {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
}

.footer-nab._2-0 {
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  background-position: 0 0;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: block;
}

.footer-nab._2-0.sd {
  padding: 60px 0%;
}

.footer-nab._2-0 {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 0 0;
  margin-left: 0;
  padding-top: 30px;
  padding-left: 100px;
}

.form-contacto {
  z-index: 2;
  border: 2px #fff;
  width: 700px;
  padding: 35px 35px 20px;
  position: relative;
}

.txt-field {
  border-width: 0 0 2px;
  border-bottom-style: solid;
  border-bottom-color: var(--mocca);
  color: #5f5f5f;
  background-color: #0000;
  margin-bottom: 15px;
}

.txt-field:hover {
  border-bottom-color: #dbcfcc87;
}

.txt-field:focus {
  border-width: 2px;
  border-color: #fff;
}

.txt-field.lazul {
  border-bottom-color: var(--midnight-blue);
}

.txt-field.mensaje {
  border-width: 2px;
  border-color: var(--midnight-blue);
  background-color: #fcfcfc7d;
}

.field-label {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 0;
}

.columna-rel {
  position: relative;
}

.icn-left {
  float: left;
  margin-right: 12px;
  padding-top: 6px;
}

.dato-contct {
  color: #fcf2f0;
  text-align: center;
  letter-spacing: 1.5px;
  padding-top: 1px;
  font-size: 12px;
}

.dato-contct.navs {
  padding-top: 13px;
}

.text-block {
  padding-top: 4px;
  padding-bottom: 4px;
}

.footer {
  color: var(--seashell);
  background-color: #091830;
  height: auto;
  padding-top: 5px;
  padding-bottom: 3px;
}

.footer.nuevo {
  background-color: var(--white-smoke);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 36px;
  padding-bottom: 0;
  display: none;
}

.h4 {
  color: var(--midnight-blue);
  letter-spacing: 1px;
  font-size: 18px;
  line-height: 23px;
}

.h4.claro {
  color: #fcf2f0;
}

.h4.servicios {
  letter-spacing: 2.5px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 800;
}

.container {
  padding-left: 11px;
  padding-right: 11px;
}

.container.concepto {
  background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
  padding: 18px 14px;
  position: relative;
  top: -146px;
  bottom: -146px;
}

.seccion-descripcion {
  background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
  height: 600px;
  padding-top: 59px;
  position: relative;
}

.h3 {
  color: var(--midnight-blue);
  margin-top: 5px;
}

.h3.claro {
  color: #fcf2f0;
  text-align: center;
  text-shadow: 1px 1px 12px #000000a6;
  margin-bottom: 12px;
  padding-left: 5px;
  font-family: GothamBold, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 28px;
}

.h3.claro.centro {
  text-align: center;
}

.h3.claro.amnts {
  text-shadow: 1px 1px 10px #000000e6;
  margin-bottom: 5px;
  font-size: 22px;
}

.h3.claro.shadow {
  text-shadow: 0 1px 10px #58595b;
}

.h3.claro.centrado {
  text-align: center;
  letter-spacing: 2.3px;
  text-transform: uppercase;
  text-shadow: none;
  padding: 20px;
  font-family: GothamLight, sans-serif;
  font-size: 20px;
  font-weight: 700;
  position: relative;
}

.h3.claro.centrado.naranja {
  color: var(--orange);
  font-family: GothamMedium, sans-serif;
  font-weight: 300;
}

.h3.claro.azul {
  color: var(--midnight-blue-2);
  text-transform: uppercase;
  text-shadow: none;
}

.h3.centro {
  text-align: center;
  margin-bottom: 20px;
}

.h3.centro.minus {
  flex-direction: column;
  font-family: GothamMedium, sans-serif;
  display: flex;
}

.h3.gris {
  color: #b1acab;
  text-align: right;
}

.seccion-hero {
  background-image: none;
  background-position: 0 0;
  height: 700px;
  padding-right: 0;
  display: block;
  position: relative;
}

.seccion-hero.habitacionalhero {
  background-image: linear-gradient(#33333359, #33333359), url('../images/lobby-render.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100vh;
}

.seccion-hero.comercial {
  background-image: linear-gradient(#0a1b3599, #0a1b3599), url('../images/Petapolis_Comercio_min.webp');
  background-position: 0 0, 50% 79%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 600px;
}

.seccion-hero.articulo-1 {
  color: #fff;
  background-image: linear-gradient(#081c4426, #05183f), url('../images/construc-4.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 480px;
  padding-top: 180px;
}

.seccion-hero.oficinas {
  background-image: linear-gradient(4deg, #13294dd1, #0000 83%), url('../images/room-business-meeting.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
}

.parrafo {
  clear: both;
  letter-spacing: 1.4px;
  margin-bottom: 12px;
  display: block;
}

.parrafo.blanco {
  color: #fff;
  letter-spacing: 1.5px;
  font-size: 13px;
  display: block;
}

.parrafo.blanco.proyectos {
  text-shadow: 1px 1px 6px #000000b5;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 1rem;
  line-height: 1.5rem;
}

.parrafo.blanco.max {
  max-width: 450px;
  margin-top: 24px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.parrafo.blanco.botonera {
  text-align: center;
  height: 300px;
  padding-top: 70px;
  font-size: 12px;
  line-height: 22px;
}

.parrafo.intro {
  padding-top: 20px;
  font-size: 16px;
}

.parrafo.intro.servicio {
  color: var(--white);
}

.parrafo.intro.white {
  color: var(--seashell);
}

.parrafo.centro {
  text-align: center;
}

.parrafo.hidden {
  display: none;
}

.copyright {
  float: left;
  color: var(--midnight-blue-2);
  text-align: center;
  margin-bottom: 0;
  margin-right: 6px;
  font-family: GothamRegular, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.petapolis-paleta {
  background-image: linear-gradient(to bottom, var(--crimson), var(--crimson));
}

.heading {
  color: var(--midnight-blue);
}

.txt-block {
  padding: 20px 15px 0;
}

.txt-block.left {
  text-align: left;
  padding-bottom: 45px;
}

.txt-block.left.bullet {
  padding-top: 55px;
}

.txt-block.left.oficinas {
  padding-bottom: 20px;
}

.txt-block.hero {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 50px;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: -20px;
  padding-left: 0;
  text-decoration: none;
  display: grid;
}

.txt-block.max {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  display: flex;
}

.subindice {
  color: #f5a61c99;
}

.columna-padding2x {
  padding-left: 25px;
  padding-right: 25px;
}

.columna-padding2x.padd-top {
  padding-top: 50px;
}

.datos-block {
  padding-left: 34px;
}

.adx {
  color: #2ad3e2;
  letter-spacing: 1.3px;
  font-weight: 700;
  text-decoration: none;
}

.tabs-menu {
  text-align: center;
}

.seccion-ubicacion {
  background-image: url('../images/elementos-lunas-izquierda.webp'), linear-gradient(#f7f7f7, #f7f7f7);
  background-position: 100% 10%, 0 0;
  background-repeat: no-repeat, repeat;
  height: auto;
  padding-top: 75px;
  padding-bottom: 24px;
  display: none;
}

.seccion-ubicacion.op1 {
  display: none;
}

.seccion-ubicacion.op2, .seccion-ubicacion.op4 {
  background-color: #77220c;
  background-image: url('../images/elementos-lunas-izquierda.webp'), linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 100% 10%, 0 0;
  background-repeat: no-repeat, repeat;
  display: none;
}

.seccion-ubicacion.op3, .seccion-ubicacion._2-0 {
  display: block;
}

.amenidad-comercio {
  padding-top: 129px;
  padding-left: 56px;
}

.logos-block {
  margin-top: 32px;
  margin-bottom: 22px;
}

.img-centrado {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  box-shadow: 0 8px 26px -8px #0000003b;
}

.img-centrado.w--current {
  display: block;
}

.img-centrado.padding {
  padding-top: 40px;
  padding-bottom: 40px;
}

.img-centrado.icn {
  box-shadow: none;
  color: var(--orange);
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 5px;
}

.img-centrado.mapa-waze {
  margin-top: 20px;
}

.img-centrado.igm-thmb-blog {
  margin-bottom: 10px;
  margin-left: 30px;
  box-shadow: 0 8px 26px -2px #0000004d;
}

.amenidad {
  margin-top: 12px;
  margin-bottom: 12px;
}

.tab-bck {
  background-image: linear-gradient(#dbcfccab, #dbcfccab), url('../images/topography.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, repeat;
  background-size: auto, 400px;
  padding: 75px 58px 75px 116px;
}

.elementos {
  background-color: #514c4a63;
  display: none;
}

.dropdown {
  color: var(--midnight-blue);
  background-color: #fcfcfc;
  font-weight: 700;
}

.seccion-proyectos-2 {
  padding: 25px 20px;
  display: block;
}

.motion-line {
  background-color: var(--orange);
  text-align: center;
  width: 50px;
  height: 6px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.img-contacto {
  float: none;
  color: #fff;
  text-align: left;
  background-image: url('../images/vlcsnap-2023-06-19-11h44m13s220.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: 460px;
  max-height: none;
  margin-top: 30px;
  padding-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
  inset: auto auto auto 0%;
  overflow: visible;
}

.navbar-float {
  z-index: 1006;
  background-color: #0000;
  line-height: 30px;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.block-burger {
  z-index: 2;
  background-color: var(--midnight-blue);
  color: var(--orange);
  width: 75px;
  height: 75px;
  margin-top: 0;
  padding: 15px 0;
  position: relative;
  top: 0;
  right: 0;
}

.block-burger.w--open {
  z-index: 2;
  background-color: var(--midnight-blue);
  color: var(--orange);
}

.logo-block {
  z-index: 1008;
  max-width: 400px;
  position: static;
  inset: 0% auto auto 0%;
}

.logo-block.w--current {
  position: absolute;
  top: 0;
  left: 0;
}

.image {
  width: 400px;
  max-width: 400px;
  margin-left: 0;
  padding-top: 12px;
  padding-bottom: 10px;
}

.image.logo2-0 {
  z-index: 0;
  width: 400px;
  max-width: 400px;
  margin-left: 0;
  position: relative;
}

.botonera-block {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.hover-block {
  color: #fff;
  text-align: center;
  background-color: #0006;
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  text-decoration: none;
  transition: background-color .5s;
}

.hover-block:hover {
  background-color: var(--midnight-blue);
}

.video-back {
  background-image: linear-gradient(#07162c40, #07162c40);
  height: 100%;
  padding-top: 0;
}

.logo-footer {
  padding-bottom: 12px;
}

.block-hero {
  margin-top: 0;
  position: relative;
  top: 49px;
}

.block-hero.oficinas {
  position: static;
  top: 214px;
}

.img-flotante {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.row-caracteristicas {
  z-index: 2;
  padding-top: 18px;
  padding-bottom: 18px;
  display: none;
  position: relative;
}

.row-caracteristicas.espacio {
  padding-top: 48px;
  padding-bottom: 48px;
}

.row-caracteristicas.margin {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 12px;
  display: none;
}

.nav-menu {
  z-index: 1;
  background-color: var(--midnight-blue);
  color: #f5f5f5;
  text-align: left;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  width: 400px;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 300;
  display: none;
  position: fixed;
  right: 0;
  box-shadow: -1px 0 16px 1px #00000059;
}

.nav-menu.apartamento {
  background-image: linear-gradient(135deg, #07162c 4%, #1a366114), url('../images/Petapolis_Comercio_min.webp');
  background-position: 0 0, -301px 0;
}

.img-block._2colm {
  background-image: none;
  background-repeat: repeat;
  background-size: auto;
  height: 600px;
  padding: 30px;
}

.img-block._2colm.vertical {
  text-align: center;
  background-image: linear-gradient(#07162ce0, #07162ce0), url('../images/800x1200-edificio.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  align-items: center;
  height: 574px;
  padding-top: 90px;
  padding-bottom: 130px;
  display: flex;
}

.img-block._2colm.foodcourt {
  background-image: url('../images/vlcsnap-2023-06-19-11h29m27s622.webp');
  background-position: 50%;
  background-size: cover;
  height: 450px;
}

.img-block._2colm.mall {
  background-image: url('../images/vlcsnap-2023-06-19-11h26m50s102.webp');
  background-position: 50%;
  background-size: cover;
  height: 450px;
}

.img-block._2colm.entradilla {
  height: 500px;
  padding-top: 95px;
  padding-bottom: 0;
}

.subtxt {
  color: var(--orange);
  letter-spacing: 1.5px;
  font-size: 11px;
  font-weight: 700;
}

.acabados-blockgrid {
  text-align: center;
  flex-wrap: nowrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start center;
  align-items: flex-start;
  width: 500px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  display: block;
}

.acabados-blockgrid.comercial {
  width: 100%;
  padding-left: 30px;
  padding-right: 30px;
}

.acabadomin {
  float: left;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: 125px;
  width: 42%;
  height: 200px;
  margin: 15px;
  box-shadow: 0 2px 17px #00000080;
}

.acabadomin:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 50%), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
}

.acabadomin.kitchen {
  float: left;
  background-image: linear-gradient(#00000012, #00000012), url('../images/ACBS6.webp');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 440px;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px 18px 60px;
  display: block;
}

.acabadomin.kitchen:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 60%), url('../images/ACBS6.webp');
  background-position: 0 0, 100%;
  background-size: auto, 440px;
}

.acabadomin.bath {
  background-image: linear-gradient(#00000012, #00000012), url('../images/ACBS10.webp');
  background-position: 0 0, 65%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 500px;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px;
  display: flex;
}

.acabadomin.bath:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 50%), url('../images/ACBS10.webp');
  background-position: 0 0, 65%;
  background-size: auto, 500px;
}

.acabadomin.closet {
  background-image: linear-gradient(#00000012, #00000012), url('../images/PP-459x.webp');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 500px;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px;
}

.acabadomin.closet:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 50%), url('../images/PP-459x.webp');
  background-position: 0 0, 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, 500px;
}

.acabadomin.regaderas {
  background-image: linear-gradient(#00000012, #00000012), url('../images/ACBS3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px 18px 60px;
}

.acabadomin.regaderas:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 50%), url('../images/ACBS3.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.acabadomin.grifo {
  background-image: linear-gradient(#00000012, #00000012), url('../images/ACBS11.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px;
}

.acabadomin.grifo:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 50%), url('../images/ACBS11.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.acabadomin.pisos {
  background-image: linear-gradient(#00000012, #00000012), url('../images/Foto-acabado-zocalo-y-puerta.jpg');
  background-position: 0 0, 50% 88%;
  background-size: auto, cover;
  width: 200px;
  max-width: 200px;
  height: 200px;
  margin: 18px 20px;
  overflow: visible;
}

.acabadomin.pisos:hover {
  background-image: linear-gradient(to top, #1a3661d6, #fff0 50%), url('../images/Foto-acabado-zocalo-y-puerta.jpg');
  background-position: 0 0, 50% 88%;
  background-size: auto, cover;
}

.acabadomin.sala {
  background-image: url('../images/apartamento-thmb.webp');
  background-position: 50% 94%;
  background-repeat: no-repeat;
  background-size: cover;
}

.acabadomin.sala:hover {
  background-image: linear-gradient(to top, var(--midnight-blue), #fff0 50%), url('../images/apartamento-thmb.webp');
  background-position: 0 0, 50% 94%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.tablink {
  color: #fff;
  text-align: center;
  text-transform: none;
  background-color: #838383;
  width: 25%;
  margin-bottom: 10px;
}

.tablink.w--current {
  background-color: var(--midnight-blue);
  color: #fff;
  width: 25%;
  margin-bottom: 10px;
}

.tabslide {
  text-align: center;
  padding-top: 45px;
  padding-bottom: 60px;
}

.txtbullet {
  color: var(--orange);
  padding-top: 5px;
  padding-bottom: 5px;
}

.txtbullet.padd-left {
  color: var(--midnight-blue);
  letter-spacing: 1.2px;
  padding-left: 12px;
  font-family: GothamMedium, sans-serif;
  font-size: 14px;
}

.apmodelo {
  position: relative;
}

.imgfull {
  color: #fff;
  text-align: center;
  background-image: radial-gradient(circle, #185288, #1f3158);
  background-position: 0 0;
  min-height: 450px;
  padding-top: 70px;
  padding-bottom: 0;
}

.imgfull.solido {
  height: auto;
  min-height: auto;
  padding-top: 20px;
  padding-bottom: 31px;
}

.imgfull.marcas {
  min-height: 550px;
}

.falso-contenedor {
  height: auto;
  min-height: auto;
  padding-left: 5%;
  padding-right: 5%;
  position: relative;
}

.falso-contenedor.vivienda-ap {
  height: auto;
  padding-bottom: 10px;
}

.falso-contenedor.vivienda-ap.mapa {
  display: none;
}

.seccion-apmodelo {
  color: var(--midnight-blue);
  background-color: #f5f5f580;
  padding-top: 20px;
  padding-bottom: 21px;
}

.row-move {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: -100px;
  left: 0;
  right: 0;
}

.row-move.comercial {
  top: -120px;
}

.lightbox {
  opacity: 0;
  overflow: hidden;
  box-shadow: 0 1px 20px #0003;
}

.lightbox.herolink {
  box-shadow: none;
  opacity: 1;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.container-rel {
  position: relative;
  top: 0;
}

.container-move {
  background-image: linear-gradient(#fafafa, #fafafa);
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  top: -100px;
  bottom: -51px;
}

.container-move.padds {
  background-image: none;
  padding-top: 20px;
}

.container-move.avances {
  background-image: none;
  position: relative;
  inset: -130px 0 auto;
}

.txt-open {
  color: var(--midnight-blue);
  text-align: center;
  letter-spacing: 1.5px;
  font-size: 11px;
  font-weight: 700;
}

.botonera-abrir {
  perspective: 1000px;
  text-align: center;
}

.flecha-abrir {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.link-block {
  width: 100%;
  text-decoration: none;
}

.link-block.botonproyecto {
  background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
}

.icono-bullet-block.oficinas {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.icono-bullet-block.oficinas.movil {
  display: none;
}

.row-padding {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 8px;
  padding-top: 5px;
  padding-bottom: 5px;
  display: flex;
}

.row-padding.aptod {
  flex-direction: row;
}

.not-show-row {
  display: none;
}

.link {
  text-decoration: none;
}

.link.blanco {
  color: #fff;
  font-style: normal;
}

.fixed {
  position: fixed;
  inset: 0;
}

.links-block {
  padding-top: 125px;
  padding-left: 50px;
}

.navtxt {
  opacity: 0;
  color: #f5f5f5;
  letter-spacing: 1.5px;
  font-size: 12px;
  line-height: 25px;
  text-decoration: none;
}

.link-redes {
  opacity: 0;
  margin-top: 25px;
}

.link-redes.marginleft {
  opacity: 0;
  margin-left: 18px;
}

.img-100 {
  z-index: 2;
  min-width: 85%;
  max-width: 95%;
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
}

.menu-tab {
  flex-wrap: wrap;
  place-content: center;
  align-items: center;
  display: flex;
}

.hero-bck-mobile.home.home2 {
  display: none;
}

.embed {
  box-shadow: 1px 1px 20px #00000059;
}

.link-block-2 {
  color: var(--orange);
  text-shadow: none;
  justify-content: space-around;
  align-items: center;
  width: 300px;
  margin-left: 16px;
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 0;
  text-decoration: none;
  transition: letter-spacing .411s;
  display: flex;
}

.link-block-2:hover {
  letter-spacing: 3px;
}

.link-block-2.waze {
  text-shadow: none;
  justify-content: space-around;
  align-items: center;
  width: 90%;
  display: flex;
}

.link-block-2.waze._2-0 {
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 40px;
  margin-left: 0;
  position: static;
}

.link-block-2.waze._2-0.movil {
  display: none;
}

.link-block-2.hero_link {
  display: block;
}

.img-float {
  float: left;
  margin-right: 10px;
}

.resaltado-2 {
  color: #514c4a;
  text-shadow: none;
}

.resaltado-2._2-0 {
  color: var(--white);
}

.headapartado {
  margin-top: 20px;
  margin-bottom: 2px;
}

.slider-avances {
  background-color: #0000;
  height: 320px;
  padding-left: 85px;
  padding-right: 85px;
}

.slide.padding {
  padding-top: 30px;
}

.bold-text {
  color: #fff;
  letter-spacing: 2px;
  font-family: GothamRegular, sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
}

.bold-text.doble {
  font-family: GothamBold, sans-serif;
}

.bold-text.amarillo {
  color: var(--orange);
  font-size: 24px;
  font-style: italic;
}

.flecha-slide {
  color: var(--midnight-blue);
}

.block {
  color: #58595b;
  position: relative;
  overflow: visible;
}

.block.hero {
  width: 400px;
  display: block;
}

.block.padd-top {
  padding-top: 32px;
}

.block.articulo-bckg {
  background-color: #05183f;
  padding-top: 45px;
  padding-bottom: 45px;
}

.text-block-2 {
  text-transform: none;
}

.lightbox-avances.plantas {
  margin-top: 20px;
}

.heading-2 {
  margin-top: 10px;
}

.text-block-3 {
  letter-spacing: 1.5px;
  font-family: GothamMedium, sans-serif;
}

.h1-sub {
  color: #fff;
  letter-spacing: 3px;
  text-shadow: 1px 1px 12px #000000a6;
  font-family: GothamMedium, sans-serif;
  font-size: 44px;
  line-height: 1.5em;
}

.not-show {
  display: none;
}

.seccion-muy-pronto {
  background-image: linear-gradient(#1a3661, #1a3661);
  min-height: 400px;
  padding-top: 0;
  position: relative;
}

.seccion-muy-pronto.amarillo {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  min-height: auto;
  padding-top: 40px;
  display: block;
}

.degrade-block {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  position: static;
  inset: -116px 0 0;
}

.div-img-horizontal {
  height: 400px;
  margin-top: 45px;
}

.div-img-horizontal.pronto {
  background-image: url('../images/Petapolis---Exterior-frontal02_min.webp');
  background-position: 50% 69%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 500px;
  margin-top: 0;
  padding-bottom: 40px;
}

.div-img-horizontal.pronto._1 {
  background-image: url('../images/Petapolis---Exterior-Lateral-SL.webp');
  background-position: 50% 77%;
}

.slider-ap {
  width: 600px;
  min-width: 600px;
  height: 450px;
  min-height: 450px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.ap1 {
  background-image: url('../images/37573504862_2a6cdba6ed_c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ap1.ofic {
  background-image: url('../images/damir-kopezhanov-luseu9GtYzM-unsplash.webp');
  background-position: 50% 58%;
}

.ap2 {
  background-image: url('../images/37605851641_3a4542c451_c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ap3 {
  background-image: url('../images/36895216864_68f2a7124b_c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ap4 {
  background-image: url('../images/37557040326_8ebdb5f6b0_h.webp');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
}

.ap5 {
  background-image: url('../images/37556956616_fd927e6403_c.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.seccion-apt {
  display: block;
}

.seccion-apt.oficinas {
  display: none;
}

.fullscreen {
  z-index: 1000;
  text-align: center;
  background-image: linear-gradient(#07162ce8, #07162ce8);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: none;
  position: fixed;
  inset: 0;
}

.ap6 {
  background-image: url('../images/23752974898_b68c761d20_z.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.ap6.ofic {
  background-image: url('../images/nastuh-abootalebi-yWwob8kwOCk-unsplash.webp');
}

.ap7 {
  background-image: url('../images/37605967811_27eb6b1e60_h.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

.linktxt {
  color: #fff;
  text-decoration: none;
}

.img-canchas, .img-piscinas {
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.cierre {
  opacity: 0;
  text-align: right;
  margin-top: 32px;
  margin-bottom: 27px;
  padding-left: 200px;
  padding-right: 200px;
  display: none;
  position: absolute;
}

.img-piscina-kd, .img-gym {
  opacity: 0;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.top-linea {
  background-color: var(--orange);
  text-align: right;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 12px;
  left: 0;
}

.top-linea:hover {
  top: 12px;
}

.center-linea {
  background-color: var(--orange);
  text-align: right;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 20px;
  left: 0;
}

.down-linea {
  background-color: var(--orange);
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 28px;
}

.down-linea:hover {
  top: 28px;
}

.top-padding1 {
  padding-top: 20px;
}

.grid-avances {
  grid-column-gap: 10px;
  grid-row-gap: 31px;
  color: var(--seashell);
  grid-template: "."
                 "."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: center;
}

.flex-horizontal {
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-bottom: 3px;
  display: flex;
  position: static;
}

.flex-horizontal.top-bottom-pad {
  padding-top: 20px;
  padding-bottom: 30px;
}

.txt-link {
  color: #fcf2f0;
  text-decoration: none;
}

.date-panel {
  color: var(--seashell);
  background-image: linear-gradient(#1a3661d9, #1a3661d9), url('../images/Petapolis---Aerea-Amenities.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
  flex-direction: column;
  justify-content: flex-end;
  width: 120px;
  height: 260px;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 7px;
  padding-left: 16px;
  font-family: GothamMedium, sans-serif;
  font-size: 12px;
  line-height: 16px;
  display: flex;
  position: absolute;
}

.date-panel.panel-amarillo {
  background-image: linear-gradient(#f5a61cd9, #f5a61cd9), url('../images/Petapolis---Aerea-Amenities.webp');
  background-position: 0 0, 0 0;
  background-size: auto, 125px;
}

.container-max {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

.container-max.concepto {
  background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
  padding: 18px 14px;
  position: relative;
  top: -146px;
  bottom: -146px;
}

.top-padding2 {
  margin-top: 1px;
  padding-top: 35px;
}

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

.etiqueta-blog {
  z-index: 5;
  background-color: var(--midnight-blue);
  color: var(--seashell);
  justify-content: center;
  align-items: center;
  width: 200px;
  height: 40px;
  padding-left: 10px;
  padding-right: 5px;
  font-size: 13px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.etiqueta-blog-2 {
  z-index: 5;
  background-color: var(--orange);
  color: #07162c;
  justify-content: center;
  align-items: center;
  width: 170px;
  height: 40px;
  padding-left: 12px;
  font-family: GothamMedium, sans-serif;
  font-size: 13px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.txt-seccion {
  color: #bcbfc7;
  font-size: 16px;
}

.etiqueta-blog-3 {
  z-index: 5;
  color: var(--seashell);
  background-color: #1a3661e0;
  justify-content: flex-start;
  align-items: center;
  width: 250px;
  height: 40px;
  padding-left: 0;
  font-size: 13px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}

.left-tag-num {
  background-color: var(--orange);
  color: var(--midnight-blue);
  height: 100%;
  margin-right: 12px;
  padding: 4px 10px 6px;
  display: inline-block;
}

.date-num {
  margin: 0;
  font-size: 22px;
}

.grid-2 {
  grid-template-rows: auto auto auto;
}

.articulo-block {
  background-color: #f5f5f5;
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 41px;
  padding-right: 0;
  position: relative;
}

.rich-txt {
  margin-top: 48px;
}

.rich-txt p {
  color: #0f0f0f;
  padding-left: 75px;
  padding-right: 75px;
  line-height: 26px;
}

.rich-txt h5 {
  color: #000;
  padding-left: 75px;
  padding-right: 75px;
  font-family: GothamMedium, sans-serif;
}

.rich-txt h3 {
  color: #000;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-left: 75px;
  font-family: GothamLight, sans-serif;
}

.rich-txt h4 {
  padding-left: 70px;
  padding-right: 70px;
}

.hero-img {
  z-index: 100;
  background-image: linear-gradient(to top, #1a3661cf 11%, #fff0 89%), url('../images/maquinaria-construccion-cover.jpg');
  background-position: 0 0, 50% 100%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  height: 100%;
  padding-top: 325px;
  position: static;
}

.banner-adlo {
  z-index: 1100;
  color: #f5f5f5;
  background-color: #07162c;
  background-image: url('../images/img-contacto.webp');
  background-position: 0 0;
  background-size: cover;
  background-attachment: scroll;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  height: 290px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 168px;
  font-size: 14px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
  overflow: hidden;
  box-shadow: 0 -10px 48px 12px #00000085;
}

.btn-cierre {
  perspective: 1000px;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  inset: 5% 2% auto auto;
}

.cruz-izq {
  background-color: #f5f5f5;
  width: 2px;
  height: 28px;
  transform: rotate(45deg);
}

.cruz-der {
  background-color: #f5f5f5;
  width: 2px;
  height: 28px;
  transform: rotate(-45deg);
}

.img-pop {
  float: left;
  width: 600px;
  margin-top: 0;
  margin-right: 70px;
  padding-top: 0;
  padding-bottom: 0;
}

.slider-blog {
  height: 542px;
}

.slider-blog.sld-full-w {
  height: 530px;
}

.no-visible {
  display: none;
}

.flecha-blog-d {
  border-top: 2px solid var(--orange);
  text-shadow: 2px 1px 5px #000000e6;
  background-image: linear-gradient(to right, #00000052, #14141436 54%, #3b3b3b00);
  width: 50px;
  height: 50px;
  padding-right: 60px;
  font-size: 25px;
  inset: auto 0% 0% auto;
}

.grid-4 {
  grid-row-gap: 16px;
  grid-template: "."
                 "."
                 "."
                 / 1fr 1fr 1fr 1fr;
}

.flecha-blog-l {
  border-top: 2px solid var(--orange);
  text-shadow: 2px 1px 5px #000000e6;
  background-image: linear-gradient(to right, #00000052, #14141436 54%, #3b3b3b00);
  width: 50px;
  height: 50px;
  padding-right: 60px;
  font-size: 25px;
  inset: auto auto 0% 0%;
}

.slide-cuadrado {
  width: 543px;
  height: 543px;
}

.hidde-desktop {
  display: none;
}

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

.video-2 {
  margin-top: 22px;
}

.background-video {
  overflow: visible;
}

.background-video-2 {
  z-index: 1;
  position: relative;
}

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

.button {
  border: 1px solid var(--orange);
  background-color: var(--orange);
  text-align: center;
  letter-spacing: 2.3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: -11px;
  font-family: GothamMedium, sans-serif;
  display: flex;
}

.button:hover {
  background-color: var(--seashell);
  color: var(--orange);
  border-style: none;
}

.button.apto {
  margin-top: 40px;
  margin-left: 100px;
  margin-right: 100px;
}

.button.apto.mov {
  width: auto;
  margin-left: 60px;
  margin-right: 60px;
  padding: 14px 32px;
}

.button.oficinas {
  background-color: var(--orange);
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  margin-left: 0;
  padding-top: 14px;
  padding-bottom: 14px;
}

.button.oficinas:hover {
  background-color: #0000;
  border-style: solid;
}

.button.oficinas.azul {
  border-color: var(--midnight-blue);
  background-color: var(--midnight-blue);
  color: var(--white);
  margin-top: 40px;
  margin-left: 30px;
  display: block;
}

.button.oficinas.azul:hover {
  color: var(--midnight-blue);
  background-color: #0000;
  border-style: solid;
  margin-left: 20px;
}

.button.cotizar {
  border-color: var(--midnight-blue-2);
  color: var(--midnight-blue-2);
  background-color: #0000;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 14px;
  padding-bottom: 14px;
}

.button.cotizar:hover {
  background-color: var(--midnight-blue-2);
  color: var(--white);
}

.button.cotizar.negocios {
  border-color: var(--white-smoke);
  color: var(--white-smoke);
  padding-top: 15px;
  padding-bottom: 15px;
}

.button.cotizar.negocios:hover {
  background-color: var(--white-smoke);
  color: var(--midnight-blue-2);
}

.form-hero {
  z-index: 2;
  background-color: #0c203ec7;
  width: 500px;
  min-height: auto;
  margin-bottom: 60px;
  padding-left: 20px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-2 {
  background-color: #0f213e00;
  width: 45px;
  height: 45px;
  padding: 10px;
  display: none;
  position: absolute;
  inset: 2% auto 0% 0%;
}

.button-2 {
  border: 1px solid var(--orange);
  letter-spacing: 2.3px;
  background-color: #0000;
}

.button-2:hover {
  background-color: var(--orange);
}

.div-block-2 {
  z-index: 1004;
  background-color: var(--white-smoke);
  padding-top: 60px;
  padding-bottom: 40px;
  position: absolute;
  inset: 709px 0% 64%;
}

.div-block-2.home {
  margin-right: 0;
  padding-right: 0;
  top: 596px;
}

.link-2 {
  color: var(--white-smoke);
}

.div-block-3 {
  background-color: #185288;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #185288, var(--midnight-blue));
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 0;
  padding: 20px;
  display: none;
}

.text-block-9 {
  color: #fff;
}

.bold-text-2 {
  font-size: 13px;
  position: relative;
  top: -16px;
}

.section {
  background-color: var(--white-smoke);
  background-image: radial-gradient(circle farthest-corner at 50% 50%, var(--midnight-blue-2), var(--midnight-blue));
  padding: 80px 40px;
  display: block;
}

.section.servicios {
  background-color: #185288;
  background-image: linear-gradient(to bottom, var(--white-smoke), var(--white-smoke));
  padding-bottom: 51px;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.tabs-menu-2 {
  text-align: center;
  margin-bottom: 60px;
}

.tab-link-tab-1 {
  background-color: var(--grey-blue70);
  color: var(--midnight-blue);
}

.tab-link-tab-1:active, .tab-link-tab-1:focus, .tab-link-tab-1.w--current {
  background-color: var(--midnight-blue);
}

.text-block-10 {
  color: var(--white);
}

.tab-link-tab-2 {
  background-color: var(--grey-blue70);
}

.tab-link-tab-2:active, .tab-link-tab-2.w--current {
  background-color: var(--midnight-blue);
}

.text-block-11 {
  color: var(--white);
}

.amenidades-oficinas {
  padding-top: 20px;
  display: none;
}

.tab-pane-tab-2 {
  height: auto;
}

.slider {
  height: 500px;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

.div-block-6.servicio {
  height: auto;
  display: block;
}

.div-block-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 40px 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.txtbullet-2 {
  color: #f5a61c;
  padding-top: 5px;
  padding-bottom: 5px;
}

.txtbullet-2.padd-left {
  color: #1a3661;
  text-align: center;
  letter-spacing: 1.2px;
  padding-left: 12px;
  font-family: GothamRegular, sans-serif;
  font-size: 14px;
}

.txtbullet-2.padd-left.servicio {
  color: var(--white);
  text-align: center;
  font-family: GothamRegular, sans-serif;
}

.indice-txt-2 {
  float: none;
  color: #f5a61c;
  letter-spacing: 2px;
  padding-left: 8px;
  font-family: GothamMedium, sans-serif;
  font-size: 13px;
  font-weight: 500;
  line-height: 24px;
  display: inline-block;
  position: relative;
  top: -33px;
}

.h2-2 {
  z-index: 2;
  clear: both;
  color: #1a3661;
  letter-spacing: 1.6px;
  margin-bottom: 22px;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
  position: relative;
}

.h2-2.secundario {
  text-transform: uppercase;
  margin-top: 0;
  font-family: GothamMedium, sans-serif;
}

.h2-2.secundario.servicio {
  color: var(--white);
  text-transform: uppercase;
  font-family: GothamLight, sans-serif;
}

.column {
  height: auto;
}

.lightbox-modal {
  z-index: 2;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.image-3 {
  color: var(--orange);
}

.image-4 {
  max-width: 40px;
  margin-top: 20px;
  margin-right: 10px;
  position: fixed;
  inset: 0% 0% auto auto;
}

.section-2 {
  margin-top: 40px;
  display: none;
}

.image-5 {
  align-self: center;
  width: 100%;
  min-width: 100%;
  margin-top: 0;
  margin-bottom: 37px;
}

.planos-negocios {
  z-index: 1000;
  background-image: linear-gradient(#27436fb3, #07162cb8);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100vh;
  max-height: none;
  display: none;
  position: fixed;
  inset: 0%;
}

.planos-negocios.servicios {
  display: none;
}

.slider-2 {
  z-index: 1;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin-top: 129px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: fixed;
  inset: 0%;
}

.imagen-plano {
  order: 0;
  align-self: auto;
  width: 70%;
  min-width: auto;
  max-width: 60%;
  max-height: none;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: block;
}

.slide-3 {
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.icon-2, .icon-3 {
  color: var(--midnight-blue);
}

.slide-4, .slide-5 {
  background-color: var(--white);
  margin-left: auto;
  margin-right: auto;
}

.slide-6, .slide-7, .slide-8, .slide-9, .slide-10 {
  background-color: var(--white);
}

.image-6 {
  z-index: 1009;
  cursor: pointer;
  max-width: 30px;
  max-height: 30px;
  margin-top: 40px;
  margin-right: 30px;
  padding-left: 2px;
  padding-right: 2px;
  position: absolute;
  inset: 5% 0% auto auto;
}

.slide-nav-2 {
  z-index: 1000;
  margin-top: 0;
  position: relative;
  inset: auto 0% 0%;
}

.slide-1, .slide-1-2, .slide-1-3, .slide-11 {
  background-color: var(--white);
}

.div-block-9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: 60px;
  margin-right: 60px;
  display: none;
}

.container-image {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-10 {
  flex-direction: column;
  display: block;
}

.column-2, .column-3 {
  padding-left: 0;
  padding-right: 0;
}

.image-7 {
  max-width: 30px;
  max-height: 30px;
  margin-top: 40px;
  margin-right: 30px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-8 {
  z-index: 1009;
  cursor: pointer;
  max-width: 30px;
  margin-top: 40px;
  margin-right: 30px;
  position: absolute;
  inset: 5% 0% auto auto;
}

.link-block-3 {
  z-index: 8;
  cursor: pointer;
  background-image: url('../images/logo-Vblanco.webp');
  background-position: 0 0;
  background-size: cover;
  width: 382px;
  height: 105px;
  margin-top: 10px;
  margin-left: 10px;
  padding-right: 10px;
  position: absolute;
}

.plano-servicios {
  z-index: 1000;
  background-image: linear-gradient(#27436fb3, #27436fb3);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0%;
}

.columns {
  padding-left: 0;
  padding-right: 0;
}

.hero-2-0 {
  background-image: linear-gradient(#13294d, #061225);
  margin-top: -351px;
  display: block;
}

.div-block-11 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  flex-direction: row;
  grid-template-rows: 400px;
  grid-template-columns: 1fr 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 50%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 0;
  margin-right: 0;
  padding: 60px 0 60px 20px;
  display: flex;
}

.image-9 {
  width: 530px;
}

.div-block-12 {
  background-image: url('../images/FOTO-PETAPOLIS-1.webp');
  background-position: 100%;
  background-size: cover;
  width: 33.33%;
  min-width: 33.33%;
  height: 550px;
  margin-top: 80px;
  display: none;
}

.div-block-12:hover {
  background-position: 0 57%;
  flex: 0 auto;
}

.div-block-13 {
  background-image: url('../images/FOTO-PETAPOLIS-2.webp');
  background-position: 101%;
  background-size: cover;
  width: 33.33%;
  min-width: 33.33%;
  height: 620px;
  margin-top: 10px;
}

.div-block-14 {
  background-image: url('../images/FOTO-PETAPOLIS-3.webp');
  background-position: 11%;
  background-size: cover;
  width: 33.33%;
  min-width: 33.33%;
  height: 670px;
  margin-top: -36px;
  margin-bottom: 20px;
}

.column-4 {
  height: 750px;
  margin-bottom: 0;
  padding-left: 40px;
  padding-right: 30px;
}

.columns-2 {
  height: 790px;
}

.text-block-12 {
  color: #fff;
  font-family: GothamLight, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 43px;
}

.texto-hero2-0 {
  z-index: 2;
  flex-direction: column;
  margin-left: 60px;
  display: flex;
  position: relative;
  top: 317px;
}

.cotizar-button {
  border: 1px solid var(--blue-black);
  background-color: var(--orange);
  color: var(--white);
  letter-spacing: 1.5px;
  align-self: flex-start;
  margin-top: 40px;
  padding: 10px 15px;
  font-size: 24px;
}

.cotizar-button:hover {
  border: 1px solid var(--orange);
  color: var(--seashell);
  background-color: #0000;
  margin-top: 40px;
  font-size: 23px;
}

.cotizar-button.ofiicce {
  border-style: none;
  margin-top: 0;
  padding: 14px 32px;
  font-size: 18px;
}

.cotizar-button.ofiicce:hover {
  border-style: solid;
}

.info-section {
  margin-bottom: 20px;
  display: block;
}

.heading-3 {
  color: #102545;
  text-align: center;
  margin-top: 60px;
  font-family: GothamBold, sans-serif;
  font-size: 42px;
  line-height: 47px;
}

.heading-3.mayuscula {
  text-transform: uppercase;
  font-family: GothamBold, sans-serif;
  font-size: 45px;
  line-height: 49px;
}

.heading-3.mayuscula.white {
  color: var(--white);
}

.heading-3.mayuscula.white.margin {
  margin-left: 0;
}

.heading-3.left {
  text-align: left;
  text-transform: uppercase;
  order: -1;
  align-self: flex-start;
  margin-top: 0;
  margin-left: 0;
  margin-right: auto;
  font-size: 40px;
  line-height: 1.4em;
}

.heading-3.left.up.movil {
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
  padding-right: 20px;
  top: 0;
}

.heading-3.left {
  text-align: left;
  margin-top: 0;
  margin-left: 20px;
}

.heading-3.left.up {
  margin-bottom: 0;
  position: relative;
  top: -135px;
}

.heading-3.left.up.movil {
  margin-left: 0;
  top: 0;
}

.heading-3.left {
  text-align: left;
  margin-top: 0;
  margin-left: 20px;
  font-size: 40px;
}

.div-block-15 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  display: flex;
}

.section-3 {
  display: block;
}

.text-block-13 {
  text-align: center;
  margin-top: 40px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 22px;
  line-height: 27px;
}

.div-block-16 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 50px;
  padding-right: 50px;
  display: none;
}

.box-icon {
  flex-direction: column;
  align-items: center;
  width: 220px;
  height: 220px;
  display: flex;
}

.box-icon:hover {
  box-shadow: 1px 1px 3px 0 var(--mocca);
  color: var(--midnight-blue);
}

.icon-hero {
  width: 60px;
  height: 60px;
}

.text-block-14 {
  text-align: center;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}

.subtitulo {
  margin-top: 10px;
  display: block;
}

.div-block-17 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  margin-bottom: 69px;
  display: grid;
}

.bluediv {
  background-color: #13294d;
  padding: 20px 40px;
}

.bluediv:hover {
  background-color: var(--white);
}

.bluediv.oficina {
  max-width: 600px;
  height: 400px;
  max-height: none;
  padding-right: 40px;
}

.bluediv.oficina:hover {
  background-color: #0b1d3d;
}

.bluediv.sbasicos {
  width: 100%;
  height: 200px;
  padding-left: 20px;
  padding-right: 20px;
}

.bluediv.sbasicos:hover {
  background-color: var(--midnight-blue-2);
}

.bluediv.sesoeciales {
  width: auto;
  height: 200px;
  max-height: 100%;
}

.bluediv.sesoeciales:hover {
  background-color: var(--midnight-blue-2);
}

.whitediv {
  background-color: #fff;
  max-width: 600px;
  max-height: none;
  padding: 20px 40px;
}

.whitediv:hover {
  background-color: var(--white-smoke);
}

.whitediv.aptos {
  max-width: 600px;
  height: 400px;
  max-height: none;
  margin-left: 0;
}

.whitediv.aptos:hover {
  background-color: var(--white-smoke);
}

.whitediv.sanitarios {
  width: auto;
  max-width: none;
  height: 200px;
  max-height: 100%;
  padding-left: 20px;
  padding-right: 20px;
}

.whitediv.sanitarios:hover {
  background-color: var(--white);
}

.whitediv.control {
  max-width: none;
  height: 200px;
  padding-left: 20px;
  padding-right: 20px;
  overflow: visible;
}

.whitediv.control:hover {
  background-color: var(--white);
}

.image-10 {
  width: auto;
  height: 416px;
}

.div-block-19 {
  width: 100%;
  transition: all .2s;
  display: none;
}

.heading-blue {
  color: var(--midnight-blue);
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 44px;
}

.parrfo {
  color: #13294d;
  margin-top: 10px;
  font-size: 14px;
  display: none;
}

.parrfo.dos {
  color: var(--white-smoke);
  margin-bottom: 40px;
  display: block;
}

.parrfo.white._2ndo {
  color: var(--white);
  margin-bottom: 40px;
  display: block;
}

.parrfo._2 {
  color: var(--white);
  margin-bottom: 40px;
  display: none;
}

.parrfo.secundario {
  margin-bottom: 40px;
}

.parrfo.apto {
  text-align: left;
  margin-top: 20px;
  font-size: 14px;
  line-height: 1.7em;
  display: block;
}

.parrfo.comercio {
  text-align: justify;
  font-size: 16px;
  display: block;
}

.parrfo.white {
  color: #fff;
  text-align: left;
  max-width: none;
  font-size: 16px;
  line-height: 1.7em;
  display: block;
}

.heading-white {
  color: var(--white);
  max-height: 235px;
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
}

.heading-white.sectiom {
  color: var(--white);
  padding-right: 20px;
  font-size: 24px;
  line-height: 28px;
}

.unbicacion-2-0 {
  background-color: #13294d;
  height: auto;
  margin-top: 0;
}

.unbicacion-2-0.oficinas, .unbicacion-2-0.office {
  margin-top: 0;
}

.div-block-20 {
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  min-width: auto;
  max-width: 710px;
  margin-left: 0;
  padding-left: 0;
  padding-right: 79px;
  display: flex;
}

.column-5 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 100px;
  display: flex;
}

.column-5.mov {
  padding-top: 60px;
}

.image-11 {
  color: var(--orange);
  align-self: stretch;
  max-width: 85%;
  display: block;
}

.heading-4 {
  color: var(--white);
  margin-left: 0;
  padding-left: 0;
  font-family: GothamLight, sans-serif;
  font-size: 26px;
}

.heading-4.margin {
  margin-left: 0;
}

.bold-text-3 {
  font-family: GothamLight, sans-serif;
  font-size: 35px;
}

.section-5 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.bold-text-4 {
  font-family: GothamLight, sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.bold-text-4.white {
  color: var(--white);
}

.div-block-21 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 100%;
  display: grid;
}

.container-3 {
  margin-bottom: 100px;
}

.div-block-22 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.imagen-vertical {
  height: 230px;
}

.image-12 {
  height: auto;
}

.texrblock {
  margin-top: 20px;
  padding-left: 20px;
  font-size: 19px;
  line-height: 22px;
}

.texrblock.white {
  color: #fff;
  padding-left: 0;
}

.section-6 {
  background-image: url('../images/BACKGROUND.webp');
  background-position: 0 0;
  background-size: 1960px;
}

.columns-3 {
  margin-bottom: 0;
  margin-left: 60px;
  margin-right: 60px;
  padding: 100px 220px;
  display: none;
}

.button-3 {
  border: 1px solid var(--orange);
  background-color: var(--orange);
  color: var(--white);
  letter-spacing: 2.3px;
  flex-direction: column;
  margin-bottom: -68px;
  margin-left: 20px;
  font-family: GothamMedium, sans-serif;
  font-size: 19px;
  font-weight: 400;
  display: flex;
}

.button-3:hover {
  color: var(--orange);
  background-color: #0000;
}

.bold-text-5 {
  color: var(--orange);
  font-size: 39px;
}

.section-7 {
  background-color: var(--midnight-blue-2);
  margin-bottom: 0;
  display: block;
}

.text-block-15 {
  cursor: pointer;
  margin-left: 10px;
  font-size: 16px;
  line-height: 25px;
}

.image-13 {
  max-width: none;
  height: 80vh;
  margin-left: auto;
}

.div-block-23 {
  flex-direction: column;
  align-items: flex-end;
  display: block;
}

.image-14 {
  width: 100%;
  max-width: 100%;
}

.button-4 {
  border: 1px solid var(--orange);
  background-color: var(--orange);
  color: var(--white);
  margin-top: 40px;
  font-family: GothamMedium, sans-serif;
  text-decoration: none;
  display: inline-block;
}

.button-4:hover {
  color: var(--orange);
  background-color: #0000;
}

.div-block-24 {
  max-width: 100%;
}

.lightbox-link {
  cursor: zoom-in;
  width: 100%;
}

.footer-2 {
  background-color: var(--midnight-blue-2);
  text-align: center;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 0;
  padding-left: 0;
  display: block;
}

.footer-flex-container {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.footer-logo-link {
  flex: 0 auto;
  width: auto;
  min-width: auto;
  max-width: 400px;
  max-height: 60px;
}

.footer-logo-link.w--current {
  align-self: center;
  max-width: 400px;
  max-height: 110px;
}

.footer-image {
  object-fit: contain;
  object-position: 0% 50%;
  width: 90%;
  max-width: 90%;
  height: 190%;
}

.footer-heading {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
}

.footer-link {
  color: var(--white);
  margin-bottom: 20px;
  font-size: 17px;
  text-decoration: none;
  display: block;
}

.footer-link:hover {
  color: var(--orange);
  text-decoration: none;
}

.text-block-16 {
  color: var(--white);
}

.div-block-25 {
  width: 80px;
}

.div-block-26 {
  background-color: var(--blue-black);
}

.container-4 {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-27 {
  width: 250px;
}

.section-8 {
  display: none;
}

.columns-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  display: flex;
}

.footer-3 {
  text-align: center;
  align-items: flex-start;
  padding-top: 60px;
  padding-bottom: 40px;
  display: none;
}

.footer-3.movil {
  display: none;
}

.footer-flex-container-2 {
  text-align: left;
  justify-content: space-between;
  margin-bottom: 40px;
  display: flex;
}

.footer-logo-link-2 {
  flex: 0 auto;
  min-width: 60px;
  max-height: 60px;
}

.footer-image-2 {
  object-fit: contain;
  object-position: 0% 50%;
  width: 100%;
  height: 100%;
}

.footer-heading-2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.footer-link-2 {
  color: #444;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.footer-link-2:hover {
  text-decoration: underline;
}

.section-9, .section-10 {
  display: none;
}

.section-11 {
  display: block;
}

.cta-movil {
  display: none;
}

.list-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  width: 260px;
  height: 40px;
  margin-top: 20px;
  display: grid;
}

.link-block-4 {
  background-image: url('../images/instagram-3.svg');
  background-position: 0 0;
  background-size: auto;
  width: 30px;
  height: 30px;
}

.link-block-5 {
  background-image: url('../images/facebook-2.svg');
  background-position: 0 0;
  background-size: auto;
  width: 30px;
  height: 30px;
}

.link-block-6 {
  background-image: url('../images/waze-icn-05.webp');
  background-position: 0 0;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.link-block-7 {
  background-image: url('../images/whatsapp-logo-variant.webp');
  background-position: 0 0;
  background-size: cover;
  width: 30px;
  height: 30px;
}

.div-block-38 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.columns-5 {
  margin-top: 60px;
  display: block;
}

.heading-blue-2 {
  color: #1a3661;
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
}

.heading-blue-2.number {
  font-size: 24px;
  line-height: 28px;
}

.div-block-39 {
  background-image: url('../images/instalaciones.webp');
  background-position: 0 0;
  background-size: cover;
  height: 200px;
}

.div-block-40 {
  height: 220px;
}

.image-15 {
  height: auto;
}

.div-block-41 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: none;
  display: grid;
}

.div-block-42 {
  background-color: var(--midnight-blue-2);
}

.section-12 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding-top: 40px;
  display: flex;
}

.section-13, .cta-movil-2 {
  display: none;
}

.bold-text-6 {
  font-family: GothamLight, sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.bold-text-6.white {
  color: #fff;
}

.bold-text-7 {
  text-align: center;
}

.bold-text-8 {
  text-align: center;
  font-weight: 400;
}

.bold-text-9 {
  font-family: GothamRegular, sans-serif;
}

.div-block-48 {
  flex-direction: column;
  align-items: center;
  min-width: auto;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.list-item-2, .list-item-3, .list-item-4, .list-item-5 {
  color: var(--midnight-blue);
  margin-bottom: 5px;
  font-family: GothamRegular, sans-serif;
  font-size: 17px;
}

.bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
  color: var(--midnight-blue-2);
  font-family: GothamBold, sans-serif;
  font-size: 20px;
}

.div-esta-web {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-esta-web.movil {
  margin-top: -60px;
}

.div-block-50 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: 56px auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.image-17 {
  max-width: 40%;
}

.text-block-17 {
  text-align: right;
  font-size: 17px;
}

.div-block-51 {
  flex-direction: column;
  align-items: center;
  min-width: auto;
  max-width: none;
  height: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.div-block-52 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-18 {
  align-self: center;
  width: 100%;
  min-width: 100%;
  margin-bottom: 71px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
}

.left-arrow-2, .right-arrow-2 {
  z-index: 1002;
  color: var(--white);
}

.div-block-53 {
  align-self: flex-end;
  display: flex;
}

.text-block-18 {
  font-size: 11px;
}

.footer-link-3 {
  color: #cfa56e;
  text-decoration: none;
}

.linkenfatizado {
  color: #57c9e8;
  letter-spacing: .5px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.linkenfatizado.sect2 {
  margin-left: 6px;
}

.text-block-19 {
  color: var(--midnight-blue-2);
  margin-top: 8px;
  margin-right: 0;
  font-size: 12px;
  font-weight: 400;
}

.img-adx {
  margin-top: 7px;
  margin-left: 5px;
}

.container-7 {
  align-self: stretch;
  display: block;
}

.image-21 {
  max-width: 600px;
  height: auto;
}

.image-22 {
  max-width: 600px;
  height: 400px;
  display: block;
}

.image-23 {
  max-width: none;
  height: 400px;
}

.bold-text-14 {
  font-family: GothamLight, sans-serif;
  font-size: 35px;
}

.div-block-54 {
  align-self: center;
}

.div-block-55, .div-block-56 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 80%;
  display: grid;
}

.light2 {
  font-weight: 400;
}

.footer-heading-3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.5;
}

.footer-link-4 {
  color: #444;
  margin-bottom: 10px;
  text-decoration: none;
  display: block;
}

.footer-link-4:hover {
  text-decoration: underline;
}

.servicio-mobil {
  display: none;
}

.bold-text-21 {
  font-family: GothamMedium, sans-serif;
}

.columns-6 {
  flex-direction: row;
  display: block;
}

.section-14 {
  flex-direction: column;
  align-items: stretch;
  display: block;
}

.div-block-58 {
  max-width: none;
  height: 200px;
}

.div-block-59 {
  background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
  background-position: 50%;
  background-size: cover;
  max-width: 100%;
  height: 200px;
  max-height: 100%;
}

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

.div-block-61 {
  height: auto;
}

.column-10 {
  height: auto;
  overflow: hidden;
}

.container-9 {
  margin-top: 0;
}

.section-15 {
  display: none;
}

.div-block-64 {
  grid-row-gap: 0px;
}

.html-embed {
  width: 470px;
  display: none;
}

.column-11 {
  font-size: 30px;
}

.section-16 {
  padding-top: 40px;
}

.list-item-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .5fr .5fr;
  grid-auto-columns: 1fr;
  width: 260px;
  height: 40px;
  margin-top: 20px;
  display: grid;
}

.dropdown-2 {
  color: #1a3661;
  background-color: #fcfcfc;
  font-weight: 700;
}

.img-contacto-2 {
  float: none;
  color: #fff;
  text-align: left;
  background-image: url('../images/petapolisfotofooter.webp');
  background-position: 0 40px;
  background-repeat: no-repeat;
  background-size: cover;
  width: auto;
  height: 330px;
  max-height: 340px;
  margin-top: 73px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  inset: auto auto auto 0%;
  overflow: visible;
}

.h2-3 {
  z-index: 2;
  clear: both;
  color: #1a3661;
  letter-spacing: 1.6px;
  margin-bottom: 22px;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
  position: relative;
}

.h2-3.hide {
  display: none;
}

.columna-no-padd-2 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
}

.div-block-65 {
  z-index: 1004;
  background-color: #f5f5f5;
  padding-top: 60px;
  padding-bottom: 40px;
  position: absolute;
  inset: 709px 0% 64%;
}

.div-block-65.home {
  margin-right: 0;
  padding-right: 0;
  top: 581px;
}

.txt-field-2 {
  color: #5f5f5f;
  background-color: #0000;
  border-width: 0 0 2px;
  border-bottom-style: solid;
  border-bottom-color: #dbcfcc;
  margin-bottom: 15px;
}

.txt-field-2:hover {
  border-bottom-color: #dbcfcc87;
}

.txt-field-2:focus {
  border-width: 2px;
  border-color: #fff;
}

.txt-field-2.mensaje {
  background-color: #fcfcfc7d;
  border-width: 2px;
  border-color: #1a3661;
}

.txt-field-2.lazul {
  border-bottom-color: #1a3661;
}

.bold-text-23 {
  font-family: GothamMedium, sans-serif;
}

.div-block-66 {
  margin-bottom: 40px;
  line-height: 20px;
}

.bold-text-25 {
  font-family: GothamMedium, sans-serif;
}

.bold-text-26 {
  font-family: GothamLight, sans-serif;
}

.html-embed-2 {
  width: 460px;
}

.column-12 {
  padding-top: 60px;
}

.section-17 {
  display: none;
}

.down-linea-2 {
  background-color: #f5a61c;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 28px;
}

.down-linea-2:hover {
  top: 28px;
}

.flecha-slide-2 {
  color: #1a3661;
}

.nav-menu-2 {
  z-index: 1;
  color: #f5f5f5;
  text-align: left;
  background-color: #1a3661;
  background-image: linear-gradient(177deg, #1a3661 2%, #07162c36), url('../images/Petapolis---Exterior-Lateral-SL.webp');
  background-position: 0 0, -307px 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 880px;
  width: 400px;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 300;
  display: none;
  position: fixed;
  right: 0;
  box-shadow: -1px 0 16px 1px #00000059;
}

.block-burger-2 {
  z-index: 2;
  color: #f5a61c;
  background-color: #1a3661;
  width: 75px;
  height: 75px;
  margin-top: 0;
  padding: 15px 0;
  position: relative;
  top: 0;
  right: 0;
}

.block-burger-2.w--open {
  z-index: 2;
  color: #f5a61c;
  background-color: #1a3661;
}

.button-6 {
  color: #fff;
  letter-spacing: 2.3px;
  text-transform: uppercase;
  background-color: #f5a61c;
  border: 1px solid #f5a61c;
  flex-direction: column;
  margin-bottom: -68px;
  margin-left: 20px;
  font-family: GothamMedium, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.4em;
  display: flex;
}

.button-6:hover {
  color: #f5a61c;
  background-color: #0000;
}

.nav-link-2 {
  z-index: 0;
  opacity: 0;
  color: #f5f5f5;
  text-align: center;
  letter-spacing: 1.5px;
  text-transform: none;
  border-bottom: 3px solid #0000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 50px;
  font-size: 18px;
  font-weight: 700;
  transition: border .35s;
  display: block;
}

.nav-link-2:hover {
  background-color: #0000001a;
  border-bottom: 3px solid #f5a61c;
  padding-top: 10px;
  padding-bottom: 10px;
  text-decoration: none;
}

.nav-link-2.w--current {
  color: #f5a61c;
}

.nav-link-2.primer-link {
  margin-top: 55px;
}

.nav-link-2.primer-link.w--current {
  opacity: 0;
}

.top-linea-2 {
  text-align: right;
  background-color: #f5a61c;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 12px;
  left: 0;
}

.top-linea-2:hover {
  top: 12px;
}

.center-linea-2 {
  text-align: right;
  background-color: #f5a61c;
  width: 35px;
  height: 2px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
  top: 20px;
  left: 0;
}

.heading-blue-3 {
  color: #1a3661;
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 44px;
}

.cotizar-button-2 {
  color: #fff;
  letter-spacing: 1.5px;
  background-color: #f5a61c;
  border: 1px solid #07162c;
  align-self: flex-start;
  margin-top: 40px;
  padding: 10px 15px;
  font-size: 24px;
}

.cotizar-button-2:hover {
  color: #fcf2f0;
  background-color: #0000;
  border: 1px solid #f5a61c;
  margin-top: 40px;
  font-size: 23px;
}

.cotizar-button-2.otro {
  border-style: none;
  margin-right: 20px;
}

.cotizar-button-2.otro:hover {
  border-style: solid;
}

.box-icon-2 {
  flex-direction: column;
  align-items: center;
  width: 220px;
  height: 220px;
  display: flex;
}

.box-icon-2:hover {
  color: #1a3661;
  box-shadow: 1px 1px 3px #dbcfcc;
}

.button-8 {
  color: #fff;
  background-color: #f5a61c;
  border: 1px solid #f5a61c;
  margin-top: 40px;
  font-family: GothamMedium, sans-serif;
  text-decoration: none;
  display: inline-block;
}

.button-8:hover {
  color: #f5a61c;
  background-color: #0000;
}

.bluediv-2 {
  background-color: #13294d;
  padding: 20px 40px;
}

.bluediv-2:hover {
  background-color: #fff;
}

.bluediv-2.oficina {
  max-width: 600px;
  height: 400px;
  max-height: none;
  padding-right: 40px;
}

.bluediv-2.oficina:hover {
  background-color: #0b1d3d;
}

.whitediv-2 {
  background-color: #fff;
  max-width: 600px;
  height: 400px;
  max-height: none;
  padding: 20px 40px;
}

.whitediv-2:hover {
  background-color: #f5f5f5;
}

.whitediv-2.aptos {
  max-width: 600px;
  height: 400px;
  max-height: none;
  margin-left: 0;
}

.whitediv-2.aptos:hover {
  background-color: #f5f5f5;
}

.heading-white-2 {
  color: #fff;
  max-height: 235px;
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 38px;
}

.cta-movil-3 {
  background-color: var(--white-smoke);
  display: block;
}

.cta-2 {
  height: 175px;
  padding-top: 72px;
  padding-bottom: 15px;
  transition: background-color .6s;
}

.cta-2:hover {
  background-color: #1a3661;
}

.cta-2.margin {
  text-align: left;
  margin-top: 85px;
  margin-bottom: 85px;
  padding-top: 54px;
}

.cta-2.margin._2-0 {
  background-color: #f5f5f5;
  margin-top: 91px;
  margin-bottom: 20px;
  padding-top: 30px;
  display: block;
}

.bold-text-27 {
  color: #f5a61c;
  font-size: 38px;
}

.section-18 {
  background-color: #13294d;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
}

.linea-naranja {
  background-color: var(--orange);
  width: 40%;
  height: 4px;
}

.bold-text-28 {
  color: var(--orange);
}

.paragraph {
  color: #fff;
  margin-top: 20px;
  font-size: 14px;
}

.bold-text-29 {
  color: var(--orange);
}

.slide-16, .slide-17, .slide-18, .slide-19, .slide-20, .slide-21, .slide-22, .slide-23, .slide-24, .slide-25, .slide-26, .slide-27, .slide-1-4, .slide-1-5, .slide-1-6 {
  background-color: var(--white);
}

.bold-text-30 {
  font-size: 15px;
}

.div-block-69 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: var(--orange);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 20px;
  display: grid;
}

.button-9 {
  display: inline;
}

.image-26 {
  width: 50px;
}

.div-block-70 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 10px;
  display: grid;
}

.paragraph-2 {
  color: var(--white);
  text-align: justify;
  margin-top: 20px;
  font-size: 14px;
}

.link-block-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  text-decoration: none;
  display: grid;
}

.text-block-21 {
  color: var(--midnight-blue);
  border: 1px #000;
  font-family: GothamMedium, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
}

.link-block-10 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  grid-auto-columns: 1fr;
  place-items: center;
  text-decoration: none;
  display: grid;
}

.nav-menu-3 {
  z-index: 1;
  color: #f5f5f5;
  text-align: left;
  background-color: #1a3661;
  background-image: linear-gradient(177deg, #1a3661 2%, #07162c36), url('../images/Petapolis---Exterior-Lateral-SL.webp');
  background-position: 0 0, -307px 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, auto 880px;
  width: 400px;
  padding-top: 30px;
  padding-bottom: 0;
  padding-left: 0;
  font-weight: 300;
  display: none;
  position: fixed;
  right: 0;
  box-shadow: -1px 0 16px 1px #00000059;
}

.footer-nab-2 {
  clear: both;
  background-color: #0000;
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  height: auto;
  padding-top: 0;
  padding-bottom: 1px;
  padding-left: 20px;
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
}

.footer-nab-2._2 {
  background-image: linear-gradient(#f5f5f5, #f5f5f5);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: auto;
  height: auto;
  padding-top: 30px;
  padding-left: 0;
  display: none;
}

.image-27 {
  width: 25px;
  margin-top: 5px;
  margin-left: 5px;
  position: absolute;
}

.text-block-22 {
  color: #fff;
  width: 200px;
  padding-left: 20px;
  font-size: 10px;
  line-height: 13px;
  text-decoration: none;
  position: absolute;
  top: 314px;
}

.text-block-22.secundario {
  color: var(--midnight-blue-2);
  width: 240px;
  top: 92px;
  left: 193px;
}

.text-block-22.otro {
  top: 512px;
}

.lightbox-link-2 {
  cursor: zoom-in;
  text-decoration: none;
}

.lightbox-link-3, .lightbox-link-4, .lightbox-link-5, .lightbox-link-6, .lightbox-link-7, .lightbox-link-8 {
  cursor: zoom-in;
}

.nav-desktop {
  z-index: 99;
  background-color: var(--midnight-blue-2);
  border: 1px #000;
  height: 60px;
  max-height: 60px;
  margin-bottom: 0;
  padding-left: 5%;
  padding-right: 5%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.container-12 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.nav-link-3 {
  color: #fff;
}

.nav-link-menu {
  color: var(--white-smoke);
  padding-bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;
}

.nav-link-menu:hover {
  border-bottom: 1px solid var(--orange);
}

.image-28 {
  width: 150px;
  margin-top: 9px;
}

.content-logo-menu {
  display: block;
}

.container-13 {
  width: 100%;
  max-width: 100%;
}

.columns-7 {
  background-color: var(--midnight-blue-2);
  display: none;
}

.content-contact {
  background-color: var(--white-smoke);
  border-radius: 0;
  max-width: 100%;
  margin-top: -162px;
  padding: 40px;
  display: flex;
}

.section-19 {
  background-color: var(--white-smoke);
  margin-top: 0;
  padding: 60px 10% 87px;
}

.div-block-71 {
  background-color: var(--midnight-blue-2);
  background-image: linear-gradient(to bottom, var(--midnight-blue-2), var(--blue-black));
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50%;
  margin-left: 0;
  margin-right: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  box-shadow: 5px 5px 10px #0000004d;
}

.div-block-72 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding-left: 49px;
  padding-right: 47px;
  display: flex;
}

.form-2 {
  width: 100%;
  max-width: 100%;
  margin-top: auto;
  margin-bottom: auto;
}

.form-contactojt {
  background-color: #0000;
  width: 100%;
  margin-top: 0;
}

.section-20 {
  background-image: linear-gradient(#1a3661fa, #07162c8a), url('../images/petapolisfotofooter.webp');
  background-position: 0 0, 50% 0;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 450px;
  padding-top: 0;
  display: flex;
}

.head-contact {
  color: #fff;
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-bottom: 1px #fff;
  height: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  font-family: GothamBold, sans-serif;
  font-size: 64px;
  line-height: 69px;
}

.field-label-2, .field-label-3 {
  color: #fff;
}

.text-block-23 {
  color: var(--white-smoke);
  font-family: GothamBold, sans-serif;
  font-size: 30px;
  line-height: 35px;
}

.bold-text-31 {
  font-family: GothamLight, sans-serif;
  font-size: 35px;
  font-weight: 500;
}

.submit-button {
  background-color: var(--midnight-blue-3);
  width: 125px;
}

.container-field-form {
  width: 100%;
}

.div-block-73 {
  grid-column-gap: 49px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.content-info {
  border: 2px none var(--midnight-blue-2);
  background-color: var(--orange);
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 37px 0;
  padding: 29px 20px;
  display: flex;
  box-shadow: 4px 4px 10px #00000042;
}

.image-29 {
  width: 50px;
  margin-bottom: 15px;
}

.text-block-24 {
  color: #fff;
}

.text-block-25 {
  color: var(--white);
}

.link-5 {
  color: #fff;
  text-decoration: none;
}

.container-14 {
  max-width: 100%;
  margin-top: 0;
  padding-left: 40px;
  padding-right: 90px;
  display: none;
}

.section-21 {
  background-color: var(--midnight-blue-2);
  height: 625px;
  display: none;
  overflow: hidden;
}

.container-15 {
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}

.image-30 {
  width: 600px;
  max-width: none;
  transform: translate(-10px, -81px);
}

.div-block-74 {
  width: 50%;
  overflow: visible;
}

.div-block-75 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  margin-top: -160px;
  padding-left: 10%;
  display: block;
}

.text-block-26 {
  color: #fff;
  font-family: GothamBold, sans-serif;
  font-size: 40px;
  line-height: 40px;
}

.bold-text-32 {
  font-family: GothamLight, sans-serif;
}

.text-block-27 {
  color: #fff;
  margin-top: 30px;
  font-family: GothamLight, sans-serif;
  font-size: 30px;
}

.image-31 {
  width: 90%;
  margin-top: 28px;
}

.footer-heading-4 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 1.5;
}

.footer-heading-4.pagecontact {
  color: #fff;
}

.footer-link-5 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 17px;
  text-decoration: none;
  display: block;
}

.footer-link-5:hover {
  color: #f5a61c;
  text-decoration: none;
}

.footer-link-5.pagecontact {
  color: #fff;
}

.footer-4 {
  background-color: var(--midnight-blue-2);
  text-align: center;
  align-items: flex-start;
  padding-top: 100px;
  padding-bottom: 40px;
  display: block;
}

.footer-4.contact-page {
  background-color: var(--midnight-blue-2);
  background-image: linear-gradient(to bottom, var(--midnight-blue-3), #07162cc7);
  display: none;
}

.section-22 {
  background-image: linear-gradient(#13294db8, #07162ccc), url('../images/petapolisfotofooter.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 300px;
  display: flex;
}

.heading-5 {
  color: var(--orange);
  font-family: GothamBold, sans-serif;
  font-size: 64px;
}

.section-23 {
  background-color: var(--white-smoke);
  width: 100%;
  margin-top: 0;
  padding-top: 62px;
  display: block;
  position: static;
}

.container-16 {
  background-color: var(--midnight-blue-3);
  border-radius: 20px;
  justify-content: flex-end;
  align-items: center;
  max-width: 80%;
  margin-top: 0;
  padding-top: 0;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
  position: relative;
  top: -8px;
  left: auto;
  right: auto;
}

.div-block-76 {
  background-color: var(--white-smoke);
  border-radius: 0;
  width: 40%;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 15px 14px 15px 17px;
  position: static;
  inset: 0% auto 0% 50px;
  overflow: hidden;
}

.div-block-77 {
  background-color: #0000;
  border-radius: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
  padding: 46px 0 72px;
  display: flex;
}

.heading-6 {
  color: #fff;
  text-align: left;
  width: 100%;
  font-family: GothamLight, sans-serif;
  font-size: 24px;
}

.submit-button-2 {
  background-color: var(--orange);
}

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

.container-17 {
  max-width: 80%;
}

.text-block-28 {
  color: var(--midnight-blue-2);
  margin-top: 0;
  padding-top: 30px;
  padding-left: 0;
  font-size: 35px;
  line-height: 40px;
}

.form-3 {
  background-color: #0000;
  padding-left: 0;
}

.field-label-4, .field-label-5, .field-label-6 {
  color: #fff;
}

.div-block-78 {
  width: 25%;
}

.div-block-79 {
  width: 50%;
  padding-right: 0;
}

.heading-7 {
  margin-top: 0;
  font-family: GothamLight, sans-serif;
  font-size: 22px;
}

.image-32 {
  margin-top: 26px;
}

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

.text-field {
  border: 1px solid var(--orange);
  background-color: #0000;
}

.field-form {
  border: 1px solid var(--orange);
  background-color: #0000;
  width: 100%;
  height: 40px;
}

.select-field, .select-field-2 {
  border: 1px solid var(--orange);
}

.label-form {
  font-family: GothamLight, sans-serif;
}

.divfrist {
  z-index: -1;
  position: absolute;
}

.heading-20 {
  color: #fff;
  align-items: center;
  font-family: GothamBold, sans-serif;
  font-size: 42px;
  display: flex;
}

.div-block-82 {
  align-items: center;
  padding-left: 0%;
  padding-right: 5%;
  display: flex;
}

.container-18 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0%;
  padding-right: 0%;
}

.grid-6 {
  justify-items: justificar-elementos-estirar;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.rich-txt-block {
  color: #1c3264;
  text-align: justify;
  width: 100%;
  max-width: 100%;
  font-family: GothamLight, sans-serif;
  font-size: 16px;
}

.top-padding3 {
  color: var(--midnight-blue-2);
  padding: 39px 0 0;
}

.link-block-11 {
  background-color: var(--midnight-blue-2);
  color: #1c3264;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  width: 350px;
  margin-bottom: 0;
  padding: 12px 9px;
  font-family: Montserrat, sans-serif;
  text-decoration: none;
  transition: transform .6s;
  display: flex;
}

.link-block-11:hover {
  transform: translate(0, -5px);
}

.paragraph-24 {
  color: #ff457c;
  margin-left: 0;
  margin-right: 10px;
  font-size: 20px;
  text-decoration: none;
}

.paragraph-24._2 {
  color: #fff;
  margin-bottom: 0;
  margin-left: 11px;
  font-family: GothamLight, sans-serif;
}

.privacidad {
  background-color: #f5f5f500;
  height: auto;
  padding: 50px 10% 28px;
  font-size: 16px;
  display: block;
  position: static;
}

.image-47 {
  width: 20px;
  transform: rotate(180deg);
}

.section-24 {
  background-image: linear-gradient(to bottom, var(--midnight-blue-2), #07162c91), url('../images/vlcsnap-2023-06-19-11h44m13s220.webp');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  justify-content: flex-start;
  align-items: center;
  min-height: 400px;
  max-height: 400px;
  padding-top: 0;
  padding-left: 10%;
  display: flex;
}

.text-politicas {
  color: var(--midnight-blue-2);
  text-align: justify;
  margin-top: 22px;
  font-family: GothamLight, sans-serif;
  font-size: 18px;
}

.link-6 {
  color: #fff;
  margin-top: 6px;
  font-size: 16px;
  text-decoration: none;
}

.div-block-87 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin-bottom: 66px;
  display: flex;
  position: relative;
}

.text-span-8 {
  font-weight: 400;
}

.link-7 {
  color: #1c3264;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 28px;
  text-decoration: none;
}

.link-7.phone {
  font-size: 24px;
}

.div-logo {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.area-rrss {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 31px;
  display: flex;
}

.paragraph-27 {
  z-index: 99;
  color: #fff;
  text-align: center;
  letter-spacing: 1px;
  margin-top: 8px;
  margin-bottom: 10px;
  font-family: GothamLight, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 35px;
  position: static;
  inset: 0% 0% auto;
}

.thank-you-img-2 {
  z-index: -1;
  width: 12em;
  position: static;
}

.section-thanks {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  max-height: 100vh;
  margin-top: 0;
  padding: 129px;
  display: flex;
}

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

.image-48 {
  width: 250px;
  margin-left: auto;
  margin-right: auto;
}

.section-25 {
  background-color: var(--midnight-blue-2);
  background-image: linear-gradient(to bottom, var(--midnight-blue-2), #07162cc9), url('../images/centromall.webp');
  background-position: 0 0, 0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.image-49 {
  width: 350px;
  margin-bottom: 13px;
}

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

.image-50 {
  width: 16px;
  transform: rotate(180deg);
}

.link-block-12 {
  background-color: var(--white-smoke);
  color: #fff;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  padding: 10px;
  font-family: GothamLight, sans-serif;
  text-decoration: none;
  display: flex;
}

.text-block-29 {
  color: var(--midnight-blue-2);
  margin-left: 10px;
  font-family: GothamMedium, sans-serif;
}

.bold-text-33 {
  font-family: GothamBold, sans-serif;
}

.text-block-30 {
  color: #fff;
  margin-left: 9px;
}

.div-block-89 {
  width: 100%;
  margin-top: 28px;
  display: flex;
}

.text-block-31 {
  color: #fff;
  margin-left: 5px;
  margin-right: 5px;
}

.image-51 {
  width: 16px;
}

.image-51.waze {
  width: 20px;
  margin-left: 0;
}

.div-block-90 {
  width: 50%;
  max-width: 50%;
  padding-left: 72px;
}

.text-span-9 {
  font-family: GothamLight, sans-serif;
  font-size: 40px;
  line-height: 43px;
}

.div-block-93 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.container-20 {
  max-width: 1200px;
}

.div-block-94 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.contenedor-general {
  max-width: 1200px;
  display: block;
}

.div-block-95 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-96 {
  flex-direction: column;
  align-items: flex-start;
  width: 40%;
  display: flex;
}

.div-block-97 {
  justify-content: flex-end;
  width: 60%;
  display: flex;
}

.hero-mobile {
  display: none;
}

.div-block-99 {
  justify-content: space-between;
  height: 90vh;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.hero-2022 {
  background-color: var(--midnight-blue-2);
  background-image: linear-gradient(#13294d 52%, #061225);
}

.div-block-100 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 50%;
  margin-right: auto;
  padding-bottom: 60px;
  display: flex;
}

.texto-hero2-0-copy {
  z-index: 2;
  flex-direction: column;
  margin-left: 0;
  display: flex;
  position: static;
  top: 317px;
}

.div-block-101 {
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
}

.edificios-oficinas {
  display: none;
}

.div-block-18-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: grid;
}

.image-55 {
  object-fit: cover;
  width: 100%;
  height: 24vw;
}

.image-13-copy {
  max-width: none;
  height: 80vh;
  margin-left: auto;
  display: none;
}

.div-block-103 {
  justify-content: flex-start;
  padding-top: 11px;
  display: flex;
}

.wraper-side-menu {
  z-index: 98;
  background-color: var(--midnight-blue-2);
  background-image: linear-gradient(143deg, #13294df2 62%, #00000078), url('../images/petapolisfotofooter.webp');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  width: 0;
  height: 100vh;
  margin-left: auto;
  display: block;
  position: relative;
  box-shadow: -12px 4px 14px -8px #000000b5;
}

.nav-2022jt {
  z-index: 98;
  background-color: #0000;
  width: auto;
  position: fixed;
  inset: 0% 0% auto auto;
}

.wraper-btn-active-menu {
  z-index: 99;
  background-color: var(--midnight-blue);
  color: var(--midnight-blue-2);
  cursor: pointer;
  padding: 13px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-56 {
  width: 270px;
}

.wraper-logo {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 36px;
  padding-top: 57px;
  padding-left: 10%;
  display: flex;
}

.link-8 {
  color: #fff;
  text-align: left;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10%;
  font-size: 1.25rem;
  text-decoration: none;
}

.link-8:hover, .link-8:visited, .link-8.w--current {
  border-bottom: 2px solid var(--orange);
}

.wraper-links-menu {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  padding-left: 0%;
  display: flex;
}

.link-9 {
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  text-decoration: none;
}

.text-block-32 {
  color: #fff;
}

.wraperr-phone-email {
  flex-direction: column;
  margin-top: 20%;
  padding-left: 10%;
  display: flex;
}

.image-57 {
  width: 30px;
}

.wraper-redes {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  padding-top: 5%;
  padding-left: 10%;
  display: flex;
}

.lottie-animation {
  width: 44px;
  margin-bottom: -8px;
}

.image-58 {
  object-fit: cover;
  width: 100%;
  max-width: none;
  height: 660px;
}

.div-block-106 {
  flex-direction: column;
  justify-content: space-between;
  height: 700px;
  min-height: auto;
  padding-top: 31px;
  padding-bottom: 78px;
  display: flex;
}

.image-59 {
  display: none;
}

.div-block-107 {
  flex-direction: column;
  justify-content: space-between;
  height: 700px;
  padding-top: 29px;
  padding-bottom: 74px;
  display: flex;
}

.div-block-108 {
  flex-direction: column;
  justify-content: space-between;
  height: 700px;
  padding-top: 37px;
  padding-bottom: 76px;
  display: flex;
}

.image-60 {
  width: 20px;
  min-width: 20px;
}

.link-block-13 {
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  text-decoration: none;
  display: flex;
}

.text-block-33 {
  color: #fff;
}

.div-block-109 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.div-block-110 {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.link-8-copy {
  border: 2px solid var(--orange);
  color: #fff;
  text-align: center;
  background-color: #0000;
  border-radius: 20px;
  width: 200px;
  margin-top: 7px;
  margin-bottom: 15px;
  margin-left: 10%;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 0%;
  font-size: 1.25rem;
  text-decoration: none;
}

.link-8-copy:hover {
  border-bottom: 2px solid var(--orange);
  background-color: var(--orange);
}

.link-8-copy:visited {
  border-bottom: 2px solid var(--orange);
}

.link-8-copy.w--current {
  border-bottom: 2px solid var(--orange);
  background-color: var(--orange);
}

.div-block-111 {
  flex-direction: column;
  margin-bottom: 20px;
  display: flex;
}

.text-span-10 {
  font-family: GothamMedium, sans-serif;
}

.form-cotizarjt, .form-programarcita-jt {
  background-color: #0000;
  width: 100%;
  margin-top: 0;
}

.html-embed-4 {
  margin-bottom: 22px;
}

.grid-logo_comercios {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  grid-template-rows: minmax(auto, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  padding: 0;
  display: grid;
}

.wrapper-logo_comercio {
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 200%;
  min-width: 100%;
  max-width: 100%;
  height: 150px;
  min-height: 100%;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  box-shadow: 4px 4px 9px #0000000d;
}

.wrapper-logo_comercio.cuadrado {
  padding-top: 0;
  padding-bottom: 0;
}

.image-61 {
  object-fit: contain;
  width: 70%;
  min-width: auto;
  max-width: none;
  height: 80%;
}

.image-62 {
  width: 90%;
  min-width: auto;
  max-width: none;
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  display: block;
}

.slider-logos_comercios {
  background-color: var(--white);
  height: 450px;
}

.container-logos {
  background-image: linear-gradient(#fafafa, #fafafa);
  border-radius: 10px;
  max-width: 1200px;
  padding: 40px;
  position: relative;
  top: -100px;
  bottom: -51px;
  box-shadow: 3px 3px 9px 4px #0000001a;
}

.container-logos.padds {
  background-image: none;
  padding-top: 20px;
}

.container-logos.avances {
  background-image: none;
  position: relative;
  inset: -130px 0 auto;
}

.right-arrow-3 {
  background-color: var(--midnight-blue);
  border-radius: 50px;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  display: none;
  inset: auto 0% 0% auto;
}

.left-arrow-3 {
  background-color: var(--midnight-blue);
  border-radius: 50px;
  width: 30px;
  height: 30px;
  display: none;
  inset: auto auto 0% 0%;
}

.icon-4 {
  width: auto;
  min-width: auto;
  max-width: none;
  height: auto;
  min-height: auto;
  max-height: none;
  margin: 0;
  position: relative;
  inset: 0%;
}

.html-embed-5 {
  color: var(--midnight-blue);
}

.link-block-14 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: -3px;
  padding-bottom: 0;
  display: flex;
}

.image-63 {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.texto-blanco {
  color: #fff;
  padding-bottom: 35px;
}

.texto-blanco.small {
  text-decoration: none;
}

.slider-5 {
  max-width: 600px;
  height: 400px;
}

.left-arrow-4, .right-arrow-4 {
  display: none;
}

.quick-stack {
  height: 400px;
  padding-left: 0;
  padding-right: 0;
}

.cell1 {
  background-image: url('../images/business.jpg');
  background-position: 50%;
  background-size: cover;
  justify-content: flex-end;
}

.cell1.business {
  background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
}

.cell-2 {
  background-image: url('../images/vlcsnap-2023-06-19-11h32m47s866.webp');
  background-position: 14% 100%;
  background-size: cover;
  justify-content: flex-end;
}

.cell-3 {
  background-image: url('../images/vlcsnap-2023-06-19-11h33m29s889.webp');
  background-position: 62% 100%;
  background-size: cover;
  justify-content: flex-end;
}

.heading-21 {
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px var(--black);
  flex-direction: row;
  flex: 0 auto;
  order: 1;
  align-self: center;
  align-items: flex-end;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  display: flex;
  position: static;
}

.cell {
  background-image: url('../images/DJI_0300.jpg');
  background-position: 50% 100%;
  background-size: cover;
  justify-content: flex-end;
}

.cell.business {
  background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
}

.cell-5 {
  background-image: url('../images/DSC_5508.jpg');
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  justify-content: flex-end;
}

.cell-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-image: url('../images/vlcsnap-2023-06-19-15h16m38s471.webp');
  background-position: 0 0;
  background-size: auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  display: flex;
}

.cell-7 {
  background-image: url('../images/vlcsnap-2023-06-19-11h29m02s559.webp');
  background-position: 86% 78%;
  background-size: auto;
  justify-content: flex-end;
}

.quick-stack-2 {
  height: 400px;
  padding-left: 0;
  padding-right: 0;
}

.quick-stack-3 {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}

.cell-8 {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
}

.cell-9 {
  background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
  background-position: 62%;
  background-size: cover;
  flex-wrap: nowrap;
  align-items: center;
  display: flex;
}

.cell-10 {
  align-items: center;
}

.link-block-15 {
  text-decoration: none;
}

.contenedor-general-oficnas {
  max-width: 1200px;
  display: none;
}

.div-block-12-a {
  background-image: url('../images/1.webp');
  background-position: 0 0;
  background-size: auto;
  width: 33.33%;
  min-width: 33.33%;
  height: 550px;
  margin-top: 80px;
}

.div-block-13-a {
  background-image: url('../images/FOTO-PETAPOLIS-2.webp');
  background-position: 101%;
  background-size: cover;
  width: 33.33%;
  min-width: 33.33%;
  height: 620px;
  margin-top: 10px;
}

.quick-stack-5 {
  width: 100%;
  height: 100%;
}

.quick-stack-6 {
  height: 600px;
}

.cell-12 {
  background-image: url('../images/business.jpg');
  background-position: 0 0;
  background-size: cover;
}

.cell-13 {
  background-image: url('../images/room-business-meeting.webp');
  background-position: 50% 0;
  background-size: cover;
}

.container-21 {
  margin-bottom: 40px;
}

.cell-14 {
  align-items: center;
}

.quick-stack-7 {
  width: 100%;
}

.image-64 {
  height: 200px;
}

.icon-5, .icon-6 {
  display: none;
}

.col-2 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  height: 500px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.div-portada-b {
  background-image: url('../images/2.webp');
  background-position: 0%;
  background-size: cover;
  width: 33.33%;
  min-width: 33.33%;
  height: 620px;
  margin-top: 10px;
}

.div-portada-c {
  background-image: url('../images/3.webp');
  background-position: 0%;
  background-size: auto;
  width: 33.33%;
  min-width: 33.33%;
  height: 670px;
  margin-top: -36px;
  margin-bottom: 20px;
}

.div-portada-a {
  background-image: url('../images/1.webp');
  background-position: 80%;
  background-size: auto;
  width: 33.33%;
  min-width: 33.33%;
  height: 550px;
  margin-top: 80px;
}

.image-66 {
  width: auto;
  max-width: none;
}

.edificio-negocios-mobile {
  background-color: #13294d;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: block;
}

.edificio-negocios-mob {
  display: none;
}

.heading-22 {
  color: #ede5d1;
  letter-spacing: 1px;
  justify-content: center;
  align-self: center;
  align-items: center;
  font-family: "Hurmegeometricsans 1", Arial, sans-serif;
  display: flex;
}

.section-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-23 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-2 {
  background-color: #0ab0a8;
  justify-content: center;
  align-items: center;
  display: flex;
}

html.w-mod-js [data-ix="not-show"] {
  display: none;
  transform: translate(0, 25px);
}

html.w-mod-js [data-ix="not-visible"] {
  display: none;
}

@media screen and (min-width: 1280px) {
  .columna-no-padd {
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 0;
    padding-right: 0;
  }

  .columna-no-padd.rigt {
    padding-left: 74px;
    padding-right: 0;
  }

  .footer-nab._2-0 {
    padding: 80px 0% 80px 0;
  }

  .parrafo.intro.servicio {
    text-align: center;
  }

  .txt-block.max {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .img-contacto {
    margin-top: 50px;
  }

  .hero-2-0 {
    margin-top: -355px;
  }

  .div-block-11 {
    grid-column-gap: 20px;
    flex-direction: row;
    width: 50%;
    max-width: 600px;
    padding-left: 16px;
    display: flex;
  }

  .div-block-12, .div-block-13, .div-block-14 {
    width: 33.33%;
    min-width: 33.33%;
  }

  .texto-hero2-0 {
    top: 295px;
  }

  .column-6 {
    margin-top: 24px;
  }

  .columns-4 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-72 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .link-block-11 {
    box-shadow: 2px 2px 5px #0000004d;
  }

  .text-politicas {
    margin-top: 40px;
  }

  .link-block-12 {
    transition: transform .5s;
  }

  .link-block-12:hover {
    transform: translate(0, -5px);
  }

  .text-block-30 {
    color: #fff;
    margin-top: 15px;
    margin-right: 5px;
  }

  .div-block-89 {
    margin-top: 5px;
    display: flex;
  }

  .text-block-31 {
    color: #fff;
    margin-top: 15px;
    margin-right: 5px;
    text-decoration: none;
  }

  .image-51 {
    width: 12px;
    margin-top: 15px;
    margin-right: 5px;
  }

  .image-51.waze {
    width: 22px;
  }

  .div-block-90 {
    width: 50%;
    padding-left: 69px;
  }

  .div-block-99 {
    overflow: hidden;
  }

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

  .texto-hero2-0-copy {
    top: 295px;
  }

  .cell-9 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), transparent 29%), url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
  }

  .cell-11 {
    justify-content: center;
    align-items: center;
  }

  .div-block-13-a, .div-portada-b, .div-portada-c {
    width: 33.33%;
    min-width: 33.33%;
  }
}

@media screen and (min-width: 1440px) {
  .img-crop.planta {
    box-shadow: none;
    -webkit-text-fill-color: inherit;
    background-color: #0000;
    background-clip: border-box;
    max-width: 98%;
  }

  .h3.centro {
    font-style: normal;
    font-weight: 400;
  }

  .tablink, .tablink.w--current {
    width: 20%;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .seccion-apmodelo {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-11 {
    max-width: 700px;
  }

  .div-block-14 {
    background-image: url('../images/3.webp');
    background-position: 0 0;
    background-size: auto;
  }

  .section-thanks {
    flex-direction: column;
    padding: 222px;
    display: flex;
  }

  .bold-text-34, .bold-text-35 {
    font-family: GothamBold, sans-serif;
  }

  .cell-9 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), transparent 29%), url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
    background-position: 0 0, 50%;
  }

  .div-block-13-a, .div-portada-b {
    background-image: url('../images/2.webp');
    background-size: cover;
  }

  .div-portada-c {
    background-image: url('../images/3.webp');
    background-position: 0 0;
    background-size: auto;
  }
}

@media screen and (min-width: 1920px) {
  .columna-no-padd.rigt {
    padding-left: 160px;
  }

  .footer-nab._2-0 {
    padding-left: 0%;
    padding-right: 0%;
  }

  .footer-nab._2-0.sd {
    padding-left: 15%;
    padding-right: 15%;
  }

  .txt-block.max {
    display: flex;
  }

  .tablink.w--current {
    margin-bottom: 10px;
  }

  .div-block-11 {
    align-items: flex-end;
    max-width: 800px;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-13 {
    background-image: url('../images/2.webp');
    background-position: 0 0;
    background-size: auto;
    width: 300px;
  }

  .div-block-14 {
    background-image: url('../images/3.webp');
    background-position: 0 0;
    background-size: auto;
    width: 300px;
    margin-bottom: 0;
  }

  .content-contact {
    padding-top: 110px;
  }

  .section-19 {
    padding-bottom: 69px;
  }

  .div-block-71 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), var(--blue-black));
    margin-left: 100px;
    margin-right: 100px;
    padding-top: 39px;
    padding-bottom: 39px;
    box-shadow: 9px 9px 14px #00000045;
  }

  .div-block-72 {
    padding-left: 50px;
    padding-right: 100px;
  }

  .section-20 {
    background-position: 0 0, 50%;
  }

  .submit-button {
    background-color: var(--midnight-blue);
    margin-top: 8px;
  }

  .container-14 {
    padding-left: 141px;
    padding-right: 148px;
  }

  .section-21 {
    height: 700px;
  }

  .container-15 {
    margin-top: 32px;
  }

  .image-30 {
    transform: translate(300px, -81px);
  }

  .heading-7 {
    font-family: GothamLight, sans-serif;
  }

  .field-form {
    background-color: #0000;
  }

  .select-field, .select-field-2 {
    border: 1px solid var(--orange);
  }

  .divfrist {
    display: block;
  }

  .heading-20 {
    color: #fff;
  }

  .div-block-82 {
    justify-content: center;
    padding-left: 0%;
    display: block;
  }

  .rich-txt-block {
    color: var(--midnight-blue-2);
    text-align: justify;
    font-size: 17px;
  }

  .top-padding3 {
    color: #1c3264;
    font-size: 18px;
  }

  .link-block-11 {
    width: 300px;
    padding-left: 0%;
    padding-right: 0%;
    transition: transform .5s;
  }

  .link-block-11:hover {
    transform: translate(0, -5px);
  }

  .paragraph-24 {
    color: #ff457c;
  }

  .paragraph-24._2 {
    color: #fff;
    font-family: GothamLight, sans-serif;
    font-size: 16px;
  }

  .privacidad {
    padding-left: 15%;
    padding-right: 15%;
    display: block;
  }

  .section-24 {
    padding-left: 15%;
  }

  .div-block-87 {
    margin-bottom: 20px;
  }

  .text-span-8 {
    font-weight: 400;
  }

  .div-logo {
    justify-content: center;
    align-items: center;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
  }

  .paragraph-27 {
    z-index: 99;
    letter-spacing: 1px;
    margin-top: 0;
    font-size: 32px;
    line-height: 40px;
    position: static;
    inset: 10% 0% auto;
  }

  .thank-you-img-2 {
    width: 17em;
  }

  .section-thanks {
    justify-content: center;
    align-items: center;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    margin-top: 0;
    padding: 17em;
    overflow: visible;
  }

  .div-thank {
    margin-top: auto;
    margin-bottom: auto;
  }

  .div-block-89 {
    margin-top: 21px;
  }

  .div-block-90 {
    margin-left: 0;
    margin-right: 100px;
    padding-left: 50px;
    padding-right: 20px;
  }

  .div-block-99 {
    height: 80vh;
  }

  .div-block-100 {
    padding-bottom: 114px;
  }

  .image-55 {
    height: 16vw;
  }

  .image-63 {
    width: 250px;
  }

  .cell-9 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), transparent 29%), url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
    background-position: 0 0, 50%;
  }

  .div-block-12-a {
    background-image: url('../images/1.webp');
  }

  .div-block-13-a, .div-portada-b {
    background-image: url('../images/2.webp');
    background-position: 0 0;
    background-size: auto;
    width: 300px;
  }

  .div-portada-c {
    background-image: url('../images/3.webp');
    background-position: 0 0;
    background-size: auto;
    width: 300px;
    margin-bottom: 0;
  }

  .div-portada-a {
    background-image: url('../images/1.webp');
  }
}

@media screen and (max-width: 991px) {
  .navbar {
    width: 90px;
    padding-left: 19px;
  }

  .menu-nav {
    padding-right: 3px;
  }

  .columna-no-padd.azulblock {
    height: 500px;
  }

  .columna-no-padd.rigt {
    padding-left: 20px;
  }

  .block-text.max._1 {
    padding: 14px;
  }

  .block-text.max._2 {
    padding-bottom: 20px;
  }

  .block-text.banner {
    width: auto;
    margin-top: 8px;
  }

  .linea.marcador.proyect, .linea.separador-secc.proyect, .linea.marcador.proyect {
    top: 180px;
  }

  .img-crop {
    margin-top: 100px;
  }

  .block-group.center.txtblanco {
    font-size: 12px;
  }

  .block-group.padding {
    padding-top: 0;
  }

  .block-group._2proyectos.vivienda {
    height: 500px;
    padding-top: 40px;
  }

  .block-group._2proyectos.comercial {
    background-image: linear-gradient(#0000001a, #0000001a), url('../images/Petapolis_Comercio_min.webp');
    background-position: 0 0, 50%;
    background-size: auto, cover;
    height: 500px;
    margin-top: 0;
    padding-top: 40px;
  }

  .block-group._2proyectos.oficinas {
    height: 500px;
    margin-top: 0;
    padding-top: 40px;
  }

  .block-group._2proyectos.clinicas {
    background-image: linear-gradient(#0000001a, #0000001a), url('../images/Corporativo-C2-2-1024x698.webp');
    background-position: 0 0, 82%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 500px;
    padding-top: 40px;
  }

  .block-group.amenidades.super {
    padding-top: 255px;
  }

  .block-group.amenidades.business, .block-group.amenidades.canchas, .block-group.amenidades.guarderia {
    padding-top: 240px;
  }

  .block-group.thmb-blog.super {
    padding-top: 255px;
  }

  .block-group.thmb-blog.business, .block-group.thmb-blog.canchas, .block-group.thmb-blog.guarderia {
    padding-top: 240px;
  }

  .cta.margin {
    height: 220px;
  }

  .btn.linea.bckazul._2-0 {
    margin-left: 0;
  }

  .h1.contacto {
    font-size: 30px;
    line-height: 45px;
  }

  .h2 {
    font-size: 28px;
    line-height: 35px;
  }

  .h2.centro {
    text-align: center;
  }

  .footer-nab._2-0.sd {
    padding-left: 0%;
    padding-right: 0%;
  }

  .h4.servicios {
    font-size: 16px;
  }

  .h3.gris {
    text-align: center;
  }

  .parrafo.blanco.proyectos {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .parrafo.blanco.botonera {
    padding-top: 88px;
    padding-bottom: 0;
  }

  .seccion-ubicacion.op3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .elementos {
    display: none;
  }

  .img-contacto {
    object-fit: cover;
    width: 100%;
    height: 400px;
  }

  .image.logo2-0 {
    z-index: 0;
    width: 300px;
    max-width: 300px;
    position: static;
  }

  .imgfull {
    background-image: linear-gradient(#07162cd9, #07162cd9), url('../images/lobby-render.webp');
    background-repeat: repeat, no-repeat;
    background-size: auto, auto;
    height: 400px;
    padding-top: 55px;
  }

  .imgfull.solido {
    background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
  }

  .falso-contenedor {
    height: auto;
    min-height: auto;
    margin-bottom: 87px;
    padding-top: 42px;
  }

  .row-move {
    position: absolute;
  }

  .container-move.avances {
    padding-top: 70px;
    padding-bottom: 0;
    top: -240px;
  }

  .img-100 {
    z-index: 2;
    position: relative;
  }

  .block {
    overflow: visible;
  }

  .col-margin {
    margin-top: 20px;
  }

  .slider-ap {
    width: 100%;
  }

  .top-linea {
    width: 35px;
    left: 0;
  }

  .center-linea {
    width: 30px;
    left: 0;
  }

  .down-linea {
    width: 35px;
  }

  .grid-avances {
    grid-template-rows: auto auto auto;
  }

  .container-max {
    width: auto;
  }

  .banner-adlo {
    height: 200px;
    padding-right: 100px;
  }

  .slider-blog {
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .slider-blog.sld-full-w {
    height: auto;
  }

  .section {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-6 {
    display: block;
  }

  .h2-2 {
    font-size: 28px;
    line-height: 35px;
  }

  .column {
    height: 100%;
  }

  .hero-2-0, .info-section {
    overflow: hidden;
  }

  .div-block-18 {
    grid-template-columns: 1fr;
    width: 90%;
    min-width: auto;
    max-width: none;
  }

  .div-block-20 {
    padding-right: 0;
  }

  .image-11 {
    max-width: 100%;
  }

  .section-5 {
    overflow: visible;
  }

  .columns-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .footer-flex-container {
    margin-left: 0;
    margin-right: 0;
  }

  .footer-logo-link.w--current {
    max-width: 300px;
  }

  .footer-link {
    font-size: 14px;
  }

  .div-block-27 {
    padding-left: 24px;
  }

  .footer-3 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-7 {
    background-color: var(--midnight-blue-2);
  }

  .image-21 {
    max-width: none;
  }

  .image-23 {
    display: none;
  }

  .div-block-55, .div-block-56 {
    width: 100%;
  }

  .img-contacto-2 {
    width: 410px;
  }

  .h2-3 {
    font-size: 28px;
    line-height: 35px;
  }

  .down-linea-2 {
    width: 35px;
  }

  .top-linea-2 {
    width: 35px;
    left: 0;
  }

  .center-linea-2 {
    width: 30px;
    left: 0;
  }

  .bluediv-2.oficina {
    max-width: none;
    height: auto;
  }

  .whitediv-2 {
    max-width: none;
  }

  .whitediv-2.aptos {
    width: auto;
    min-width: auto;
    max-width: none;
    height: auto;
  }

  .cta-2.margin {
    height: 220px;
  }

  .content-contact {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-19 {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container-14 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .footer-4 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-18 {
    width: auto;
    position: relative;
  }

  .div-block-90 {
    padding-left: 10px;
  }

  .div-block-91 {
    width: auto;
    min-width: auto;
    max-width: none;
    display: none;
  }

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

  .div-block-94 {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .contenedor-general {
    max-width: 90%;
  }

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

  .div-block-96, .div-block-97 {
    width: 100%;
  }

  .hero-2022 {
    overflow: hidden;
  }

  .div-block-18-copy {
    grid-template-columns: 1fr;
    width: 90%;
    min-width: auto;
    max-width: none;
  }

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

  .wraper-side-menu {
    width: 0;
    display: block;
  }

  .image-58 {
    height: 800px;
  }

  .image-59 {
    object-fit: cover;
    height: 820px;
  }

  .link-8-copy {
    background-color: var(--orange);
    text-align: center;
    border-radius: 20px;
    width: 170px;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0%;
  }

  .slider-logos_comercios {
    height: auto;
  }

  .container-logos.avances {
    padding-top: 70px;
    padding-bottom: 0;
    top: -240px;
  }

  .contenedor-general-oficnas {
    max-width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .txtbullet.padd-left, .txtbullet-2.padd-left {
    text-align: center;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .footer-2 {
    padding: 40px 20px;
  }

  .footer-image {
    object-fit: contain;
  }

  .footer-3 {
    padding: 40px 20px;
  }

  .footer-image-2 {
    object-fit: contain;
  }

  .content-contact {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .head-contact {
    font-size: 42px;
  }

  .footer-4 {
    padding: 40px 20px;
  }

  .wraper-side-menu {
    width: 0;
  }
}

@media screen and (max-width: 479px) {
  .nav-link {
    font-size: 14px;
    line-height: 15px;
  }

  .nav-link.primer-link.w--current {
    color: var(--white);
    font-size: 14px;
  }

  .body {
    background-image: none;
    overflow: visible;
  }

  .columna-no-padd {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    height: auto;
    padding-left: 0;
    display: flex;
  }

  .columna-no-padd.azulblock {
    height: auto;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .columna-no-padd.margintop {
    margin-top: 12px;
    margin-bottom: 12px;
  }

  .columna-no-padd.rigt {
    padding-left: 0;
  }

  .block-text.max._1 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .block-text.max._2 {
    height: 200px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .block-text.centrov {
    padding-top: 25px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .block-text.banner {
    font-size: 14px;
  }

  .linea.marcador {
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .linea.marcador.proyect.office {
    top: 164px;
  }

  .linea.marcador.abst {
    display: none;
    top: 95px;
    left: 0;
    right: 0;
  }

  .linea.separador-secc {
    z-index: 2;
    position: relative;
  }

  .linea.separador-secc.proyect {
    top: 146px;
    bottom: 146px;
    left: 0;
  }

  .linea.separador-secc.abst {
    top: 95px;
    left: 0;
    right: 0;
  }

  .linea.marcador {
    z-index: 2;
    z-index: 2;
    height: 4px;
    position: relative;
  }

  .linea.marcador._2-0.grane {
    height: 4px;
    margin-top: 20px;
    margin-left: 0;
  }

  .linea.marcador._2-0.grane.margin {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    display: none;
  }

  .linea.marcador.proyect {
    margin-bottom: 0;
    display: none;
    top: 169px;
    bottom: 146px;
    left: 0;
  }

  .img-crop.planta {
    margin-top: 0;
  }

  .block-group {
    display: block;
  }

  .block-group.center.txtblanco {
    min-height: 235px;
    padding-left: 22px;
    padding-right: 22px;
  }

  .block-group.padding {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .block-group._2proyectos.vivienda {
    height: 400px;
    min-height: 400px;
    padding-top: 0;
    padding-left: 3%;
    padding-right: 3%;
  }

  .block-group._2proyectos.comercial {
    height: 400px;
    min-height: 400px;
    margin-top: 0;
    padding-top: 0;
  }

  .block-group.amenidades.pisicina-n {
    background-image: url('../images/Petapolis_PiscinaKds_min.webp');
    background-position: 0 0;
    background-size: 600px;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.amenidades.pisicina-n:hover {
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .block-group.amenidades.gym {
    background-image: url('../images/Petapolis_Gym_min.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
    transition: background-color .5s;
  }

  .block-group.amenidades.gym:hover {
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .block-group.amenidades.poolad {
    background-image: url('../images/Petapolis_Piscina_adultos_min.webp');
    background-position: 71%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.amenidades.poolad:hover {
    background-position: 0 0, 70%;
  }

  .block-group.amenidades.terraza {
    margin-top: 20px;
  }

  .block-group.amenidades.parqueo {
    height: 250px;
    margin-bottom: 15px;
    padding-top: 95px;
  }

  .block-group.amenidades.super {
    height: 250px;
    padding-top: 95px;
  }

  .block-group.amenidades.business {
    background-image: url('../images/business.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-top: 0;
    padding-top: 85px;
  }

  .block-group.amenidades.business:hover {
    background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/business.webp');
    background-position: 0 0, 50%;
  }

  .block-group.amenidades.canchas {
    background-image: url('../images/canchas-min.webp');
    background-position: 100%;
    background-size: 400px;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.amenidades.guarderia {
    background-image: url('../images/Creative-Playroom-Design-for-Your-Kids-31.webp');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.amenidades.guarderia:hover {
    background-position: 0 0, 50%;
  }

  .block-group.acabados {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 10px;
    padding-bottom: 20px;
    display: flex;
  }

  .block-group.acabados.mov {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .block-group.thmb-blog {
    margin-bottom: 33px;
    padding-top: 220px;
  }

  .block-group.thmb-blog.pisicina-n {
    background-position: 0;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.thmb-blog.pisicina-n:hover {
    background-position: 0 0, 0 0;
    background-size: auto, cover;
  }

  .block-group.thmb-blog.gym {
    background-position: 50%;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
    transition: background-color .5s;
  }

  .block-group.thmb-blog.gym:hover {
    background-position: 0 0, 50%;
    background-size: auto, cover;
  }

  .block-group.thmb-blog.poolad {
    background-position: 70%;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.thmb-blog.poolad:hover {
    background-position: 0 0, 70%;
  }

  .block-group.thmb-blog.terraza {
    margin-top: 20px;
  }

  .block-group.thmb-blog.parqueo {
    height: 250px;
    margin-bottom: 15px;
    padding-top: 95px;
  }

  .block-group.thmb-blog.super {
    height: 250px;
    padding-top: 95px;
  }

  .block-group.thmb-blog.business {
    background-image: url('../images/Business-Center.webp');
    background-position: 50%;
    background-size: cover;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.thmb-blog.business:hover {
    background-image: linear-gradient(to top, var(--midnight-blue), #fff0 60%), url('../images/Business-Center.webp');
    background-position: 0 0, 50%;
  }

  .block-group.thmb-blog.canchas {
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.thmb-blog.guarderia {
    background-position: 50%;
    height: 200px;
    margin-top: 20px;
    padding-top: 85px;
  }

  .block-group.thmb-blog.guarderia:hover {
    background-position: 0 0, 50%;
  }

  .indice-txt.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
    top: -6px;
  }

  .indice-txt.secundario {
    top: -2px;
  }

  .seccion-amenidades.habitacional {
    clear: both;
    padding-bottom: 0;
    position: relative;
    top: 104px;
  }

  .cta.margin {
    height: 300px;
  }

  .cta.margin.img {
    background-image: linear-gradient(#1a366169, #1a366169), url('../images/Petapolis---Exterior-frontal02_min.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 250px;
    margin-top: 0;
    margin-bottom: 0;
  }

  .cta.margin._2-0 {
    display: none;
  }

  .btn.linea.amenidad {
    z-index: 1;
    margin: 0 auto -15px;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
    position: relative;
  }

  .btn.linea.proyectohome {
    width: 150px;
  }

  .btn.linea.btn-blog {
    padding-left: 30px;
    padding-right: 30px;
  }

  .btn.linea {
    text-align: center;
    width: auto;
    max-width: 250px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .btn.linea.bckazul._2-0 {
    background-color: var(--midnight-blue-2);
    color: var(--white);
    border-style: none;
  }

  .btn.linea.bckazul._2-0:hover {
    border-style: solid;
    border-color: var(--midnight-blue-2);
    color: var(--midnight-blue-2);
    background-color: #0000;
  }

  .btn.linea.bckazul._2-0 {
    width: 100%;
    max-width: 100%;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .h1.hero {
    font-family: GothamRegular, sans-serif;
    font-size: 28px;
    line-height: 35px;
  }

  .h1.hero.mobile {
    text-align: center;
    align-self: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-bottom: 0;
    font-size: 1.25rem;
    line-height: 23px;
    position: static;
    top: -48px;
  }

  .h1.hero.mobile:hover {
    padding-bottom: 0;
  }

  .h1.hero.negocios.azul {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 23px;
    line-height: 27px;
    display: flex;
  }

  .h1.hero.avances {
    margin-top: 0;
  }

  .h1.hero.avances.ao {
    top: 16px;
  }

  .h1.contacto {
    margin-top: 40px;
    padding-left: 25px;
    padding-right: 23px;
    font-family: GothamMedium, sans-serif;
    font-size: 26px;
    line-height: 40px;
  }

  .h2 {
    text-align: center;
    margin-top: 0;
    font-size: 24px;
    line-height: 34px;
  }

  .h2.claro {
    text-align: center;
    font-size: 25px;
    line-height: 35px;
  }

  .h2.centro {
    margin-bottom: 0;
    font-family: GothamMedium, sans-serif;
    font-size: 23px;
    font-weight: 500;
    line-height: 31px;
  }

  .h2.hide {
    display: none;
  }

  .footer-nab {
    background-image: none;
    background-position: 0 0;
    padding-left: 0;
    display: block;
    position: static;
  }

  .footer-nab._2 {
    clear: none;
    background-image: linear-gradient(#f5f5f5, #f5f5f5);
    background-position: 0 0;
    padding-top: 1px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .footer-nab._2-0 {
    padding-left: 0;
    display: block;
    overflow: visible;
  }

  .txt-field.lazul {
    line-height: 2px;
  }

  .txt-field.lazul:focus {
    margin-left: auto;
    margin-right: auto;
  }

  .footer {
    height: auto;
    padding-top: 8px;
    padding-bottom: 10px;
  }

  .footer.nuevo {
    margin-bottom: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    display: none;
  }

  .h4 {
    letter-spacing: 2px;
    font-size: 13px;
    line-height: 22px;
  }

  .h3.claro {
    text-align: center;
  }

  .h3.claro.centro {
    text-align: center;
    margin-bottom: 4px;
    font-size: 15px;
    line-height: 24px;
  }

  .h3.claro.amnts {
    z-index: 100;
    line-height: 30px;
    display: block;
    position: relative;
  }

  .h3.centro {
    z-index: 2;
    margin-top: 40px;
    padding-left: 12px;
    padding-right: 12px;
    font-family: GothamMedium, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    display: block;
    position: relative;
  }

  .h3.centro.hide {
    display: none;
  }

  .parrafo {
    text-align: center;
  }

  .parrafo.blanco.proyectos {
    margin-bottom: 11px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .parrafo.intro {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .parrafo.intro.servicio {
    margin-bottom: 15px;
    padding-top: 15px;
    font-size: 15px;
  }

  .copyright {
    color: var(--midnight-blue-2);
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 0;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
    display: flex;
  }

  .txt-block.max {
    max-width: 350px;
    padding-left: 6px;
    padding-right: 6px;
    overflow: visible;
  }

  .txt-block.max.amenis {
    padding-top: 54px;
  }

  .txt-block.left {
    padding: 0;
  }

  .txt-block.left.bullet {
    padding-top: 10px;
  }

  .txt-block.left.oficinas {
    padding-top: 43px;
    padding-left: 0;
  }

  .txt-block.max {
    max-width: 350px;
    padding-left: 6px;
    padding-right: 6px;
  }

  .columna-padding2x.padd-top {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .seccion-ubicacion {
    background-image: url('../images/elementos-lunas-izquierda.webp'), linear-gradient(#0000, #0000);
    background-position: 137% 100%, 0 0;
    background-size: 150px, auto;
    height: auto;
    padding-top: 0;
  }

  .img-centrado {
    box-shadow: none;
    margin-top: 40px;
  }

  .img-centrado.padding {
    padding-top: 45px;
  }

  .img-centrado.padding.logo-mobile {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .img-centrado.icn {
    width: 70px;
  }

  .elementos {
    display: none;
  }

  .seccion-proyectos-2 {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }

  .img-contacto {
    background-image: url('../images/1200x887---vista-movil.jpg');
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    min-width: 100%;
    height: 230px;
    max-height: none;
    margin-top: 40px;
    padding-top: 0;
    display: block;
    position: static;
  }

  .navbar-float {
    display: block;
  }

  .block-burger {
    width: 60px;
    height: 60px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 2px;
    display: block;
  }

  .hover-block {
    line-height: 20px;
  }

  .block-hero.mobile.vivienda {
    background-image: linear-gradient(to top, var(--midnight-blue) 49%, #fff0 64%);
  }

  .block-hero.mobile.home {
    z-index: 2;
    height: 60vh;
    top: 0;
  }

  .block-hero.mobile {
    background-image: linear-gradient(#1a3661, #1a3661);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 74vh;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 13px 40px;
    display: flex;
    position: relative;
    top: -36px;
  }

  .block-hero.mobile.home {
    z-index: 2;
    max-width: 90%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 16px 0;
    top: 0;
  }

  .img-flotante {
    top: 250px;
  }

  .row-caracteristicas {
    display: none;
  }

  .row-caracteristicas.espacio {
    padding-top: 0;
    padding-bottom: 20px;
    display: block;
  }

  .row-caracteristicas.margin {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
  }

  .nav-menu {
    z-index: 26;
    background-image: linear-gradient(177deg, var(--midnight-blue) 7%, #07162c59), url('../images/Petapolis---Exterior-Lateral-SL.webp');
    background-position: 0 0, -307px 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 880px;
    width: 100%;
    padding-top: 50px;
    display: block;
  }

  .nav-menu.apartamento {
    width: 100%;
    padding-top: 44px;
  }

  .img-block._2colm {
    height: 280px;
    padding: 10px;
  }

  .img-block._2colm.vertical {
    background-image: linear-gradient(to bottom, null, null), url('../images/Petapolis_Atrio_min.webp');
    height: auto;
    padding-top: 18px;
    padding-bottom: 20px;
  }

  .img-block._2colm.mall {
    height: 400px;
  }

  .subtxt {
    z-index: 4;
    position: relative;
  }

  .subtxt.centro {
    color: #f5a61c;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
  }

  .acabados-blockgrid {
    width: 320px;
  }

  .acabadomin.kitchen {
    float: none;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 125px;
    display: block;
  }

  .acabadomin.bath, .acabadomin.closet, .acabadomin.regaderas {
    float: none;
    width: auto;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 125px;
    display: block;
  }

  .acabadomin.grifo {
    float: none;
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 125px;
    display: block;
  }

  .acabadomin.grifo.movil {
    margin-right: 10px;
  }

  .acabadomin.pisos {
    width: auto;
    max-width: none;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 125px;
  }

  .tablink {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    display: flex;
  }

  .tablink.w--current {
    width: 100%;
  }

  .tabslide {
    padding-top: 0;
    padding-bottom: 0;
  }

  .txtbullet.padd-left {
    letter-spacing: .5px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 11px;
    line-height: 18px;
  }

  .imgfull {
    background-image: linear-gradient(#07162ce6, #07162ce6), url('../images/lobby-render.webp');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: 530px;
    padding: 41px 18px;
  }

  .imgfull.solido {
    background-image: linear-gradient(#1a3661, #1a3661);
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    height: auto;
    padding-top: 12px;
  }

  .imgfull.marcas {
    height: auto;
    min-height: auto;
  }

  .falso-contenedor {
    height: auto;
    min-height: auto;
    margin-bottom: 0;
    padding: 20px 1% 36px;
    display: block;
  }

  .falso-contenedor.vivienda-ap {
    height: auto;
    min-height: 200px;
  }

  .seccion-apmodelo {
    margin-bottom: 40px;
    padding: 0 0 20px;
    position: static;
    top: 36px;
  }

  .row-move {
    position: relative;
  }

  .lightbox {
    margin-bottom: 15px;
  }

  .container-rel {
    z-index: 2;
    padding-top: 0;
    position: static;
    top: -83px;
  }

  .container-move.avances {
    padding-top: 0;
    padding-left: 6px;
    padding-right: 6px;
    top: -160px;
    bottom: -145px;
  }

  .link-block {
    width: 100%;
    margin-bottom: 17px;
  }

  .link-block.botonproyecto {
    background-image: linear-gradient(to bottom, var(--midnight-blue), var(--midnight-blue));
    height: 200px;
    padding-top: 16px;
  }

  .link-block.flecha-down {
    flex-direction: column;
    align-self: center;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0;
    display: none;
  }

  .icono-bullet-block.oficinas {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .icono-bullet-block.oficinas.movil {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .row-padding {
    margin-top: 15px;
    display: flex;
  }

  .links-block {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 50px;
    padding-left: 0;
    display: flex;
  }

  .menu-tab {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .hero-bck-mobile {
    background-image: url('../images/Petapolis_.Exterior_Lateral_min.webp');
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: 400px;
    height: 480px;
    padding-top: 0;
  }

  .hero-bck-mobile.comercio {
    background-image: url('../images/Petapolis_Comercio_min.webp');
    background-position: 50% 0;
    background-size: 500px;
  }

  .hero-bck-mobile.home {
    background-image: none;
    background-size: auto;
    height: 100vh;
    padding-bottom: 20px;
    display: block;
    position: relative;
  }

  .hero-bck-mobile.home.home2 {
    height: 100vh;
    display: none;
  }

  .hero-bck-mobile.vivienda {
    background-image: url('../images/lobby-render.webp');
    background-position: 50% -55px;
    background-repeat: no-repeat;
    background-size: 600px;
    height: 600px;
  }

  .light {
    font-weight: 300;
  }

  .embed {
    margin-top: 40px;
    margin-left: 14px;
    margin-right: 14px;
    padding-bottom: 22px;
  }

  .link-block-2 {
    margin-bottom: 5px;
  }

  .link-block-2.waze {
    width: 90%;
    max-width: 320px;
  }

  .link-block-2.waze:hover {
    letter-spacing: 2.5px;
  }

  .link-block-2.waze._2-0 {
    align-self: center;
    width: 140%;
    margin-bottom: 20px;
    margin-left: 40px;
    display: none;
  }

  .link-block-2.waze._2-0.movil {
    width: 100%;
    max-width: none;
    margin-left: 0;
    display: block;
  }

  .bold-text {
    font-family: GothamMedium, sans-serif;
    font-size: 28px;
    font-weight: 500;
  }

  .flecha-slide.hero {
    color: #fff;
    height: 100px;
  }

  .flecha-slide.hero.izq, .flecha-slide.hero.der {
    margin-top: 140px;
  }

  .block.padd-top {
    display: block;
  }

  .block._2-0 {
    margin-top: 40px;
  }

  .lightbox-avances {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .lightbox-avances.plantas {
    height: 300px;
    margin-bottom: 0;
  }

  .seccion-muy-pronto.amarillo {
    top: 30px;
  }

  .h4-quote {
    color: #f5f5f5;
    text-align: center;
    font-style: italic;
  }

  .slider-ap {
    width: 100%;
    height: 300px;
  }

  .slider-hero {
    width: 100%;
    height: 40vh;
    display: none;
    position: relative;
  }

  .seccion-apt.oficinas {
    display: block;
  }

  .fullscreen {
    display: none;
  }

  .apsld-1 {
    background-image: url('../images/lobby-render.webp');
    background-position: 52%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .apsld-2 {
    background-image: url('../images/Petapolis_Atrio_min.webp');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .apsld3 {
    background-image: url('../images/canchas-min.webp');
    background-position: 100% -53px;
    background-size: 400px;
  }

  .top-linea, .down-linea {
    width: 30px;
  }

  .grid-avances {
    grid-row-gap: 31px;
    grid-template: "."
                   "."
                   "."
                   "."
                   "."
                   "."
                   / 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .flex-horizontal {
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .container-max {
    display: block;
    position: relative;
    top: 41px;
  }

  .top-padding2 {
    margin-bottom: 40px;
    padding-left: 12px;
    padding-right: 12px;
  }

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

  .hero-img {
    height: 40%;
    padding-top: 0;
  }

  .banner-adlo {
    height: 250px;
    padding-right: 0;
    display: none;
  }

  .grid-3 {
    grid-column-gap: 21px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "."
                         "."
                         "."
                         ".";
  }

  .img-pop {
    width: 200px;
    max-width: 26%;
    margin-right: 0;
    display: none;
    position: relative;
    left: -296px;
  }

  .slider-blog {
    height: auto;
  }

  .slider-blog.sld-full-w {
    height: 228px;
  }

  .grid-4 {
    grid-template-columns: 1fr 1fr;
    padding-left: 10px;
    padding-right: 45px;
  }

  .hidde-mob {
    display: none;
  }

  .hidde-desktop {
    display: block;
  }

  .grid-3x3 {
    grid-column-gap: 21px;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "."
                         "."
                         "."
                         ".";
  }

  .img-max-none {
    width: 170%;
    max-width: none;
  }

  .text-block-4, .text-block-5, .text-block-6, .text-block-7 {
    font-size: 12px;
  }

  .button.apto {
    flex-direction: column;
    align-items: center;
    margin-top: 85px;
    display: inline-block;
  }

  .button.apto.mov {
    margin-top: 10px;
    margin-left: 40px;
    margin-right: 40px;
    position: static;
    top: -131px;
  }

  .button.oficinas {
    width: auto;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    display: block;
  }

  .button.oficinas.azul {
    margin-left: 10px;
  }

  .button.cotizar {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .button.cotizar.negocios {
    margin-top: 0;
    margin-bottom: 0;
  }

  .text-block-8 {
    margin-top: 20px;
  }

  .div-block-2.home {
    padding-top: 60px;
    padding-bottom: 40px;
    top: 1104px;
  }

  .section {
    padding-left: 0;
    padding-right: 0;
  }

  .section.servicios {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .amenidades-oficinas, .left-arrow, .right-arrow, .slide-nav {
    display: none;
  }

  .slide-2 {
    background-color: #0000;
  }

  .div-block-6 {
    height: auto;
    display: block;
  }

  .div-block-6.servicio {
    display: none;
  }

  .txtbullet-2.padd-left {
    letter-spacing: .5px;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 11px;
    line-height: 18px;
  }

  .txtbullet-2.padd-left.servicio {
    font-family: GothamRegular, sans-serif;
    font-weight: 400;
  }

  .txtbullet-2.padd-left.servicio.blue {
    color: var(--midnight-blue-2);
  }

  .h2-2 {
    text-align: left;
    margin-top: 15px;
    font-size: 24px;
    line-height: 34px;
  }

  .h2-2.secundario {
    text-align: center;
    text-transform: uppercase;
    position: static;
  }

  .column {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .section-2 {
    display: none;
  }

  .image-5 {
    margin-bottom: 20px;
  }

  .planos-negocios {
    display: none;
  }

  .slider-2 {
    height: 260px;
  }

  .imagen-plano {
    align-self: center;
    width: 100%;
    max-width: none;
  }

  .image-6 {
    max-width: 20px;
    max-height: 20px;
  }

  .container-image {
    justify-content: center;
  }

  .hero-2-0 {
    display: none;
  }

  .column-4 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .texto-hero2-0 {
    display: none;
  }

  .cotizar-button.mov {
    background-color: var(--orange);
    color: var(--white);
    border-style: none;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    display: inline-block;
  }

  .cotizar-button.mov:hover {
    color: var(--orange);
    background-color: #0000;
  }

  .cotizar-button.mov.hero {
    margin-top: 0;
  }

  .info-section {
    display: none;
  }

  .heading-3 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .heading-3.mayuscula.white {
    align-self: auto;
    font-size: 28px;
    line-height: 25px;
  }

  .heading-3.mayuscula.white.margin {
    margin-left: 0;
  }

  .heading-3.left {
    text-align: left;
    margin-left: 0;
    font-size: 25px;
    line-height: 30px;
  }

  .heading-3.left.up.movil {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 25px;
    line-height: 32px;
    position: static;
  }

  .heading-3.left.movil {
    margin-top: 20px;
    font-size: 19px;
    line-height: 24px;
  }

  .heading-3.left.up {
    font-size: 25px;
    line-height: 27px;
  }

  .heading-3.left.up.movil {
    margin-left: 20px;
    padding-bottom: 0;
    top: 0;
  }

  .heading-3.left {
    font-size: 25px;
    line-height: 30px;
  }

  .heading-3.left.movil {
    text-align: left;
    margin-top: 20px;
    font-size: 19px;
    line-height: 24px;
  }

  .bluediv.movil {
    padding-left: 10px;
    padding-right: 10px;
  }

  .bluediv.movil:hover {
    background-color: var(--midnight-blue-2);
  }

  .whitediv.sanitarios {
    width: auto;
  }

  .whitediv.sanitarios.movil {
    height: 200px;
    max-height: 200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .heading-blue.movil {
    font-size: 16px;
    line-height: 18px;
  }

  .heading-blue.movil.white {
    color: var(--white);
  }

  .parrfo.apto {
    text-align: left;
    font-size: 12px;
    line-height: 18px;
  }

  .parrfo.apto.white {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .unbicacion-2-0 {
    height: auto;
    margin-top: 0;
  }

  .div-block-20 {
    align-self: stretch;
    margin-top: 20px;
    margin-left: 0;
    padding-right: 0;
  }

  .column-5 {
    align-items: center;
    padding-top: 40px;
  }

  .column-5.mov {
    padding-top: 20px;
  }

  .image-11 {
    align-self: center;
    width: 100%;
    max-width: none;
    height: 225px;
    margin-left: 0;
  }

  .heading-4 {
    align-self: center;
    font-size: 21px;
    line-height: 32px;
  }

  .heading-4.margin {
    margin-left: 0;
  }

  .bold-text-3 {
    font-size: 25px;
    line-height: 26px;
    display: block;
  }

  .section-5 {
    display: none;
  }

  .bold-text-4 {
    color: var(--midnight-blue-2);
    font-size: 25px;
    line-height: 25px;
  }

  .div-block-22 {
    align-self: center;
  }

  .texrblock {
    font-size: 14px;
    line-height: 16px;
  }

  .texrblock.movil {
    margin-bottom: 20px;
    padding-left: 0;
  }

  .texrblock.movil.white {
    padding-left: 0;
  }

  .texrblock.white {
    text-align: center;
    margin-bottom: 20px;
  }

  .texrblock.movil {
    margin-bottom: 20px;
  }

  .texrblock.movil.white {
    text-align: left;
  }

  .section-6 {
    display: none;
  }

  .button-3 {
    font-size: 16px;
    display: inline-block;
  }

  .button-3.movil {
    margin-top: 20px;
    margin-bottom: 40px;
  }

  .button-3.movil.contacto {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 15px;
  }

  .bold-text-5 {
    font-size: 28px;
    line-height: 28px;
  }

  .section-7 {
    display: none;
  }

  .image-13 {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding-top: 14px;
    display: none;
  }

  .div-block-23 {
    flex-direction: row;
    align-self: flex-end;
    align-items: stretch;
    width: auto;
    height: auto;
    margin-top: 40px;
    display: flex;
  }

  .footer-2 {
    text-align: left;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .footer-flex-container {
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .footer-logo-link {
    height: auto;
    max-height: none;
  }

  .footer-logo-link.w--current {
    height: auto;
    max-height: none;
    margin-bottom: 20px;
  }

  .footer-heading {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .footer-link {
    text-align: center;
    margin-bottom: 15px;
    font-size: 16px;
  }

  .div-block-27 {
    width: 100%;
    margin-bottom: 5px;
  }

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

  .div-block-28 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }

  .section-8 {
    height: auto;
    margin-top: -14px;
    margin-bottom: 0;
    display: block;
    position: static;
    top: 0;
  }

  .apartamento {
    background-image: url('../images/vlcsnap-2023-06-19-11h44m13s220.webp');
    background-position: 50% 0;
    background-size: cover;
    height: 220px;
    position: relative;
  }

  .apartamento.foto {
    background-image: url('../images/mobile1.webp');
    background-position: 50% 100%;
  }

  .div-block-30 {
    background-color: var(--midnight-blue-2);
    height: auto;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-31 {
    background-color: var(--white-smoke);
    height: 220px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-32 {
    padding: 30px 10px;
  }

  .button-5 {
    border: 1px none var(--orange);
    background-color: var(--midnight-blue-2);
    color: var(--white);
    margin-top: 10px;
    font-size: 12px;
  }

  .button-5:hover {
    border-style: solid;
    border-color: var(--midnight-blue-2);
    color: var(--midnight-blue-2);
    background-color: #0000;
  }

  .button-5.naranja {
    background-color: var(--orange);
  }

  .button-5.naranja:hover {
    border-color: var(--orange);
    color: var(--orange);
    background-color: #0000;
  }

  .oficina {
    background-image: url('../images/room-business-meeting.webp');
    background-position: 50%;
    background-size: cover;
    height: 220px;
  }

  .clinicas {
    background-image: url('../images/clinica.webp');
    background-position: 0 0;
    background-size: cover;
    height: 220px;
  }

  .div-block-33 {
    height: 220px;
    padding-left: 10px;
    padding-right: 10px;
  }

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

  .slider-3 {
    width: 100%;
  }

  .slide-12 {
    background-image: url('../images/PP-4518.webp');
    background-position: 50% 0;
    background-size: cover;
  }

  .slide-12.oficinas {
    background-image: url('../images/CAAA.webp'), url('../images/apartamento-interior.webp');
    background-position: 100% 0, 50% 0;
    background-size: cover, cover;
  }

  .slide-13 {
    background-image: url('../images/COCINA.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-13.oficinas {
    background-image: url('../images/office45.webp');
    background-position: 0 97%;
    background-size: cover;
  }

  .slide-14 {
    background-image: url('../images/sofa-petapolis.webp');
    background-position: 0 0;
    background-size: auto;
  }

  .slide-15 {
    background-image: url('../images/PP-45925.webp');
    background-position: 50% 100%;
    background-size: cover;
  }

  .slide-15.oficinas {
    background-image: url('../images/damir-kopezhanov-luseu9GtYzM-unsplash.webp'), url('../images/37605851641_3a4542c451_c.webp');
    background-position: 0 84%, 0 0;
    background-size: cover, cover;
  }

  .div-apt {
    height: auto;
    min-height: auto;
  }

  .div-apt.oficinas {
    background-color: var(--midnight-blue-2);
    background-color: #13294d;
    flex-direction: column;
    align-items: center;
    height: auto;
    min-height: auto;
    padding-top: 10px;
    padding-left: 5px;
    padding-right: 0;
    display: flex;
  }

  .columns-4 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .footer-3 {
    background-color: var(--midnight-blue-2);
    text-align: left;
    object-fit: fill;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .footer-3.movil {
    z-index: 1;
    background-color: var(--midnight-blue-2);
    background-color: #13294d;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: block;
    position: static;
    overflow: visible;
  }

  .footer-3.movil.nnuevo {
    position: static;
    overflow: visible;
  }

  .footer-flex-container-2 {
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin-bottom: 0;
  }

  .footer-logo-link-2 {
    flex-direction: column;
    align-self: center;
    align-items: center;
    height: 60px;
    display: flex;
  }

  .footer-image-2 {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
  }

  .footer-image-2.nuevo {
    width: auto;
    margin-bottom: 40px;
  }

  .footer-heading-2 {
    color: var(--white);
    margin-top: 20px;
  }

  .footer-link-2 {
    color: var(--white);
    text-align: center;
  }

  .footer-link-2:hover {
    color: var(--orange);
    text-decoration: none;
  }

  .container-5 {
    flex-direction: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .list {
    color: var(--white);
  }

  .div-block-35 {
    flex-direction: column;
    align-self: center;
    align-items: center;
    margin-top: 20px;
    display: flex;
  }

  .div-block-36 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .link-3 {
    color: var(--white);
    text-decoration: none;
  }

  .div-block-37 {
    margin-top: 40px;
  }

  .section-9 {
    display: none;
  }

  .section-10, .section-11 {
    display: block;
  }

  .column-7 {
    background-color: var(--midnight-blue-2);
    flex-direction: column;
    height: auto;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cta-movil {
    background-color: var(--white-smoke);
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
  }

  .list-item {
    width: 100%;
    margin-top: 26px;
    margin-left: 0;
  }

  .link-block-4, .link-block-5, .link-block-6, .link-block-7 {
    width: 30px;
    height: 30px;
    margin-left: 0;
  }

  .heading-blue-2.movil {
    font-size: 16px;
    line-height: 20px;
  }

  .heading-blue-2.movil.white {
    color: #fff;
    line-height: 20px;
  }

  .section-12 {
    display: none;
  }

  .div-block-43 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-44 {
    background-image: url('../images/instalaciones.webp');
    background-position: 100% 0;
    background-size: cover;
    max-width: 100%;
    height: 220px;
    min-height: 220px;
  }

  .image-16 {
    max-width: none;
    height: 100%;
  }

  .div-block-45 {
    background-image: url('../images/vlcsnap-2023-06-19-16h05m40s858.webp');
    background-position: 100% 0;
    background-size: cover;
  }

  .div-block-46 {
    background-image: url('../images/Vigilancia.webp');
    background-position: 50% 0;
    background-size: cover;
  }

  .div-block-47 {
    background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp');
    background-position: 50% 0;
    background-size: cover;
  }

  .section-13 {
    margin-bottom: 40px;
    display: block;
  }

  .cta-movil-2 {
    background-color: #f5f5f5;
    margin-top: 30px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
  }

  .bold-text-6 {
    color: #13294d;
    font-size: 25px;
    line-height: 25px;
  }

  .bold-text-7, .bold-text-8, .bold-text-9 {
    font-weight: 400;
  }

  .list-item-2, .list-item-3, .list-item-4, .list-item-5 {
    font-size: 13px;
  }

  .bold-text-10, .bold-text-11, .bold-text-12, .bold-text-13 {
    font-size: 18px;
  }

  .div-esta-web {
    display: none;
  }

  .div-esta-web.movil {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    position: relative;
    top: 41px;
  }

  .text-block-17 {
    font-size: 14px;
  }

  .text-block-17.mov {
    text-align: left;
  }

  .div-block-51 {
    min-width: auto;
    max-width: none;
    height: auto;
  }

  .div-block-52 {
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .image-18 {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .link-block-8 {
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    display: block;
  }

  .image-19 {
    max-width: 91%;
    display: block;
  }

  .div-block-53 {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: stretch;
    align-items: center;
    display: flex;
  }

  .image-20 {
    max-width: 20%;
    display: block;
  }

  .linkenfatizado {
    margin-bottom: 0;
    padding-left: 0;
    font-weight: 400;
    display: flex;
  }

  .linkenfatizado.sect2 {
    justify-content: center;
    align-items: center;
  }

  .text-block-19 {
    color: var(--midnight-blue-2);
    margin-top: 0;
    font-size: 10px;
    line-height: 15px;
  }

  .img-adx {
    max-width: 90px;
    margin-top: 3px;
    margin-left: 5px;
  }

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

  .div-block-55 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr;
  }

  .div-block-56 {
    grid-template-columns: 1fr;
    padding-top: 25px;
  }

  .light2 {
    font-size: 12px;
  }

  .column-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .link-4 {
    color: #fff;
    text-decoration: none;
  }

  .footer-heading-3 {
    color: #fff;
    margin-top: 20px;
  }

  .list-2 {
    color: #fff;
  }

  .footer-link-4 {
    color: #fff;
    text-align: center;
  }

  .footer-link-4:hover {
    color: #f5a61c;
    text-decoration: none;
  }

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

  .div-block-57 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    display: flex;
  }

  .image-24 {
    max-width: 30px;
    margin-top: 16px;
  }

  .servicio-mobil {
    margin-top: 10px;
    display: block;
  }

  .container-8 {
    flex-direction: column;
    align-items: center;
    padding-bottom: 60px;
    display: flex;
  }

  .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20 {
    font-weight: 400;
  }

  .section-14 {
    display: none;
  }

  .container-10 {
    max-width: 90%;
    position: relative;
    top: 0;
  }

  .image-25 {
    width: 100%;
    height: 45vh;
  }

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

  .kt {
    background-image: linear-gradient(#00000061, #00000061), url('../images/COCINA.webp');
    background-position: 0 0, 0 0;
    background-size: auto, cover;
    max-width: 150px;
    height: 200px;
    max-height: 200px;
    padding-top: 160px;
  }

  .text-block-20 {
    border: 1px solid var(--orange);
    color: var(--white);
    text-align: center;
    font-family: GothamBold, sans-serif;
  }

  .lav {
    background-image: linear-gradient(#00000061, #00000061), url('../images/ACBS10.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    width: 150px;
    height: 200px;
    padding-top: 160px;
  }

  .div-block-64 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    background-color: #f3f3f3;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    display: grid;
  }

  .div-block-64.otro {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 20px;
  }

  .reg {
    background-image: linear-gradient(#00000061, #00000061), url('../images/ACBS3.webp');
    background-position: 0 0, 50% 0;
    background-size: auto, cover;
    width: 150px;
    height: 200px;
    padding-top: 160px;
  }

  .wlk {
    background-image: url('../images/PP-459x.webp');
    background-position: 100%;
    background-size: 500px;
    width: 150px;
    height: 200px;
    padding-top: 160px;
  }

  .gfr {
    background-image: url('../images/ACBS11.webp');
    background-position: 30% 0;
    background-size: cover;
    width: 150px;
    height: 200px;
    padding-top: 160px;
  }

  .pc {
    background-image: url('../images/zocalo-de-madera1.webp');
    background-position: 0 0;
    background-size: cover;
    width: 150px;
    height: 200px;
    padding-top: 160px;
  }

  .html-embed {
    flex-direction: column;
    justify-content: flex-end;
    width: 310px;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
  }

  .section-16 {
    padding-top: 10px;
    padding-bottom: 48px;
  }

  .list-item-6 {
    margin-left: 10px;
  }

  .img-contacto-2 {
    background-image: url('../images/Petapolis_.Exterior_Lateral_min.webp'), none;
    background-position: 61% 0, 100% 0;
    background-repeat: repeat, no-repeat;
    background-size: cover, cover;
    width: auto;
    height: 340px;
    margin-top: 40px;
    padding-top: 0;
  }

  .h2-3 {
    text-align: left;
    margin-top: 40px;
    font-size: 24px;
    line-height: 34px;
  }

  .columna-no-padd-2 {
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    padding-left: 0;
    display: flex;
  }

  .div-block-65.home {
    padding-top: 60px;
    padding-bottom: 40px;
    top: 0;
  }

  .txt-field-2.lazul {
    line-height: 2px;
  }

  .txt-field-2.lazul:focus {
    margin-left: auto;
    margin-right: auto;
  }

  .bold-text-22 {
    font-family: GothamBold, sans-serif;
  }

  .bold-text-23 {
    font-family: GothamBold, sans-serif;
    font-size: 23px;
  }

  .bold-text-24 {
    font-family: GothamBold, sans-serif;
    font-size: 25px;
  }

  .html-embed-2 {
    width: 320px;
  }

  .column-12 {
    padding-top: 20px;
  }

  .form {
    display: block;
  }

  .html-embed-3, .column-13 {
    height: auto;
  }

  .form-block {
    margin-top: 20px;
    overflow: auto;
  }

  .slide-nav-3 {
    position: absolute;
  }

  .section-17 {
    display: block;
  }

  .down-linea-2 {
    width: 30px;
  }

  .flecha-slide-2.hero {
    color: #fff;
    height: 100px;
  }

  .flecha-slide-2.hero.izq, .flecha-slide-2.hero.der {
    margin-top: 140px;
  }

  .nav-menu-2 {
    z-index: 10;
    background-image: linear-gradient(177deg, #1a3661 7%, #07162c59), url('../images/Petapolis---Exterior-Lateral-SL.webp');
    background-position: 0 0, -307px 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 880px;
    width: 100%;
    padding-top: 50px;
    display: block;
  }

  .block-burger-2 {
    width: 60px;
    height: 60px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 2px;
    display: block;
  }

  .button-6 {
    font-size: 16px;
    display: inline-block;
  }

  .button-6.movil {
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 0;
  }

  .button-6.movil.contacto {
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: 0;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 15px;
  }

  .button-6.movil {
    text-align: center;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 40px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .nav-link-2 {
    font-size: 14px;
    line-height: 15px;
  }

  .nav-link-2.primer-link {
    color: #fff;
  }

  .nav-link-2.primer-link.w--current {
    font-size: 14px;
  }

  .top-linea-2 {
    width: 30px;
  }

  .div-block-67 {
    background-color: #f5f5f5;
    height: auto;
    padding: 30px 10px;
  }

  .button-7 {
    color: #fff;
    text-align: center;
    background-color: #13294d;
    border: 1px #f5a61c;
    width: 100%;
    margin-top: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 12px;
  }

  .button-7:hover {
    color: #13294d;
    background-color: #0000;
    border-style: solid;
    border-color: #13294d;
  }

  .button-7.naranja {
    background-color: #f5a61c;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .button-7.naranja:hover {
    color: #f5a61c;
    background-color: #0000;
    border-color: #f5a61c;
  }

  .heading-blue-3.movil {
    font-size: 16px;
    line-height: 18px;
  }

  .heading-blue-3.movil.white {
    color: #fff;
  }

  .div-block-68 {
    background-color: #13294d;
    height: auto;
    padding: 30px 10px;
  }

  .cta-movil-3 {
    background-color: #f5f5f5;
    margin-bottom: 40px;
    padding-top: 20px;
    padding-bottom: 30px;
    display: block;
  }

  .cta-2.margin {
    height: 300px;
  }

  .cta-2.margin._2-0 {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
  }

  .bold-text-27 {
    font-size: 28px;
    line-height: 28px;
  }

  .section-18 {
    display: none;
  }

  .text-block-21 {
    margin-left: 0;
  }

  .link-block-10 {
    grid-column-gap: 9px;
    grid-template-columns: .75fr .5fr;
    justify-items: stretch;
    margin-bottom: 10px;
  }

  .nav-menu-3 {
    z-index: 10;
    background-image: linear-gradient(177deg, #1a3661 7%, #07162c59), url('../images/Petapolis---Exterior-Lateral-SL.webp');
    background-position: 0 0, -307px 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, auto 880px;
    width: 100%;
    padding-top: 50px;
  }

  .footer-nab-2 {
    background-image: none;
    background-position: 0 0;
    padding-left: 0;
    display: block;
    position: static;
  }

  .footer-nab-2._2 {
    clear: none;
    background-image: linear-gradient(#f5f5f5, #f5f5f5);
    background-position: 0 0;
    padding-top: 1px;
    padding-left: 0;
    padding-right: 0;
    font-size: 14px;
  }

  .container-11 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-desktop {
    display: none;
  }

  .content-contact {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-19 {
    padding-bottom: 30px;
    padding-left: 4%;
    padding-right: 5%;
  }

  .div-block-71 {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .div-block-72 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .form-contactojt {
    width: auto;
  }

  .section-20 {
    background-image: linear-gradient(#1a3661fa, #07162c8a), url('../images/800x1200-edificio.webp');
    background-position: 0 0, 50% 26%;
    background-attachment: scroll, scroll;
  }

  .head-contact {
    font-size: 44px;
  }

  .text-block-23 {
    text-align: center;
    font-size: 26px;
  }

  .bold-text-31 {
    font-size: 28px;
  }

  .container-field-form {
    width: 100%;
  }

  .footer-heading-4 {
    margin-top: 20px;
  }

  .footer-heading-4.pagecontact {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
  }

  .footer-link-5.pagecontact {
    text-align: center;
    margin-bottom: 10px;
    font-size: 16px;
  }

  .footer-4 {
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .footer-4.contact-page {
    text-align: center;
    justify-content: center;
    align-items: flex-end;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 0;
    display: none;
  }

  .heading-7 {
    text-align: center;
    width: 100%;
    padding-top: 31px;
  }

  .div-block-81 {
    justify-content: center;
    align-items: center;
    margin-top: 62px;
    display: flex;
  }

  .list-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
  }

  .list-4 {
    flex: 0 auto;
    padding-left: 0;
    display: block;
  }

  .divfrist {
    height: auto;
    max-height: 100%;
  }

  .image-46 {
    width: auto;
    height: 400px;
    max-height: 100%;
    padding-bottom: 0;
  }

  .heading-20 {
    font-size: 38px;
  }

  .div-block-82 {
    width: 100%;
    padding-right: 0%;
  }

  .container-18 {
    width: auto;
    padding-left: 0%;
    padding-right: 0%;
  }

  .rich-txt-block {
    width: auto;
  }

  .link-block-11 {
    clear: none;
    width: 100%;
    position: static;
    inset: 0%;
  }

  .paragraph-24 {
    color: #ff457c;
    margin-left: 0;
  }

  .paragraph-24._2 {
    color: #fff;
    margin-left: 14px;
    font-size: 18px;
  }

  .privacidad {
    background-image: none;
    height: auto;
    padding-top: 10%;
    padding-left: 14px;
    padding-right: 14px;
  }

  .section-24 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), #07162c91), url('../images/800x1200-edificio.webp');
    background-position: 0 0, 50% 20%;
  }

  .text-politicas {
    margin-top: 35px;
  }

  .link-6 {
    color: #1c3264;
    font-size: 12px;
    text-decoration: none;
  }

  .div-block-87 {
    margin-bottom: 3px;
    position: static;
  }

  .link-7, .link-7.phone {
    font-size: 18px;
  }

  .div-logo {
    flex-direction: column;
    margin-top: 196px;
    margin-bottom: 15px;
  }

  .area-rrss {
    justify-content: center;
    align-items: center;
    margin-top: 16px;
    display: flex;
  }

  .paragraph-27 {
    text-align: center;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
  }

  .thank-you-img-2 {
    width: 14em;
    position: static;
  }

  .section-thanks {
    margin-top: 0;
    padding-top: 180px;
  }

  .div-thank {
    position: static;
  }

  .image-48 {
    width: 200px;
  }

  .section-25 {
    background-image: linear-gradient(to bottom, var(--midnight-blue-2), #07162cc9), url('../images/800x1200-edificio.webp');
    background-position: 0 0, 50% 0;
    max-height: 100vh;
  }

  .container-19 {
    margin-top: -70px;
  }

  .image-50 {
    width: 14px;
  }

  .link-block-12 {
    margin-top: 29px;
  }

  .div-block-88 {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .div-block-89 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .div-block-90 {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
  }

  .div-block-94 {
    overflow: visible;
  }

  .contenedor-general {
    justify-content: center;
    align-items: flex-start;
    display: block;
  }

  .div-block-96 {
    justify-content: center;
    align-items: center;
  }

  .div-block-97 {
    flex-direction: column;
    width: 100%;
  }

  .div-block-98 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .image-52, .image-53, .image-54 {
    object-fit: cover;
    width: 100%;
    height: 40vh;
  }

  .hero-mobile {
    background-color: var(--midnight-blue);
    display: block;
  }

  .hero-2022, .texto-hero2-0-copy {
    display: none;
  }

  .div-block-101 {
    flex-direction: column;
    align-items: flex-start;
  }

  .list-5 {
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    display: flex;
  }

  .slide-28 {
    background-image: url('../images/PP-45925_1.webp');
    background-position: 50% 100%;
    background-size: cover;
  }

  .slide-28.oficinas {
    background-image: url('../images/damir-kopezhanov-luseu9GtYzM-unsplash_1.webp'), none;
    background-position: 0 84%, 0 0;
    background-size: cover, cover;
  }

  .slider-4 {
    width: 100%;
  }

  .slide-29 {
    background-image: url('../images/COCINA_1.webp');
    background-position: 0 0;
    background-size: cover;
  }

  .slide-29.oficinas {
    background-image: url('../images/office45_1.webp');
    background-position: 50% 83%;
    background-size: cover;
  }

  .slide-30 {
    background-image: url('../images/PP-4518_1.webp');
    background-position: 50% 0;
    background-size: cover;
  }

  .slide-30.oficinas {
    background-image: url('../images/vlcsnap-2023-06-19-12h03m07s193.webp'), url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
    background-position: 50%, 50% 0;
    background-size: cover, cover;
  }

  .edificios-oficinas {
    background-color: var(--midnight-blue-2);
    display: block;
  }

  .image-55 {
    height: 300px;
  }

  .image-13-copy {
    width: 100%;
    height: 100%;
    max-height: 100%;
    padding-top: 14px;
    display: block;
  }

  .lightbox-link-9 {
    margin-top: 43px;
  }

  .column-14, .column-15, .column-16 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-17, .column-18 {
    position: static;
  }

  .wraper-side-menu {
    width: 0;
  }

  .div-block-104 {
    box-shadow: 3px 3px 6px #0006;
  }

  .div-block-105 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image-59 {
    width: 100%;
    max-width: none;
    height: 350px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .head-herojt {
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    font-family: GothamRegular, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5em;
  }

  .form-cotizarjt, .form-programarcita-jt {
    width: auto;
  }

  .grid-logo_comercios {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
  }

  .slider-logos_comercios {
    padding-bottom: 47px;
  }

  .container-logos {
    padding: 8px;
    top: 0;
  }

  .container-logos.avances {
    padding-top: 0;
    padding-left: 6px;
    padding-right: 6px;
    top: -160px;
    bottom: -145px;
  }

  .texto-blanco.small {
    font-size: 12px;
  }

  .cell1 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-position: 50% 12%;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    display: flex;
  }

  .cell-2 {
    background-position: 50%;
    flex-direction: row;
    justify-content: center;
  }

  .cell-3 {
    background-position: 50%;
    flex-flow: row;
    justify-content: center;
  }

  .cell {
    background-position: 50%;
  }

  .cell-5 {
    background-position: 50% 71%;
  }

  .cell-6 {
    flex-direction: column;
    align-items: center;
  }

  .quick-stack-2 {
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
  }

  .cell-9 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    background-image: url('../images/1200x887---vista-movil.jpg');
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-wrap: nowrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: none;
  }

  .cell-9.fux {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .cell-11 {
    align-items: center;
  }

  .link-block-15 {
    flex-flow: row;
    place-content: stretch center;
    align-items: flex-start;
    display: flex;
  }

  .quick-stack-4 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .contenedor-general-oficnas {
    justify-content: center;
    align-items: flex-start;
    display: none;
  }

  .container-22 {
    margin-top: 57px;
  }

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

  .hero-mobile-div {
    background-image: url('../images/vlcsnap-2023-06-19-11h44m13s220.webp');
    background-position: 50%;
    background-size: cover;
    height: 40vh;
  }

  .plazacomercial-div-mobile {
    background-image: url('../images/vlcsnap-2023-06-19-11h30m50s555.webp');
    background-position: 50% 0;
    background-size: cover;
    height: 220px;
    position: relative;
  }

  .plazacomercial-div-mobile.foto {
    background-image: url('../images/mobile1.webp');
    background-position: 50% 100%;
  }

  .edificio-negocios-mobile {
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .div-block-112 {
    text-align: center;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .edificio-negocios-mob {
    background-color: var(--midnight-blue-2);
    display: block;
  }

  .quick-stack-8 {
    grid-column-gap: 0px;
  }

  .div-block-113 {
    background-image: url('../images/vlcsnap-2023-06-19-11h29m27s622.webp');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 250px;
    margin-bottom: 9px;
    display: flex;
  }

  .div-block-114 {
    background-image: url('../images/vlcsnap-2023-06-19-15h16m38s471.webp');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 250px;
    margin-bottom: 10px;
    display: flex;
  }

  .div-block-115 {
    background-image: url('../images/vlcsnap-2023-06-19-11h29m02s559.webp');
    background-position: 50%;
    background-size: cover;
    justify-content: center;
    align-items: flex-end;
    height: 250px;
    margin-bottom: 10px;
    display: flex;
  }
}

#w-node-_2e850b39-c6fb-b929-76ed-41bb84492d76-2b0be513 {
  place-self: auto end;
}

#w-node-d517338b-c9c2-6988-169b-9601a42b34c2-2b0be513, #w-node-d517338b-c9c2-6988-169b-9601a42b34ca-2b0be513, #w-node-d517338b-c9c2-6988-169b-9601a42b34d3-2b0be513, #w-node-d517338b-c9c2-6988-169b-9601a42b34dc-2b0be513 {
  place-self: center;
}

#w-node-c0c395b1-7d3e-4e3c-a765-ff148672ac04-2b0be513, #w-node-c0c395b1-7d3e-4e3c-a765-ff148672ac10-2b0be513, #w-node-c0c395b1-7d3e-4e3c-a765-ff148672ac19-2b0be513 {
  justify-self: end;
}

#w-node-_10807809-5569-fd72-d0e1-7db2ce9e1757-2b0be513 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7d82c036-9307-c3b9-10ac-1ebac96ba6a2-2b0be513 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7d82c036-9307-c3b9-10ac-1ebac96ba6b2-2b0be513 {
  place-self: center start;
}

#w-node-_9997c09e-d11d-8fd3-0571-1c3a6f486c09-2b0be513 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_9997c09e-d11d-8fd3-0571-1c3a6f486c0a-2b0be513 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_867a8e8f-1901-24d2-e73e-7b78784bebcf-2b0be513 {
  place-self: center start;
}

#w-node-_9997c09e-d11d-8fd3-0571-1c3a6f486c0b-2b0be513 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-cbac49cb-fa93-0474-a3f1-8e53760e2e2d-2b0be513 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

#w-node-cbac49cb-fa93-0474-a3f1-8e53760e2e2e-2b0be513, #w-node-_4e598400-f59a-b124-6e52-5ffff736ea74-2b0be513 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_637f1ad5-2db1-33e8-4338-212900b50aa7-2b0be513 {
  place-self: center start;
}

#w-node-_637f1ad5-2db1-33e8-4338-212900b50ab1-2b0be513 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_4ed41405-fd07-a04a-348d-f4cb33495db7-33495d9a {
  grid-row: span 1 / span 1;
  grid-column-start: span .984375;
  grid-column-end: span .984375;
}

#w-node-a433df06-fac3-2a45-f54a-109796733db6-ea0be519 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-a433df06-fac3-2a45-f54a-109796733db7-ea0be519, #w-node-a433df06-fac3-2a45-f54a-109796733db8-ea0be519, #w-node-_2760d54e-1bb3-04d1-e037-b380dc16928c-ea0be519 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-eb831b2a-f386-6052-0001-9e5bafd29177-ea0be519 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-eb831b2a-f386-6052-0001-9e5bafd29178-ea0be519, #w-node-eb831b2a-f386-6052-0001-9e5bafd2917b-ea0be519 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8427985e-c883-65e0-6122-07cc6311afe7-ea0be519 {
  justify-self: auto;
}

#w-node-_53a4b644-884e-e39e-8f17-c74a4aa943eb-2b0be527 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_69933ffd-21d3-adea-6cb2-74ab06df4164-2b0be527 {
  grid-area: span 3 / span 1 / span 3 / span 1;
}

#w-node-fcdd97a2-0ea7-f4f9-e0ea-0e66ea064c37-2b0be527, #w-node-_24e9b8ec-1f5a-ad0f-29bd-5b774020cc8e-2b0be527 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4f01e324-57c3-d889-d15a-ba52346fd92d-2b0be527 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_338b648e-74fd-4225-1dfd-1fa51b84f042-2b0be527, #w-node-_7e2a80ab-2fcc-138a-e2ae-ba051ba1cbbf-2b0be527, #w-node-_502bd440-cf3b-72a1-5267-3848d8d89ae6-2b0be527, #w-node-_981cd147-6f7e-cc0c-72ec-43d2b4b98580-2b0be527, #w-node-_132402c4-b4bf-bf5d-b9a7-93a50965e2f2-2b0be527, #w-node-_1fee0fbf-6665-f6df-8ba0-bd0983861114-2b0be527, #w-node-f190568d-8092-f33e-b9bf-8058df3db2df-2b0be527 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_732e68b1-9cf3-109e-ae58-9d256fd83b15-2b0be527 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_251a4767-8eb0-97b1-81e3-4021ce3bc8da-2b0be527 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

#w-node-_002d2ace-20ef-360b-746b-7b3950e60d5c-2b0be527 {
  grid-area: 1 / 2 / 2 / 3;
  place-self: center;
}

#w-node-_076b5a99-e04a-3ccb-e0cc-73aa761a9fe1-2b0be527 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e70b423a-5bbd-dc65-dca4-6ce08438b567-2b0be527, #w-node-e70b423a-5bbd-dc65-dca4-6ce08438b568-2b0be527 {
  justify-self: end;
}

#w-node-_5ed66655-d7e0-7faa-df33-319b50797288-8e0be52b {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5ed66655-d7e0-7faa-df33-319b50797289-8e0be52b, #w-node-_5ed66655-d7e0-7faa-df33-319b5079728a-8e0be52b, #w-node-_8687b8a0-f63f-5452-bd62-708fcc74e8a7-8e0be52b, #w-node-_126d658f-940b-9158-b3e4-da2f548cbfa7-8e0be52b, #w-node-_18a51f5c-afaf-346d-7f16-e76018f4bcc9-8e0be52b, #w-node-_672f3481-0f91-ced1-e48a-3923ba943be1-8e0be52b, #w-node-_46f729fa-2a81-8179-d37e-d931a4e96b64-8e0be52b, #w-node-_9447190b-1c32-7e4f-9a5b-a7824b28f1dd-8e0be52b, #w-node-f3bd5820-b15b-84b6-b53b-ba68cc4ff524-8e0be52b, #w-node-_665feb45-cd54-4070-002e-0d6718374310-8e0be52b, #w-node-_643ecdbe-5100-7017-067d-e99e024d5e81-8e0be52b, #w-node-_6e7457a0-315d-77ee-d1c2-9635e7920d70-8e0be52b, #w-node-_974d8a3a-4268-b875-0a5e-bf86d225ab6c-8e0be52b, #w-node-a42c3ced-5926-565b-cc6a-6a09920d54c5-8e0be52b, #w-node-_18e25e10-2b07-d753-35f9-aa844d44593a-8e0be52b, #w-node-_99199ed4-e79a-4ab5-57e4-fe3ac0cce6c4-8e0be52b, #w-node-c45a770f-a6cb-0740-fda3-d46fff4649b5-8e0be52b, #w-node-_2159dfe5-487b-b2d6-c0f7-d1d8a694f9c0-8e0be52b, #w-node-_0bf009a7-09ab-2bfe-0575-65aef1c049c2-8e0be52b, #w-node-_6311ec6e-c6e2-dbc1-776c-841b3d80478c-8e0be52b, #w-node-_1dd95cc9-1f5f-249a-f549-098cd6443d7c-8e0be52b, #w-node-_0edd1d27-14c2-c4f7-4700-9b201dd4132e-8e0be52b, #w-node-_9f3eb0f9-8f18-025d-f3ba-f35b43cb4b61-8e0be52b, #w-node-_52084f21-92df-58df-789a-a6d235b68b90-8e0be52b, #w-node-_2cb3a258-9205-cf1a-1121-9267aaca23fa-8e0be52b, #w-node-f418e7e6-d730-d448-3c46-f6c67db8c0e5-8e0be52b, #w-node-_307ad56e-8948-268f-43ee-19237cf3251c-8e0be52b, #w-node-_26d99419-ab18-4c26-5ddd-b84d956e6434-8e0be52b, #w-node-de6c5015-13e8-2a7f-6a17-ea27053d0918-8e0be52b, #w-node-_6bf3e5bf-ce66-dfe2-56f2-2a236357337d-8e0be52b, #w-node-_7e3f2c7f-17b5-a7a5-3b10-b53fb138145f-8e0be52b, #w-node-_29937044-c9e4-697e-f0a1-34c69a871fdb-8e0be52b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9f04854b-ea9a-26c9-a2dc-0e1a20c224a6-380be52c {
  grid-row: span 1 / span 1;
  grid-column-start: span .984375;
  grid-column-end: span .984375;
}

@media screen and (max-width: 991px) {
  #w-node-c0c395b1-7d3e-4e3c-a765-ff148672ac04-2b0be513 {
    place-self: stretch stretch;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4ed41405-fd07-a04a-348d-f4cb33495db5-33495d9a, #w-node-_4ed41405-fd07-a04a-348d-f4cb33495db6-33495d9a, #w-node-_4ed41405-fd07-a04a-348d-f4cb33495db7-33495d9a, #w-node-_4ed41405-fd07-a04a-348d-f4cb33495db8-33495d9a {
    place-self: center;
  }

  #w-node-a433df06-fac3-2a45-f54a-109796733db6-ea0be519 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-a433df06-fac3-2a45-f54a-109796733db7-ea0be519, #w-node-a433df06-fac3-2a45-f54a-109796733db8-ea0be519, #w-node-_2760d54e-1bb3-04d1-e037-b380dc16928c-ea0be519 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-eb831b2a-f386-6052-0001-9e5bafd29177-ea0be519 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-eb831b2a-f386-6052-0001-9e5bafd29178-ea0be519, #w-node-eb831b2a-f386-6052-0001-9e5bafd2917b-ea0be519 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_7e60f6e1-03ef-8891-2d4f-062a4d4226b6-ea0be519 {
    place-self: auto;
  }

  #w-node-_194f0dc1-e005-12ee-72fa-f6b3e35e5ba4-ea0be519, #w-node-f2ccf5d3-0480-9f71-833a-b972e7f473f4-ea0be519, #w-node-_238402ae-fc4f-4ac5-e63d-090cdfb668e8-ea0be519 {
    justify-self: end;
  }

  #w-node-_53a4b644-884e-e39e-8f17-c74a4aa943eb-2b0be527 {
    grid-template-rows: 1.5fr auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_69933ffd-21d3-adea-6cb2-74ab06df4164-2b0be527 {
    order: -9999;
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-fcdd97a2-0ea7-f4f9-e0ea-0e66ea064c37-2b0be527, #w-node-_24e9b8ec-1f5a-ad0f-29bd-5b774020cc8e-2b0be527, #w-node-f190568d-8092-f33e-b9bf-8058df3db2df-2b0be527, #w-node-_732e68b1-9cf3-109e-ae58-9d256fd83b15-2b0be527 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_732e68b1-9cf3-109e-ae58-9d256fd83b17-2b0be527 {
    align-self: center;
  }

  #w-node-_002d2ace-20ef-360b-746b-7b3950e60d5c-2b0be527 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-b176d881-7497-001e-dc48-ed422957a4fe-2b0be527 {
    align-self: center;
  }

  #w-node-e70b423a-5bbd-dc65-dca4-6ce08438b567-2b0be527, #w-node-e70b423a-5bbd-dc65-dca4-6ce08438b568-2b0be527 {
    justify-self: center;
  }

  #w-node-_5ed66655-d7e0-7faa-df33-319b50797288-8e0be52b {
    display: none;
  }

  #w-node-_2159dfe5-487b-b2d6-c0f7-d1d8a694f9c0-8e0be52b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_9f04854b-ea9a-26c9-a2dc-0e1a20c224a4-380be52c, #w-node-_9f04854b-ea9a-26c9-a2dc-0e1a20c224a5-380be52c, #w-node-_9f04854b-ea9a-26c9-a2dc-0e1a20c224a6-380be52c, #w-node-_9f04854b-ea9a-26c9-a2dc-0e1a20c224a7-380be52c {
    place-self: center;
  }
}


@font-face {
  font-family: 'GothamBold';
  src: url('../fonts/GothamBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GothamLight';
  src: url('../fonts/GothamLight.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GothamRegular';
  src: url('../fonts/GothamRegular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GothamMedium';
  src: url('../fonts/GothamMedium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'GothamBlack';
  src: url('../fonts/GothamBlack.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Hurmegeometricsans 1';
  src: url('../fonts/HurmeGeometricSans1-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: auto;
}