diff --git a/website_sale_product_library/static/src/scss/custom.scss b/website_sale_product_library/static/src/scss/custom.scss
index bb47b3d..985ea53 100644
--- a/website_sale_product_library/static/src/scss/custom.scss
+++ b/website_sale_product_library/static/src/scss/custom.scss
@@ -8,21 +8,18 @@
     border-radius: 6px;
 }
 
-// El div.oe_product_image ya tiene position: relative, el player va dentro
+// El player se inserta al final de o_wsale_product_information, en el flujo normal del flex
 .o_multimedia_hover_player {
-    position: absolute;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 4;
+    overflow: hidden;
+    max-height: 0;
     opacity: 0;
     pointer-events: none;
-    transition: opacity 0.2s ease-in-out;
-    padding: 0;
+    transition: max-height 0.25s ease-in-out, opacity 0.2s ease-in-out;
 }
 
 .oe_product_cart:hover .o_multimedia_hover_player,
 .o_multimedia_hover_player:hover {
+    max-height: 60px;
     opacity: 1;
     pointer-events: auto;
 }
diff --git a/website_sale_product_library/views/website_sale_views.xml b/website_sale_product_library/views/website_sale_views.xml
index 78a39e4..2a0c6a9 100644
--- a/website_sale_product_library/views/website_sale_views.xml
+++ b/website_sale_product_library/views/website_sale_views.xml
@@ -13,7 +13,7 @@
 		        <span t-if="product.autor"><b><t t-out="product.autor" /></b></span>
 	        </a>
         </xpath>
-        <xpath expr="//a[hasclass('oe_product_image_link')]" position="after">
+        <xpath expr="//div[hasclass('o_wsale_product_sub')]" position="after">
             <div t-if="product.multimedia_embed_url" class="o_multimedia_hover_player">
                 <iframe
                     loading="lazy"