{"title":"Elodie Michaud y Rebecca Fezard","description":"\u003cstyle\u003e\n  \n  .main-page-video-wrapper {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    \/*padding: 100px 20px;*\/\n    min-height: 80vh; \n    width: 100%;\n    max-width: var(--page-width);\n    margin: 0 auto;\n    box-sizing: border-box;\n  }\n\n  .video-responsive-container {\n    width: 100%;\n    max-width: 900px;\n    position: relative;\n    border-radius: 0px;\n    overflow: hidden;\n    cursor: pointer;\n  }\n\n  .video-responsive-container video {\n    width: 100%;\n    height: auto;\n    display: block;\n    pointer-events: none;\n  }\n\n  \/* BOTÓN MINIMALISTA SUPERIOR DERECHA *\/\n  .audio-control-btn {\n    position: absolute;\n    top: 20px;\n    right: 20px;\n    \/* background: rgba(0, 0, 0, 0.4); Más sutil *\/\n    color: white;\n    border: none;\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    backdrop-filter: blur(8px);\n    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    pointer-events: none;\n    padding: 0;\n  }\n\n  \/* Estilo del icono SVG *\/\n  .audio-control-btn svg {\n    width: 20px;\n    height: 20px;\n    fill: currentColor;\n  }\n\n  .page-title-centered {\n    text-align: center;\n    margin-bottom: 30px;\n  }\n\n  @media screen and (max-width: 749px) {\n    \/*.main-page-video-wrapper { padding-top: 60px; }*\/\n    .audio-control-btn { top: 15px; right: 15px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"main-page-video-wrapper\"\u003e\n  \n\n  \u003cdiv class=\"video-responsive-container\" id=\"videoTrigger\"\u003e\n    \u003cvideo id=\"mainVideo\" autoplay muted loop playsinline preload=\"auto\"\u003e\n      \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d323a86eefab49b793a6df47a38b48ae.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n\n    \u003cbutton id=\"unmuteButton\" class=\"audio-control-btn\"\u003e\n      \u003cspan id=\"audioIconContainer\"\u003e\n        \u003csvg id=\"iconMuted\" viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\n      \u003c\/span\u003e\n    \u003c\/button\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cscript\u003e\n  const video = document.getElementById('mainVideo');\n  const trigger = document.getElementById('videoTrigger');\n  const iconContainer = document.getElementById('audioIconContainer');\n  const btn = document.getElementById('unmuteButton');\n\n  \/\/ SVG del icono con sonido\n  const svgSoundOn = '\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/\u003e\u003c\/svg\u003e';\n  \n  \/\/ SVG del icono silencio\n  const svgMuted = '\u003csvg viewBox=\"0 0 24 24\"\u003e\u003cpath d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/\u003e\u003c\/svg\u003e';\n\n  trigger.addEventListener('click', function() {\n    if (video.muted) {\n      video.muted = false;\n      video.play(); \n      iconContainer.innerHTML = svgSoundOn;\n      \n      \/\/ Efecto sutil: el botón se vuelve casi transparente pero sigue ahí\n      setTimeout(() =\u003e {\n        btn.style.opacity = '0.2';\n      }, 2000);\n    } else {\n      video.muted = true;\n      iconContainer.innerHTML = svgMuted;\n      btn.style.opacity = '1';\n    }\n  });\n\u003c\/script\u003e","products":[{"product_id":"lean-on","title":"Lean On","description":"","brand":"Elodie Michaud y Rebecca Fezard","offers":[{"title":"Default Title","offer_id":45964471763130,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/sdasdsasddsa.jpg?v=1780925353"},{"product_id":"leatherstone","title":"Leatherstone","description":"","brand":"Elodie Michaud y Rebecca Fezard","offers":[{"title":"Default Title","offer_id":45964477431994,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/adsaddd.jpg?v=1780925599"},{"product_id":"sigismond","title":"Sigismond","description":"","brand":"Elodie Michaud y Rebecca Fezard","offers":[{"title":"Default Title","offer_id":45967733751994,"sku":null,"price":0.0,"currency_code":"USD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0639\/6051\/4746\/files\/asffsafsasfa.jpg?v=1780940518"}],"url":"https:\/\/cycycy.com\/collections\/elodie-michaud-y-rebecca-fezard.oembed","provider":"CY","version":"1.0","type":"link"}