@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Medium.woff2') format("woff2"), url('../fonts/AvenirNext-Medium.woff') format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-DemiBold.woff2') format("woff2"), url('../fonts/AvenirNext-DemiBold.woff') format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Bold.woff2') format("woff2"), url('../fonts/AvenirNext-Bold.woff') format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --border: #ffffff45;
  --white: white;
  --gris: #a1a1a1;
}

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

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

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

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

.body {
  background-color: #212121;
  font-family: Avenirnext, Arial, sans-serif;
}

.section-hero {
  background-image: url('../images/FORO-POLANCO-cover.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  height: 100vh;
  margin-top: -61px;
  display: flex;
}

.container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-right: .5px solid var(--border);
  background-color: #0000;
  border-left: .5px solid #ffffff45;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 91%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.container.nav {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-left-style: solid;
  border-right-style: solid;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 8px 10px;
  display: block;
}

.container.hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin-top: 60px;
  margin-bottom: 0;
  padding-bottom: 40px;
  display: flex;
}

.container.map {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: start;
  display: block;
}

.container.spacer {
  height: 82px;
  margin-bottom: 0;
  display: block;
}

.container.spacer.footer {
  height: 64px;
}

.navbar {
  mix-blend-mode: normal;
  background-color: #0000;
  border-bottom: .5px solid #ffffff45;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
  position: sticky;
  top: 0;
}

.image {
  margin-top: 0;
  margin-bottom: 0;
}

.nav-menu {
  color: #fff;
}

.nav-link {
  color: #fff;
  text-align: left;
  height: auto;
  padding: 12px 16px;
  display: inline-block;
}

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

.nav-link.button {
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 4px;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}

.menu-button {
  display: none;
}

.h1 {
  color: #fff;
  text-align: center;
  letter-spacing: -.1rem;
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 500;
  line-height: 100%;
}

.button {
  color: #1f1f1f;
  background-color: #fff;
  border-radius: 4px;
  padding: 10px 20px;
  display: block;
}

.button.secondary {
  color: #fff;
  background-color: #0000;
  text-decoration: underline;
}

.div-buttons {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-hero-text {
  margin-top: 0;
}

.foro-polanco {
  width: 100%;
  margin-top: 0;
  margin-bottom: -4px;
  display: block;
}

.section-intro {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

.div-subheading {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  width: 100%;
  padding: 80px 58px;
  display: grid;
}

.div-subheading._2 {
  padding-right: 85px;
  display: block;
}

.div-subheading.footer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  width: 45%;
  margin-bottom: 268px;
  margin-right: auto;
  padding-top: 80px;
  display: flex;
}

.h2 {
  color: var(--gris);
  text-align: left;
  letter-spacing: -.1rem;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 34px;
  font-weight: 500;
  line-height: 130%;
}

.h2._2 {
  font-size: 3.4vw;
}

.h2._3 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 36px;
  line-height: 100%;
  text-decoration: none;
  display: block;
}

.h2._4 {
  color: var(--white);
  font-size: 72px;
}

.h2._5 {
  color: var(--white);
  margin-bottom: 10px;
  font-size: 52px;
  line-height: 100%;
}

.white {
  color: #fff;
}

.img-evento {
  border-top: .5px none var(--border);
  border-bottom: .5px none var(--border);
}

.section {
  width: 100%;
}

