/* thumbnails */
.avdiv_wid_gallery {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    gap: var(--thumbnails-gal-gap, 10px); /* Espacio entre imágenes */
}

.avdivimg_gallery {
    flex: 1 1 calc((100% - (var(--thumbnails-gal-gap, 10px) * (var(--columns-number, 4) - 1))) / var(--columns-number, 4));
    box-sizing: border-box;
    cursor: pointer; 
    
}


.avdiv_wid_thumnails_1 .avdivimg_gallery {
    flex: 0 0 calc(100% - var(--thumbnails-gal-gap, 10px)); /* 1 thumbnail por fila */
}

.avdiv_wid_thumnails_2 .avdivimg_gallery {
    flex: 0 0 calc(50% - var(--thumbnails-gal-gap, 10px) / 2); /* 2 thumbnails por fila */
}

.avdiv_wid_thumnails_3 .avdivimg_gallery {
    flex: 0 0 calc(33.33% - var(--thumbnails-gal-gap, 10px) / 1.5); /* 3 thumbnails por fila */
}

.avdiv_wid_thumnails_4 .avdivimg_gallery {
    flex: 0 0 calc(25% - var(--thumbnails-gal-gap, 10px) / 1.25); /* 4 thumbnails por fila */
}

.avdiv_wid_thumnails_5 .avdivimg_gallery {
    flex: 0 0 calc(20% - var(--thumbnails-gal-gap, 10px) / 1.2); /* 5 thumbnails por fila */
}

.avdiv_wid_thumnails_6 .avdivimg_gallery {
    flex: 0 0 calc(16.67% - var(--thumbnails-gal-gap, 10px) / 1.1667); /* 6 thumbnails por fila */
}

.avdiv_wid_thumnails_7 .avdivimg_gallery {
    flex: 0 0 calc(14.29% - var(--thumbnails-gal-gap, 10px) / 1.1429); /* 7 thumbnails por fila */
}

.avdiv_wid_thumnails_8 .avdivimg_gallery {
    flex: 0 0 calc(12.5% - var(--thumbnails-gal-gap, 10px) / 1.125); /* 8 thumbnails por fila */
}

.avdiv_wid_thumnails_9 .avdivimg_gallery {
    flex: 0 0 calc(11.11% - var(--thumbnails-gal-gap, 10px) / 1.1111); /* 9 thumbnails por fila */
}

.avdiv_wid_thumnails_10 .avdivimg_gallery {
    flex: 0 0 calc(10% - var(--thumbnails-gal-gap, 10px) / 1.1); /* 10 thumbnails por fila */
}



.avimg_gallery {
  width: 100%;
  height: auto;
  display: block;
  padding-bottom: var(--thumbnails-gal-height, 200px);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/*lightbox*/
.avdiv_lightbox {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background: #000000c2;
  top: 0;
  left: 0;
  z-index: 999999;
  transition: opacity 0.4s ease;
}

.avhide {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}
.avdiv_lightbox_units_wrap {
  display: flex;
  flex-direction: row;
  width: fit-content;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s ease-in-out;
}
.avimg_lightbox_unit {
  width: 100vw;
  height: 100vh;
}
.avlightbox-img {
  position: relative;
  max-width: 90vw !important;
  max-height: 800px;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.avdiv_icon_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  translate: -10px 10px;
  cursor: pointer;
  z-index: 10;
}

.ivico_lighbox_nav {
  width: 30px;
  cursor: pointer;
  z-index: 10;
}

.ivico_lighbox_nav.ivico_lighbox_nav_left {
  position: absolute;
  left: 20px;
  top: 50%;
  translate: 0 -50%;
}

.ivico_lighbox_nav.ivico_lighbox_nav_right {
  position: absolute;
  right: 20px;
  top: 50%;
  translate: 0 -50%;
}