.elementor-335 .elementor-element.elementor-element-bb3275e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products ul.products li.product{text-align:center;border-radius:25px;}.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products  ul.products{grid-column-gap:0px;grid-row-gap:4px;}.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products .attachment-woocommerce_thumbnail{border-style:none;}.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-335 .elementor-element.elementor-element-e7b480b.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-e7b480b *//* Para el contenedor principal de la imagen del producto */
.image_frame.product-loop-thumb {
    position: relative; /* Necesario para el posicionamiento absoluto del hijo */
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
    padding-top: 100%; /* Crea un espacio vertical igual al ancho, haciendo el contenedor cuadrado */
    height: 0; /* Anula la altura original para que padding-top funcione */
    overflow: hidden; /* Oculta cualquier cosa que se desborde */
    background-color: #f5f5f5; /* Color de fondo para el espacio vacío si la imagen no llena el contenedor */
}

/* Para la imagen real dentro del contenedor */
.image_frame.product-loop-thumb img {
    position: absolute; /* Posiciona la imagen dentro del padding-top del padre */
    top: 0;
    left: 0;
    width: 100%; /* Ocupa todo el ancho del contenedor virtualmente cuadrado */
    height: 100%; /* Ocupa toda la altura del contenedor virtualmente cuadrado */
    object-fit: contain; /* Ajusta la imagen completa dentro del espacio, añadiendo barras si es necesario */
    object-position: center; /* Centra la imagen dentro del espacio */
    max-width: 100%; /* Buena práctica */
    display: block; /* Asegura el comportamiento de bloque */
}

/* Ajustes para el .image_wrapper, si es necesario, aunque .image_frame es más directo */
.image_frame.product-loop-thumb .image_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Opcional: Si necesitas centrar el contenido (en este caso, la imagen) dentro de image_wrapper */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Si esto no funciona, prueba con !important, pero intenta sin él primero */
/*
.image_frame.product-loop-thumb img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    max-width: 100% !important;
    display: block !important;
}
*//* End custom CSS */