/* =======================================================
   1. CONTENEDOR EN PORTADA Y RESTO DE LA TIENDA
   ======================================================= */
.home ul.products li.product a:has(> img),
.home .wc-block-grid__product-link:has(> img),
.home .elementor-widget-woocommerce-products .product a:has(> img),
.home .elementor-product a:has(> img),
.woocommerce ul.products li.product a:has(> img),
.woocommerce-loop-product-link:has(> img),
.woocommerce-product-gallery__image,
.flex-control-thumbs li {
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* =======================================================
   2. REDUCIR FOTO AL 70% CENTRADA
   ======================================================= */
.home ul.products li.product a:has(> img) > img,
.home .wc-block-grid__product-link:has(> img) > img,
.home .elementor-widget-woocommerce-products .product a:has(> img) > img,
.home .elementor-product a:has(> img) > img,
.woocommerce ul.products li.product a:has(> img) > img,
.woocommerce-loop-product-link:has(> img) > img,
.woocommerce-product-gallery__image img,
.flex-control-thumbs li img {
    transform: scale(0.7) !important;
    transform-origin: center center !important;
    display: block !important;
    margin: auto !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* =======================================================
   3. MARCO FIJO Y CUADRADO POR ENCIMA
   ======================================================= */
.home ul.products li.product a:has(> img)::after,
.home .wc-block-grid__product-link:has(> img)::after,
.home .elementor-widget-woocommerce-products .product a:has(> img)::after,
.home .elementor-product a:has(> img)::after,
.woocommerce ul.products li.product a:has(> img)::after,
.woocommerce-loop-product-link:has(> img)::after,
.woocommerce-product-gallery__image::after,
.flex-control-thumbs li::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image: url('https://soundlibris.com/wp-content/uploads/2026/11/marco-soundlibris.png') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    pointer-events: none !important;
    z-index: 5 !important;
}