.elementor-2318 .elementor-element.elementor-element-248b8bae{--display:flex;}.elementor-2318 .elementor-element.elementor-element-4f057f2{width:var( --container-widget-width, 97% );max-width:97%;--container-widget-width:97%;--container-widget-flex-grow:0;text-align:start;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button{bottom:15px;right:15px;width:50px;height:50px;z-index:9999;opacity:0.7;background-color:#000000;border-radius:5px;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button i{font-size:16px;color:#ffffff;}.eael-ext-scroll-to-top-wrap .eael-ext-scroll-to-top-button svg{width:16px;height:16px;fill:#ffffff;}@media(max-width:1024px){.elementor-2318 .elementor-element.elementor-element-4f057f2 > .elementor-widget-container{margin:0px 0px 0px 12px;}body.elementor-page-2318{margin:0px 0px 0px 0px;}}/* Start custom CSS */.ast-single-product-thumbnails .flex-direction-nav .flex-next
 {
    right: 1px;/* este elemento lleva la flecha de las imagenes pequeñas hacia la izquierda*/
}

.ast-woocommerce-product-gallery__image.flex-active-slide:after {
    left: 16px;/* este elemento que lleva la marca de imagen pequeña*/
    right: -16px;
}

.woocommerce-product-gallery .flex-viewport {
  border-radius: 10px;
  position: relative;
  top: 20px; /* desplaza la imagen hacia abajo 20px */
  left:-5px;
}


@media (min-width: 92px) {
    .woocommerce #content .ast-woocommerce-container div.product div.summary, .woocommerce .ast-woocommerce-container div.product div.summary, .woocommerce-page #content .ast-woocommerce-container div.product div.summary, .woocommerce-page .ast-woocommerce-container div.product div.summary
 {
        width: 90%;
        margin:0 0 0 1em;
      
        }
}
.images img {
    display: block;/* este elemento es de las imagenes pequeñas*/
    width: 90%;
      aspect-ratio: 17/8;
    height: auto;
    border-radius: 8px;
    box-shadow: none;
    margin: 0 0 0 1em;
}

.product a img {
  width: 90%;/* este elemento es de todas las imagenes*/
  height: auto;
  aspect-ratio: 17/9;
  object-fit: cover; /* llena el área sin deformar */
  border-radius: 10px;
  display: block;
   margin: 0 1em;
  box-shadow: none;
}

.woocommerce-js ul.products li.product a img {
  width: 90%;
  height: auto;
  aspect-ratio: 17 / 9;
  object-fit: cover; /* llena el área sin deformar */
  border-radius: 10px;
  display: block;
  margin: 0 7px;
  box-shadow: none;
}/* End custom CSS */