.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;
}
.avimg_slider_big,
.avimg_slider_thumn {
  width: 100%;
  height: 100%;
  object-fit: cover; /* será sobrescrito por inline style desde Elementor si se usa */
}
.avdivimg_slider_big img {
  margin: 0 auto;
  display: block;
  /*
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  */
  width: 100%;
  height: 100%;
  object-fit: var(--object-fit-big, cover);
  display: block;
}
/* thumbnails */
.avdiv_wid_thumnails {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  gap: var(--thumbnails-gap, 5px); /* Utilizar la variable CSS para el margen */
  justify-content: space-between;
}
.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 */
}