/* Galería Shortcode - Slider horizontal con GSAP */
.gallery-shortcode {
  width: 100%;
  display: block;
  margin: 0 auto;

  &--empty {
    padding: 2rem;
    text-align: center;
  }

  &__image {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}

.slider-galeria {
  position: relative;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;

  > .mcb-wrap-inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    will-change: transform;
    margin-left: 0;
    width: auto;
    min-width: fit-content;
    transform-origin: center center;
  }

  .wrap.mfn-nested-wrap {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
  }

  @media (width>1920px) {
    .wrap.mfn-nested-wrap {
      width: 800px;
      min-width: 800px;
    }
  }

  @media (width>=1440px) and (width<=1920px) {
    .wrap.mfn-nested-wrap {
      width: 550px;
      min-width: 550px;
    }
  }

  @media (width<1440px) {
    .wrap.mfn-nested-wrap {
      width: 450px;
      min-width: 450px;
    }
  }

  @media (width>768px) {
    .gallery-shortcode__image {
      height: 75vh;
    }
  }

  @media (width<=768px) {
    .wrap.mfn-nested-wrap {
      width: 70vw;
      min-width: 70vw;
    }
    .gallery-shortcode__image {
      height: 50vh;
    }
  }

  .gallery-shortcode__figure {
    line-height: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
  }

  .gallery-shortcode__image {
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 8px;
    display: block;
    object-fit: cover;
  }
}