* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }

  .ing-modal {
    position: fixed;
    display: flex;
    z-index:100;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(246, 245, 242, 0.8);
    
    justify-content: center;
    align-items: center;

    opacity: 0;
    visibility: hidden;
  }

  .ing-modal.active  {
    opacity: 1;
    visibility: visible;
  }

  .ing-modal .modal-content{
    overflow: hidden;
    border-radius: 24px;
    max-width: 66%;
    aspect-ratio: 16/9;
    position: relative;
  }

  .ing-modal .close-modal {
      display: block;
      color: var(--swiper-pagination-bullet-inactive-color,#fff);
      font-size: 35px;
      font-weight: 500;
      position: absolute;
      right: 30px;
      top:30px;
      z-index: 10;
      transition: all .3s ease;
      opacity: var(--swiper-pagination-bullet-inactive-opacity, .8);
  }

  .ing-modal .close-modal:hover,
  .ing-modal .close-modal:focus {
    color: #ccc;
    text-decoration: none;
    cursor: pointer;
    opacity: 1;
  }
  .ing-modal-gallery{
    width: 100%;
    height: 100%;
  }
  /*
  .ing-modal-gallery {
    width: 80%;
    height: 90%;
    margin: auto;

    --swiper-theme-color: #fff;
    --swiper-pagination-bullet-inactive-color: var(--swiper-theme-color);
    --swiper-pagination-bullet-inactive-opacity: 0.5;
  }
  
  .ing-modal-gallery .swiper-slide {
    overflow: hidden;
    border-radius: 24px;
  }
  */

  .ing-modal-gallery .swiper-slide img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
  }
  
  /* .ing-modal-gallery.swiper .swiper-pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 7.5%;
    width: 100%;
    display: flex;
    padding: 0 30px;
    flex-wrap: nowrap;
  }

  .ing-modal-gallery .swiper-pagination {
    position: relative;
    overflow: hidden;
  }

  .ing-modal-gallery .swiper-pagination::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 8px;
    background: #fff;
    border-radius: 35px;

    transform: translateX(var(--indicator-left, 0));
    width: var(--indicator-width, 20px);

    transition: transform 0.35s ease, width 0.35s ease;
  }

  .ing-modal-gallery .swiper-pagination .swiper-pagination-bullet {
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 35px;
    height: 8px;
    flex: 1;

    transition: opacity 0.3s ease;
  }

  .ing-modal-gallery .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
  } */

  .ing-modal-gallery.swiper .swiper-pagination {
    display: none;
  }

  /* Estilos Carrusel en Bucle  */

  .overflow-carousel,
  .overflow-carousel .swiper {
      overflow: visible !important;
  }

  .overflow-carousel .swiper {
      padding-left: 60px;
      padding-right: 60px;
  }

  .overflow-carousel .swiper-slide {
      opacity: 0.4;
      transition: opacity 0.3s ease, transform 0.3s ease;
  }

  .overflow-carousel .swiper-slide-active,
  .overflow-carousel .swiper-slide-active + .swiper-slide,
  .overflow-carousel .swiper-slide-active + .swiper-slide + .swiper-slide {
      opacity: 1;
  }

  .overflow-carousel .elementor-widget-container {
      overflow: visible;
  } 
  
  /* Swiper navigation */

  .ing-modal-gallery .swiper-button-prev,
  .ing-modal-gallery .swiper-button-next {
      width: 35px;
      height: 35px;

      color: #fff;

      bottom: 30px;
      top: auto;

      transform: translateY(0);

      z-index: 20;

      transition: opacity .3s ease;

      opacity: .75;
  }

  .ing-modal-gallery .swiper-button-prev:hover,
  .ing-modal-gallery .swiper-button-next:hover {
      opacity: 1;
  }

  .ing-modal-gallery .swiper-button-prev:not(.swiper-button-disabled),
  .ing-modal-gallery .swiper-button-next:not(.swiper-button-disabled) {
      background-image: url("../../resources/media/arrow-sm-left-svgrepo-com.png");
      background-repeat: no-repeat;
      background-size: contain;
  }

  /* Left arrow position */
  .ing-modal-gallery .swiper-button-prev {
      left: 30px;
  }

  /* Right arrow position */
  .ing-modal-gallery .swiper-button-next {
      right: 30px;
  }

  /* Arrow icon size */
  .ing-modal-gallery .swiper-button-prev::after,
  .ing-modal-gallery .swiper-button-next::after {
      content: "";
  }

  .ing-modal-gallery .swiper-button-next {
      transform: rotate(180deg);
  }


  @media (max-width: 1024px) {
    .overflow-carousel .swiper-slide-active,
    .overflow-carousel .swiper-slide-active + .swiper-slide {
        opacity: 1;
    }

    .overflow-carousel .swiper-slide-active + .swiper-slide + .swiper-slide {
        opacity: 0.4;
    }
  }

  @media (max-width: 767px) {
    .overflow-carousel .swiper-slide-active {
        opacity: 1;
    }

    .overflow-carousel .swiper-slide-active + .swiper-slide,
    .overflow-carousel .swiper-slide-active + .swiper-slide + .swiper-slide {
        opacity: 0.4;
    }
  }