{"product_id":"producto-x","title":"producto x","description":"\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0715\/5577\/6565\/files\/4_cdc78498-cd67-4c93-b5a0-3aaf66ec948d.png?v=1786072925\" alt=\"\"\u003e\u003c\/p\u003e\n\u003cdiv class=\"shopify-video-section-container\" style=\"background-color: #FFFFFF; padding: 2rem 1rem; border-radius: 1rem; width: 100%; box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; margin: 1.5rem 0;\"\u003e\n    \n    \u003ch2 style=\"color: #000000; text-align: center; font-size: 1.5rem; font-weight: 700; margin-top: 0; margin-bottom: 1.5rem; line-height: 1.2;\"\u003e\n        Detalles Que Pocos Conocen\n    \u003c\/h2\u003e\n\n    \u003c!-- Contenedor adaptativo: Carrusel en móvil \/ Grilla en Desktop --\u003e\n    \u003cdiv class=\"shopify-video-grid\" style=\"display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 0.5rem; scrollbar-width: none;\"\u003e\n        \n        \u003c!-- Video 1 --\u003e\n        \u003cdiv onclick=\"openShopifyVideoModal('https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4159882c3cc241249e920bb2bf5c47bc.mp4')\" class=\"shopify-video-card\" style=\"flex: 0 0 75%; max-width: 260px; scroll-snap-align: center; position: relative; aspect-ratio: 9\/16; overflow: hidden; border-radius: 1rem; background: #000; cursor: pointer; border: 3px solid #e5e7eb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); box-sizing: border-box; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\"\u003e\n            \u003cvideo autoplay loop muted playsinline style=\"width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none;\"\u003e\n                \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/4159882c3cc241249e920bb2bf5c47bc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n            \u003c!-- Botón Play --\u003e\n            \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.85); pointer-events: none;\"\u003e\n                \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 2px;\"\u003e\n                    \u003cpolygon points=\"5 3 19 12 5 21 5 3\" fill=\"white\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Video 2 --\u003e\n        \u003cdiv onclick=\"openShopifyVideoModal('https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/13f49a5a6d69472aa62a43d3090ca7be.mp4')\" class=\"shopify-video-card\" style=\"flex: 0 0 75%; max-width: 260px; scroll-snap-align: center; position: relative; aspect-ratio: 9\/16; overflow: hidden; border-radius: 1rem; background: #000; cursor: pointer; border: 3px solid #e5e7eb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); box-sizing: border-box; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\"\u003e\n            \u003cvideo autoplay loop muted playsinline style=\"width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none;\"\u003e\n                \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/13f49a5a6d69472aa62a43d3090ca7be.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n            \u003c!-- Botón Play --\u003e\n            \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.85); pointer-events: none;\"\u003e\n                \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 2px;\"\u003e\n                    \u003cpolygon points=\"5 3 19 12 5 21 5 3\" fill=\"white\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Video 3 --\u003e\n        \u003cdiv onclick=\"openShopifyVideoModal('https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e70c4e84f85c4734a99a735b98e2ec74.mp4')\" class=\"shopify-video-card\" style=\"flex: 0 0 75%; max-width: 260px; scroll-snap-align: center; position: relative; aspect-ratio: 9\/16; overflow: hidden; border-radius: 1rem; background: #000; cursor: pointer; border: 3px solid #e5e7eb; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); box-sizing: border-box; -webkit-tap-highlight-color: transparent; touch-action: manipulation;\"\u003e\n            \u003cvideo autoplay loop muted playsinline style=\"width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none;\"\u003e\n                \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e70c4e84f85c4734a99a735b98e2ec74.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n            \u003c!-- Botón Play --\u003e\n            \u003cdiv style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 48px; height: 48px; background: rgba(0, 0, 0, 0.45); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 50%; display: flex; align-items: center; justify-content: center; border: 2px solid rgba(255, 255, 255, 0.85); pointer-events: none;\"\u003e\n                \u003csvg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left: 2px;\"\u003e\n                    \u003cpolygon points=\"5 3 19 12 5 21 5 3\" fill=\"white\"\u003e\u003c\/polygon\u003e\n                \u003c\/svg\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- VENTANA MODAL REPRODUCTORA --\u003e\n\u003cdiv id=\"shopifyVideoModal\" onclick=\"closeShopifyVideoModal(event)\" style=\"display: none; position: fixed; z-index: 999999; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); align-items: center; justify-content: center; opacity: 0; transition: opacity 0.25s ease; padding: 1rem; box-sizing: border-box;\"\u003e\n    \u003c!-- Botón de Cerrar (X) --\u003e\n    \u003cbutton onclick=\"closeShopifyVideoModal(event, true)\" style=\"position: absolute; top: 16px; right: 16px; background: rgba(255, 255, 255, 0.25); border: none; color: #fff; font-size: 24px; font-weight: bold; width: 40px; height: 40px; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 1000000; outline: none; -webkit-tap-highlight-color: transparent;\"\u003e×\u003c\/button\u003e\n    \n    \u003c!-- Contenedor del video ampliado --\u003e\n    \u003cdiv style=\"position: relative; width: 100%; max-width: 380px; max-height: 80vh; aspect-ratio: 9\/16; border-radius: 1rem; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0,0,0,0.5);\"\u003e\n        \u003cvideo id=\"shopifyModalPlayer\" controls playsinline style=\"width: 100%; height: 100%; object-fit: contain; background: #000;\"\u003e\n            \u003csource id=\"shopifyModalSource\" src=\"\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- ESTILOS CSS ADICIONALES PARA ADAPTABILIDAD RESPONSIVE --\u003e\n\u003cstyle\u003e\n    \/* Ocultar barra de scroll en navegadores *\/\n    .shopify-video-grid::-webkit-scrollbar {\n        display: none;\n    }\n    \n    \/* Reglas para tablets y pantallas de escritorio *\/\n    @media (min-width: 640px) {\n        .shopify-video-grid {\n            display: grid !important;\n            grid-template-columns: repeat(3, 1fr) !important;\n            justify-content: center !important;\n            gap: 1.25rem !important;\n            max-width: 800px !important;\n            margin: 0 auto !important;\n            overflow-x: visible !important;\n        }\n        .shopify-video-card {\n            flex: initial !important;\n            max-width: 100% !important;\n        }\n    }\n\u003c\/style\u003e\n\n\u003c!-- LÓGICA JAVASCRIPT DE APERTURA Y CIERRE --\u003e\n\u003cscript\u003e\n    function openShopifyVideoModal(videoUrl) {\n        var modal = document.getElementById('shopifyVideoModal');\n        var player = document.getElementById('shopifyModalPlayer');\n        var source = document.getElementById('shopifyModalSource');\n\n        source.src = videoUrl;\n        player.load();\n        \n        modal.style.display = 'flex';\n        setTimeout(function() {\n            modal.style.opacity = '1';\n        }, 10);\n\n        player.play().catch(function(err) {\n            console.log(\"Autoplay prevenido por el navegador:\", err);\n        });\n    }\n\n    function closeShopifyVideoModal(e, forceClose) {\n        if (forceClose || e.target.id === 'shopifyVideoModal') {\n            var modal = document.getElementById('shopifyVideoModal');\n            var player = document.getElementById('shopifyModalPlayer');\n\n            modal.style.opacity = '0';\n            setTimeout(function() {\n                modal.style.display = 'none';\n                player.pause();\n                player.currentTime = 0;\n            }, 250);\n        }\n    }\n\u003c\/script\u003e","brand":"Zaffira","offers":[{"title":"Default Title","offer_id":45869602177077,"sku":null,"price":0.0,"currency_code":"CLP","in_stock":false}],"url":"https:\/\/zaffira.cl\/products\/producto-x","provider":"Zaffira","version":"1.0","type":"link"}