.section-asistentes {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

.div-map {
  color: var(--white);
  background-image: url('../images/FORO-POLANCO-fondo.avif');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: 50% 100%;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.div-img-evento {
  background-image: url('../images/FORO-POLANCO-eventos-en-polanco.avif');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 636px;
}

.img-map {
  float: left;
  width: 64%;
  height: auto;
  padding-top: 120px;
  padding-bottom: 120px;
  padding-left: 10.5%;
  display: block;
  position: relative;
  overflow: visible;
}

.section-2 {
  border-top: .5px solid var(--border);
}

.div-p-polanco {
  float: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 22%;
  height: auto;
  margin-top: 58px;
  margin-left: 58px;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
}

.paragraph {
  float: left;
  color: #ffffffb3;
  width: auto;
  margin-bottom: 0;
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  position: relative;
  inset: 0% 0% 0% 0;
}

.paragraph._2 {
  margin-bottom: 0;
  font-size: 24px;
  position: static;
}

.paragraph.cta {
  margin-bottom: 20px;
}

.image-3 {
  width: 25px;
}

.section-espacio {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

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

.section-servicios {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

.div-servicios {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  width: 100%;
  padding: 0;
  display: grid;
}

.div-servicios._2 {
  display: block;
}

.div-p-columna {
  float: left;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: auto;
  height: auto;
  min-height: 650px;
  margin-top: 0;
  padding: 58px;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
}

.div-p-columna.center {
  border-right: .5px solid var(--border);
  border-left: .5px solid var(--border);
}

.div-p-columna.video {
  border-left: .5px solid var(--border);
  justify-content: flex-start;
  align-items: stretch;
  min-height: 0;
  padding: 0;
}

.div-p-columna.clic {
  border-left: .5px solid var(--border);
  justify-content: flex-start;
  align-items: stretch;
  min-height: 0;
  padding: 58px;
}

.ico-servicios {
  width: 32px;
  margin-bottom: 0;
  margin-left: auto;
}

.ico-servicios._3 {
  width: 25px;
}

.section-polanco {
  border-top: .5px solid var(--border);
  border-bottom: 0 #000;
}

.div-p-map {
  float: left;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 25%;
  height: auto;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 115px;
  padding-left: 0;
  display: flex;
  position: relative;
  top: 0%;
  bottom: 0%;
}

.section-video {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

.div-video {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  width: 100%;
  padding: 0;
  display: grid;
}

.div-video._2 {
  display: block;
}

.section-recorrido, .section-galeria {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
}

.slider {
  background-color: #0000;
  width: 100%;
  height: auto;
  margin-bottom: 58px;
}

.slide-nav {
  display: none;
}

.slide-1 {
  float: left;
  width: auto;
  height: auto;
  margin-right: auto;
}

.section-footer {
  border-top: .5px solid var(--border);
  border-bottom: 0px none var(--border);
  background-image: url('../images/FORO-POLANCO-eventos-musicales.avif');
  background-position: 50%;
  background-size: cover;
  margin-bottom: -2px;
}

.div-footer {
  border-bottom: .5px solid var(--border);
  margin-bottom: 0;
  padding-bottom: 0;
}

.div-logo-hero {
  border-bottom: .5px solid var(--border);
  width: 100%;
  margin-bottom: 0;
}

.helper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: center;
  display: grid;
}

.grid-gallery {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  max-height: none;
  display: grid;
}

.mask {
  aspect-ratio: auto;
  overflow: hidden;
}

.icon {
  margin-top: 0;
  margin-bottom: 0;
}

.flecha-derecha {
  height: 42px;
  margin-top: -67px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.icon-2 {
  margin: 0 20px;
  inset: 0% auto auto;
}

.left-arrow {
  margin-top: -67px;
  margin-left: 0;
  margin-right: 47px;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.img-galeria {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  margin-right: 0;
  padding-right: 0;
}

.flecha-izquierda {
  margin-top: -67px;
  margin-left: 0;
  margin-right: 72px;
  inset: 0% 0% auto auto;
  overflow: visible;
}

.slide-nav-2 {
  display: none;
}

.slider-2 {
  background-color: #0000;
  margin-bottom: 58px;
}

.slide-container-2 {
  width: 75%;
  height: auto;
}

.slide-2, .slide-3 {
  width: auto;
}

.icon-3 {
  margin: 0 58px 0 0;
  font-size: 20px;
}

.icon-4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
}

.div-block-2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.div-block-3, .div-block-4 {
  display: flex;
}

@media screen and (max-width: 767px) {
  .container.map {
    flex-flow: column;
    display: flex;
  }

  .div-subheading {
    grid-template-rows: auto auto;
    grid-template-columns: 1.75fr;
    grid-auto-flow: column;
    align-self: flex-start;
    padding: 30px;
  }

  .div-subheading.footer {
    width: 100%;
  }

  .h2 {
    font-size: 28px;
    line-height: 110%;
  }

  .h2._2 {
    font-size: 28px;
  }

  .h2._3 {
    margin-bottom: 15px;
    font-size: 30px;
  }

  .h2._4 {
    font-size: 53px;
  }

  .div-map {
    background-size: 100%;
    flex-flow: column;
    padding: 30px;
  }

  .div-img-evento {
    display: flex;
  }

  .img-map {
    width: 100%;
    padding-top: 0;
    padding-bottom: 60px;
    padding-left: 0%;
  }

  .div-p-polanco {
    width: 50%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 30px;
  }

  .paragraph._2 {
    font-size: 16px;
  }

  .div-servicios {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: column;
  }

  .div-p-columna {
    width: 100%;
    min-height: 0;
    padding: 30px;
  }

  .div-p-columna.center {
    border-style: solid;
    border-width: .5px 1px;
    border-color: var(--border) black;
  }

  .ico-servicios {
    margin-bottom: 50px;
  }

  .div-p-map {
    width: 100%;
    padding-bottom: 0;
  }

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

  .helper {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .section-hero {
    margin-top: -58px;
  }

  .container.nav {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .container.spacer, .container.spacer.footer {
    height: 58px;
  }

  .nav-link.button {
    height: auto;
  }

  .h1 {
    font-size: 24px;
  }

  .foro-polanco {
    margin-bottom: -1px;
  }

  .div-subheading._2 {
    padding-bottom: 30px;
  }

  .div-subheading.footer {
    padding-top: 30px;
  }

  .h2._4 {
    margin-bottom: 0;
    line-height: 100%;
  }

  .h2._5 {
    font-size: 42px;
  }

  .div-map {
    background-position: 50%;
    background-size: cover;
  }

  .div-p-polanco {
    width: 100%;
    margin-right: 30px;
  }

  .paragraph {
    font-size: 14px;
  }

  .div-p-columna {
    min-height: 0;
  }

  .div-p-columna.clic {
    padding: 30px;
  }

  .slider {
    margin-bottom: 30px;
  }

  .section-footer {
    background-image: url('../images/FORO-POLANCO-eventos-musicales-mobile.webp');
    background-position: 50% 100%;
    background-size: cover;
  }

  .helper {
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-right: 8px;
    display: flex;
  }

  .div-block {
    align-self: auto;
  }

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

  .flecha-derecha {
    width: 21px;
    height: 21px;
    margin-top: -46px;
    margin-right: 30px;
    bottom: auto;
    right: 0%;
  }

  .flecha-izquierda {
    width: 21px;
    height: 21px;
    margin-top: -46px;
    margin-right: 66px;
    top: 0%;
    overflow: hidden;
  }

  .icon-3 {
    margin-right: 30px;
    right: auto;
  }

  .icon-4 {
    margin-bottom: 0;
    margin-right: 0;
    bottom: auto;
  }
}

#w-node-_650e264f-58cc-a3ad-13a5-2bdfb1948b00-fa4ce2b8 {
  place-self: center;
}

#w-node-b40af545-2ece-5258-84c5-a3999a41acea-fa4ce2b8 {
  place-self: center end;
}

#w-node-_59bb24f1-a67a-3498-d199-4712617b4c5a-fa4ce2b8 {
  grid-column: span 1 / span 1;
}

#w-node-cf1fcd88-83d4-8bb4-619f-960a60e1dc49-fa4ce2b8 {
  grid-area: 1 / 1 / 3 / 2;
}

#w-node-_06a47a2e-45d1-bcc8-3b59-8e6ab2ead4c5-fa4ce2b8 {
  place-self: end;
}

#w-node-_3d00dfe0-6bf4-0220-2703-3fcb2db5cdcf-fa4ce2b8 {
  grid-area: 1 / 1 / 2 / 2;
}

#w-node-_76178ae2-7a86-7911-31fe-956abbeb1c53-fa4ce2b8 {
  place-self: end;
}

