.avdiv_wid_slider {
    display: flex;
    overflow-x: hidden; /* Asegúrate de que sea hidden */
    scroll-behavior: smooth; /* Añadir comportamiento de scroll suave */
}

.avdivimg_slider_big {
    flex: none;
    width: 100%; /* Asegurarse de que los slides ocupen el 100% del contenedor */
    max-width: 100%;
    height: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	position: relative;
	  overflow: hidden;
}
.avdivimg_slider_big img {

  margin: 0 auto;
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
/* thumbnails */
.avdiv_wid_thumnails {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    gap: var(--thumbnails-gap, 5px); /* Utilizar la variable CSS para el margen */
}
.avdivimg_slider_thumn {
  overflow: hidden;
  position: relative;
}
.avimg_slider_thumn {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}


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

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

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

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

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

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

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

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

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

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