.article .gallery {
    height: fit-content;
}

.article a {
  text-decoration: underline;
  color: inherit;
}
.btn {
    margin-bottom: 30px;

}
.btn span {
    text-decoration: underline;
}
.button-orange {
    background: linear-gradient(to bottom, #F7C695, white);
}

.button-orange:before {
    background: linear-gradient(to bottom, #F7C695, white, #F7C695);
}

.container-images {
    display: grid;
    column-gap: 16px;
    row-gap: 16px;
    margin-bottom: 30px;
    grid-template-columns: 1fr 1fr
}

.past-edition {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px; 
}

.container .link {
    text-decoration: underline;
    color: black;
}
#gallery {
    margin-bottom: 7.5rem;
}
.mockup {
    width: 719px;
    margin-bottom: 32px;
}

main.alt .deco-green, main.alt .deco-orange, main.alt .deco-orange2, main.alt .deco-purple, main.alt .deco-purplem, main.alt .deco-green2 {
  display: block;
  width: 80rem;
  height: 60rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
  animation: dance 8s infinite;
}

main.alt .deco-green {
   background-image: url('/wp-content/themes/babia//assets/images/edicion-2024/deco-green.svg'); 
   left: -15rem;
   margin-top: -38rem;
   z-index: 0;
}

main.alt .deco-orange {
    background-image: url('/wp-content/themes/babia/assets/images/edicion-2024/deco-orange.svg');
    right: 0rem;
    margin-top: -35rem;
    z-index: 0;
}

main.alt .deco-orange2 {
    background-image: url('/wp-content/themes/babia/assets/images/edicion-2024/deco-orange2.svg');  
    right: -25rem;
    margin-top: -15rem;

    z-index: 0;
}
main.alt .deco-purple {
    background-image: url('/wp-content/themes/babia/assets/images/edicion-2024/deco-purple.svg'); 
    left: -25rem;
    margin-top: -36rem;
    z-index: 0;
}

main.alt .deco-green2 {
  background-image: url('/wp-content/themes/babia/assets/images/edicion-2024/deco-green2.svg'); 
  left: -25rem;
  margin-top: -36rem;
  z-index: 0;
}


#section-swiper {
    width: 50%;
}

.swiper-wrapper p {
  color: white;
  position: absolute;
  bottom: 58px;
  right: 55px;
  max-width: 672px;
  z-index:10;
}

.js-swiper-zoom::after {
  content : '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30.5%, rgba(0, 0, 0, 0.9) 100%);
  z-index:9;
}

body .header_hero {
  height: calc(100vh - 20rem);
  min-height: 20rem;
  max-height: 67rem;
}

.modal.modal-zoom {
  padding: 4rem;
  max-height: 90vh;
}

@media (min-width: 768px) {
  body .blockquote, body .article .blockquote {
    margin-left: -10.9rem;
    margin-top: 7rem;
    margin-bottom: 7rem;
  }
  body .blockquote p, body .article .blockquote p {
    font-size: 3.6rem;
    line-height: 4rem;
    padding-right: 7rem;
    margin-bottom: 0;
  }
  body .blockquote:before, body .blockquote p:after {
    width: 7rem;
    height: 6rem;
  }
  body .blockquote:before {
    left: 2.4rem;
  }
  body .button-orange {
    font-size: 1.9rem;
    line-height: 2rem;
    padding-top: 1.7rem;
    padding-bottom: 1.7rem;
    min-width: 22.6rem;
  }

  body .header .header_hero .header_title {
    max-width: 105rem;
  }
  body .article .video, body .article .gallery, body .article figure {
    margin-top: 7rem;
    margin-bottom: 7rem;
  }

}

body .article h2 {
  font-weight: 450;
  text-wrap: balance;
  font-family: 'ABC Normal', sans-serif;
}

body .article .past-edition {
  gap: 40px;
  width: 100%;
  max-width: 492px;
  margin-left: auto;
  margin-right: auto;
  flex-direction: column;
}

@media (min-width: 700px) {
  body .article .past-edition {
    flex-direction: row;
  }
}

body .article .past-edition_button {
  flex: 1;
  border-radius: 35px;
  border: 1px solid #000;
  background: #FFF;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #000;
  font-family: "ABC Normal";
  font-size: 16px;
  font-style: normal;
  font-weight: 450;
  line-height: 20px; /* 125% */
  padding-right: 48px;
  background-image: url('../images/edicion-2025/ico-more.svg');
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: calc(100% - 16px) center;
  text-decoration: none;
}

body .article .tquote {
  width: 100%;
  padding: 0;
  margin: 0 auto 69px;
}

body .article .tquote p {
  color: #000;
  font-family: "ABC Normal";
  font-size: 32px;
  font-style: normal;
  font-weight: 450;
  line-height: 45px; /* 140.625% */
  text-align: left;
  margin-bottom: 30px;
  position: relative;
  padding-right: 20px;
}

body .article .tquote p:before {
  content: '';
  display: block;
  background-image: url('../images/edicion-2025/quotes-open.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 60px;
  position: absolute;
  top: 0;
  left: -79px;
}

body .article .tquote p:after {
  content: '';
  display: block;
  background-image: url('../images/edicion-2025/quotes-close.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 69px;
  height: 60px;
  position: absolute;
  bottom: -30px;
  right: -79px;
}

body .article .tquote cite {
  padding-left: 40px;
  position: relative;
  display: block;
}

body .article .tquote cite:before {
  content: '';
  display: block;
  background-image: url('../images/edicion-2025/line.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 30px;
  height: 3px;
  position: absolute;
  top: 14px;
  left: 0;
}

body .article .tquote cite strong {
  display: block;
  color: #000;
  font-family: "La Belle Aurore";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 118.182% */
  text-align: left;
}

body .article .tquote cite span {
  color: #000;
  font-family: "ABC Normal";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 32px; /* 228.571% */
  text-align: left;
  display: block;
}

body .article figure + figure {
  margin-top: -5rem;
}

body .article .gallery {
  width: 100%;
}

body .article .gallery .swiper {
  width: 100%;
}

body .article .slide-video {
  height: 75vh;
  max-height: 757px;
}

body .article .tvideo {
  height: 75vh;
  max-height: 757px;
  margin: 7rem auto;
}