#w-node-fd380039-772b-090b-cb29-d39479a1d42e-fa4ce2b8 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: auto;
}

#w-node-_97b9e669-7d20-3c24-3e7c-c607ecc7c0f9-fa4ce2b8, #w-node-b1234286-05dc-f559-9f7e-d6968fb8d076-fa4ce2b8 {
  align-self: end;
}

#w-node-b625f2f2-1372-60bb-a730-9127f9c88e47-fa4ce2b8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-d93f3442-d657-1546-09ea-7e0977529b46-fa4ce2b8 {
  grid-area: 1 / 1 / 2 / 2;
  align-self: start;
}

#w-node-d93f3442-d657-1546-09ea-7e0977529b4c-fa4ce2b8, #w-node-f7df0915-16b3-b12a-de0a-fa98beb89fa1-fa4ce2b8, #w-node-d7462851-c2f2-137c-4780-0c7c0b51cd17-fa4ce2b8 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

@media screen and (max-width: 767px) {
  #w-node-_06a47a2e-45d1-bcc8-3b59-8e6ab2ead4c5-fa4ce2b8, #w-node-_76178ae2-7a86-7911-31fe-956abbeb1c53-fa4ce2b8 {
    justify-self: start;
  }

  #w-node-b625f2f2-1372-60bb-a730-9127f9c88e47-fa4ce2b8 {
    grid-column: span 2 / span 2;
  }

  #w-node-d93f3442-d657-1546-09ea-7e0977529b46-fa4ce2b8 {
    grid-area: 1 / 1 / 2 / 3;
    align-self: start;
  }
}


@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Medium.woff2') format('woff2'), url('../fonts/AvenirNext-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-DemiBold.woff2') format('woff2'), url('../fonts/AvenirNext-DemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Bold.woff2') format('woff2'), url('../fonts/AvenirNext-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}