{"title":"NitroTech Bar","description":"\u003c!-- NITROTECH-BAR COLLECTION — Shopify Snippet Light Mode v4 --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\n\u003cstyle\u003e\n .nitrobar-shopify-intro {\n font-family: 'Space Grotesk', sans-serif;\n background-color: #ffffff;\n color: #1e293b;\n border-radius: 24px;\n border: 1px solid #e2e8f0;\n padding: 40px;\n max-width: 100%;\n margin: 24px auto;\n box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\n overflow: hidden;\n position: relative;\n box-sizing: border-box;\n }\n\n .intro-grid {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 40px;\n align-items: center;\n }\n\n @media (max-width: 1024px) {\n .intro-grid {\n grid-template-columns: 1fr;\n gap: 32px;\n text-align: left;\n }\n }\n\n .intro-brand-title {\n font-family: 'Barlow Condensed', sans-serif;\n font-style: italic;\n font-size: 42px;\n font-weight: 900;\n letter-spacing: -0.5px;\n line-height: 1.0;\n text-transform: uppercase;\n margin: 0 0 4px 0;\n color: #0f172a;\n }\n\n .intro-brand-subtitle {\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 2px;\n text-transform: uppercase;\n color: #64748b;\n margin: 0 0 20px 0;\n }\n\n .intro-protein-badge {\n display: inline-block;\n font-family: 'Barlow Condensed', sans-serif;\n font-style: italic;\n font-size: 26px;\n font-weight: 900;\n color: #b45309;\n text-transform: uppercase;\n letter-spacing: -0.5px;\n line-height: 1.1;\n margin: 0 0 20px 0;\n background: rgba(180, 83, 9, 0.05);\n border: 1px solid rgba(180, 83, 9, 0.2);\n padding: 8px 16px;\n border-radius: 8px;\n }\n\n .intro-protein-badge span {\n font-size: 32px;\n color: #b45309;\n }\n\n .intro-yellow-banner {\n background-color: #b45309;\n color: #ffffff;\n font-size: 12px;\n font-weight: 800;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 12px 18px;\n border-radius: 8px;\n margin: 0 0 24px 0;\n line-height: 1.4;\n }\n\n .intro-paragraph {\n font-size: 14.5px;\n line-height: 1.7;\n color: #475569;\n margin: 0 0 24px 0;\n max-width: 720px;\n }\n\n .intro-bullets {\n margin-bottom: 24px;\n }\n\n .intro-bullet-item {\n display: flex;\n align-items: baseline;\n gap: 12px;\n font-size: 14.5px;\n font-weight: 500;\n color: #334155;\n margin-bottom: 10px;\n }\n\n .intro-bullet-icon {\n font-weight: 900;\n color: #b45309;\n font-size: 14px;\n }\n\n .intro-pills-container {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-top: 24px;\n }\n\n .intro-pill {\n background-color: #f8fafc;\n color: #334155;\n font-size: 11px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 8px 16px;\n border: 1px solid #e2e8f0;\n border-radius: 9999px;\n transition: all 0.2s ease;\n }\n\n .intro-pill:hover {\n background-color: rgba(180, 83, 9, 0.05);\n color: #b45309;\n border-color: #b45309;\n cursor: default;\n }\n\n \/* Image section *\/\n .intro-image-wrapper {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n }\n\u003c\/style\u003e\n\n\u003cdiv class=\"nitrobar-shopify-intro\"\u003e\n \u003cdiv class=\"intro-grid\"\u003e\n \u003cdiv class=\"intro-text-wrapper\"\u003e\n \u003ch1 class=\"intro-brand-title\"\u003eNITRO-TECH\u003c\/h1\u003e\n \u003cp class=\"intro-brand-subtitle\"\u003ePROTEIN WAFER BAR\u003c\/p\u003e\n \n \u003cdiv class=\"intro-protein-badge\"\u003e\n \u003cspan\u003e12G\u003c\/span\u003e DE PROTEÍNA POR PORÇÃO\n \u003c\/div\u003e\n \n \u003cdiv class=\"intro-yellow-banner\"\u003eWAFER CROCANTE COM RECHEIO CREMOSO E COBERTURA DE CHOCOLATE\u003c\/div\u003e\n \n \u003cp class=\"intro-paragraph\"\u003eA MuscleTech pegou a proteína de alta performance que você já confia e colocou dentro de camadas finíssimas e crocantes de wafer, cobertas com chocolate. O resultado? Uma barra que parece sobremesa, mas entrega os 12g de proteína que o seu treino exige.\u003c\/p\u003e\n \n \u003cdiv class=\"intro-bullets\"\u003e\n \u003cdiv class=\"intro-bullet-item\"\u003e\n \u003cspan class=\"intro-bullet-icon\"\u003e→\u003c\/span\u003e \u003cspan\u003e12g de proteína · porção de 40g · 223 kcal\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-bullet-item\"\u003e\n \u003cspan class=\"intro-bullet-icon\"\u003e→\u003c\/span\u003e \u003cspan\u003eTextura de wafer real, leve e viciante\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-bullet-item\"\u003e\n \u003cspan class=\"intro-bullet-icon\"\u003e→\u003c\/span\u003e \u003cspan\u003eWhey · Zero açúcar adicionado\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"intro-bullet-item\"\u003e\n \u003cspan class=\"intro-bullet-icon\"\u003e→\u003c\/span\u003e \u003cspan\u003e5 sabores · A recompensa que você merece\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"intro-pills-container\"\u003e\n \u003cdiv class=\"intro-pill\"\u003eAVELÃ\u003c\/div\u003e\n \u003cdiv class=\"intro-pill\"\u003eCHOCOLATE\u003c\/div\u003e\n \u003cdiv class=\"intro-pill\"\u003eCOOKIES \u0026amp; CREAM\u003c\/div\u003e\n \u003cdiv class=\"intro-pill\"\u003eDOCE DE LEITE\u003c\/div\u003e\n \u003cdiv class=\"intro-pill\"\u003eLEITE EM PÓ\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"intro-image-wrapper\"\u003e\n \u003ciframe style=\"width: 100%; max-width: 315px; height: 520px; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o\" title=\"YouTube video player\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003c!-- UGC VIDEOS STORIES --\u003e\n\u003cdiv style=\"margin: 24px 0 0 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 24px; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n \u003cdiv style=\"padding: 28px 0px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 24px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; color: #0f172a; margin-bottom: 16px; padding: 0 20px;\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- 1. Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) - Centralizado Verticalmente --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.06); border-radius: 50%; width: 42px; height: 42px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-size: 16px; color: #0f172a; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- 2. Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- 3. Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.08); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) - Centralizado Verticalmente --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.85); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.06); border-radius: 50%; width: 42px; height: 42px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.08); font-size: 16px; color: #0f172a; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.1) !important;\n background-color: #ffffff !important;\n color: #b45309 !important;\n border-color: rgba(180, 83, 9, 0.2) !important;\n box-shadow: 0 6px 16px rgba(180, 83, 9, 0.1) !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #64748b; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px;\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n\u003c\/div\u003e\n","products":[{"product_id":"nitrotech-protein-bar-avela-40g","title":"Muscletech Nitro-Tech Protein Bar Avelã 40g","description":"\u003c!-- NITRO-TECH PROTEIN WAFER BAR — Shopify Snippet Light Mode v4 --\u003e\u003c!-- Cole no editor HTML da descrição do produto --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv style=\"margin: 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; color: #1e293b; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n\n \u003c!-- HERO SENSORIAL COM SPLASH COMPLETO + UGC INTEGRADOS --\u003e\n \u003cdiv style=\"position: relative; padding: 70px 40px 24px; text-align: center; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.35) 25%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0.5) 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/SPLASH_AVELA.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\u003e\n \u003cdiv style=\"position: relative; z-index: 2;\"\u003e\n \u003cdiv class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; text-transform: uppercase; font-size: 26px; font-weight: 900; line-height: 1.4; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); margin-bottom: 18px; padding: 0 10px; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n \"Fechou os olhos? Parece aquela sobremesa que você prova uma vez e pensa nela por semanas. Abre os olhos: são 12g de proteína. Bem-vindo ao paradoxo.\"\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; justify-content: center; gap: 12px; margin-top: 10px;\"\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003ePureza Nitro-Tech\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003eLote Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- UGC VIDEOS (dentro do splash) --\u003e\n \u003cdiv style=\"padding: 20px 0px 8px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important; z-index: 2;\"\u003e\n \u003cdiv style=\"font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 16px; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.15) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #ffffff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ANATOMIA DA REALIDADE — SPLIT ROW LAYOUT (PREMIUM DESIGN SYSTEM) --\u003e\n \u003cstyle\u003e\n @media (max-width: 767px) {\n .split-anatomy-row {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n text-align: center !important;\n padding: 0 24px !important;\n }\n .split-anatomy-row h2 {\n font-size: 34px !important;\n }\n .split-anatomy-row h3 {\n font-size: 17px !important;\n }\n .split-anatomy-row p {\n font-size: 13.5px !important;\n }\n .split-anatomy-text-col {\n padding-left: 0 !important;\n }\n .split-anatomy-image-col {\n order: -1 !important; \/* Sempre exibe a imagem em cima no celular *\/\n height: 160px !important;\n justify-content: center !important;\n }\n .split-anatomy-image-col img {\n position: relative !important;\n right: auto !important;\n width: 100% !important;\n max-width: 240px !important;\n transform: scale(1.2) !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv style=\"position: relative; background-color: #ffffff; padding: 100px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; margin: 0 !important;\"\u003e\n \u003cdiv class=\"split-anatomy-row\" style=\"display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: left; box-sizing: border-box;\"\u003e\n \u003c!-- ESQUERDA: TEXTO PREMIUM --\u003e\n \u003cdiv class=\"split-anatomy-text-col\" style=\"padding-left: 170px; box-sizing: border-box;\"\u003e\n \u003ch2 class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #0f172a; margin: 0 0 14px 0; text-transform: uppercase;\"\u003e\n CROCÂNCIA ACÚSTICA,\u003cbr\u003e\u003cspan style=\"color: #b45309; text-shadow: 0 0 30px rgba(180, 83, 9, 0.12);\"\u003eCREMOSIDADE REAL\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003ch3 style=\"font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; line-height: 1.35; color: #1e293b; margin: 0 0 16px 0; letter-spacing: -0.01em;\"\u003e\n Onde o estalo perfeito do wafer encontra o recheio mais aveludado da sua rotina\n \u003c\/h3\u003e\n \u003cp style=\"font-family: 'Space Grotesk', sans-serif; font-size: 14px; line-height: 1.55; color: #475569; margin: 0; font-weight: 400;\"\u003e\n Uma obra de arte da engenharia de sabor. Criamos a combinação definitiva entre folhas de wafer ultra-finas assadas lentamente — que quebram com um \"crunch\" perfeito e nítido a cada mordida — e um recheio absurdamente cremoso que derrete na boca sem qualquer textura arenosa de suplemento. São 12g de proteína premium, disfarçadas na mordida mais saborosa do seu dia.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIREITA: IMAGEM VAZANDO DO BOX À DIREITA (CORTADA PLANA COM ROTAÇÃO) --\u003e\n \u003cdiv class=\"split-anatomy-image-col\" style=\"position: relative; height: 320px; display: flex; justify-content: flex-end; align-items: center; overflow: visible;\"\u003e\n \u003cdiv style=\"position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(180, 83, 9, 0.12) 0%, rgba(255,255,255,0) 70%); right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/ASSET_BARRA_AVELA.webp\" alt=\"Wafer Recheado\" style=\"position: absolute; right: -80px; width: 580px; max-width: none; height: auto; transform: rotate(-11deg) scale(1.2); filter: drop-shadow(0 20px 45px rgba(15, 23, 42, 0.22)); z-index: 2; pointer-events: none;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- TABELA NUTRICIONAL E INGREDIENTES — LADO A LADO (PREMIUM UI DASHBOARD) --\u003e\n \u003cstyle\u003e\n .nutrition-ingredients-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n max-width: 1200px;\n margin: 50px auto;\n align-items: stretch;\n padding: 0 40px;\n box-sizing: border-box;\n }\n .ingredients-section ul {\n margin: 2px 0 10px 20px !important;\n }\n .ingredients-section ul li {\n margin-bottom: 0px !important;\n line-height: 1.25 !important;\n }\n @media (max-width: 767px) {\n .nutrition-ingredients-grid {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin: 20px auto !important;\n padding: 0 16px !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"nutrition-ingredients-grid\"\u003e\n \u003c!-- TABELA NUTRICIONAL --\u003e\n \u003cdiv class=\"nutrition-table-section\" style=\"padding: 28px 24px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); width: 100%; height: 100%; display: flex; flex-direction: column;\"\u003e\n \u003cdiv class=\"nutrition-title font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 4px; text-transform: uppercase;\"\u003eInformação Nutricional\u003c\/div\u003e\n \u003cdiv class=\"nutrition-subtitle\" style=\"font-size: 13px; color: #64748b; margin-bottom: 16px;\"\u003ePorções por embalagem: 12 | Porção: 40g (1 unidade)\u003c\/div\u003e\n \n \u003cdiv class=\"table-row header\" style=\"display: flex; justify-content: space-between; border-bottom: 2px solid #b45309; padding: 10px 0; font-size: 12px; font-weight: 700; color: #64748b; letter-spacing: 1.5px;\"\u003e\n \u003cspan\u003eNutriente\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e40g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e%VD*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eValor energético\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e223 kcal\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eCarboidratos\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e4%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e1,8 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares adicionados\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row highlight\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 12px; font-size: 14.5px; font-weight: 700; color: #0f172a; background: rgba(180, 83, 9, 0.05); border-left: 3px solid #b45309;\"\u003e\n \u003cspan\u003eProteínas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e24%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eGorduras totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e15 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e23%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras saturadas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e7,9 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e40%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras trans\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eFibras alimentares\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e2 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e8%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eSódio\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e47 mg\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e2%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- INGREDIENTES CLAROS --\u003e\n \u003cdiv class=\"ingredients-section\" style=\"padding: 28px 24px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); font-size: 13px; line-height: 1.65; color: #475569; display: flex; flex-direction: column; height: 100%;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 16px; text-transform: uppercase; letter-spacing: -0.01em;\"\u003eIngredientes\u003c\/div\u003e\n \u003cdiv style=\"font-family: 'Space Grotesk', sans-serif; font-weight: 400; color: #334155; line-height: 1.65; text-align: left;\"\u003e\n \u003cstrong\u003eRecheio:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003eóleo vegetal\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003eavelã\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCobertura:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de leite em pó 70%\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n \u003cli\u003eleite em pó desnatado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eMassa:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de trigo enriquecida com ferro e ácido fólico\u003c\/li\u003e\n \u003cli\u003eóleo vegetal de soja\u003c\/li\u003e\n \u003cli\u003esal refinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCONTÉM GLÚTEN. CONTÉM LACTOSE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muscletech","offers":[{"title":"Default Title","offer_id":52877909000486,"sku":"50147","price":17.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/NITROBAR_-_AVELA.png?v=1777311831"},{"product_id":"nitrotech-protein-bar-chocolate-40g","title":"Muscletech Nitro-Tech Protein Bar Chocolate 40g","description":"\u003c!-- NITRO-TECH PROTEIN WAFER BAR — Shopify Snippet Light Mode v4 --\u003e\u003c!-- Cole no editor HTML da descrição do produto --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv style=\"margin: 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; color: #1e293b; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n\n \u003c!-- HERO SENSORIAL COM SPLASH COMPLETO + UGC INTEGRADOS --\u003e\n \u003cdiv style=\"position: relative; padding: 70px 40px 24px; text-align: center; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.35) 25%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0.5) 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/Chocolate_melted_frame_border_-7.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\u003e\n \u003cdiv style=\"position: relative; z-index: 2;\"\u003e\n \u003cdiv class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; text-transform: uppercase; font-size: 26px; font-weight: 900; line-height: 1.4; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); margin-bottom: 18px; padding: 0 10px; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n \"O clássico que não precisava de reinvenção. A gente reinventou assim mesmo. Chocolate intenso por fora, recheio cremoso por dentro, wafer estourando no meio. Isso não é uma barra. É um evento.\"\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; justify-content: center; gap: 12px; margin-top: 10px;\"\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003ePureza Nitro-Tech\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003eLote Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- UGC VIDEOS (dentro do splash) --\u003e\n \u003cdiv style=\"padding: 20px 0px 8px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important; z-index: 2;\"\u003e\n \u003cdiv style=\"font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 16px; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.15) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #ffffff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ANATOMIA DA REALIDADE — SPLIT ROW LAYOUT (PREMIUM DESIGN SYSTEM) --\u003e\n \u003cstyle\u003e\n @media (max-width: 767px) {\n .split-anatomy-row {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n text-align: center !important;\n padding: 0 24px !important;\n }\n .split-anatomy-row h2 {\n font-size: 34px !important;\n }\n .split-anatomy-row h3 {\n font-size: 17px !important;\n }\n .split-anatomy-row p {\n font-size: 13.5px !important;\n }\n .split-anatomy-text-col {\n padding-left: 0 !important;\n }\n .split-anatomy-image-col {\n order: -1 !important; \/* Sempre exibe a imagem em cima no celular *\/\n height: 160px !important;\n justify-content: center !important;\n }\n .split-anatomy-image-col img {\n position: relative !important;\n right: auto !important;\n width: 100% !important;\n max-width: 240px !important;\n transform: scale(1.2) !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv style=\"position: relative; background-color: #ffffff; padding: 100px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; margin: 0 !important;\"\u003e\n \u003cdiv class=\"split-anatomy-row\" style=\"display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: left; box-sizing: border-box;\"\u003e\n \u003c!-- ESQUERDA: TEXTO PREMIUM --\u003e\n \u003cdiv class=\"split-anatomy-text-col\" style=\"padding-left: 170px; box-sizing: border-box;\"\u003e\n \u003ch2 class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #0f172a; margin: 0 0 14px 0; text-transform: uppercase;\"\u003e\n CROCÂNCIA ACÚSTICA,\u003cbr\u003e\u003cspan style=\"color: #b45309; text-shadow: 0 0 30px rgba(180, 83, 9, 0.12);\"\u003eCREMOSIDADE REAL\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003ch3 style=\"font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; line-height: 1.35; color: #1e293b; margin: 0 0 16px 0; letter-spacing: -0.01em;\"\u003e\n Onde o estalo perfeito do wafer encontra o recheio mais aveludado da sua rotina\n \u003c\/h3\u003e\n \u003cp style=\"font-family: 'Space Grotesk', sans-serif; font-size: 14px; line-height: 1.55; color: #475569; margin: 0; font-weight: 400;\"\u003e\n Uma obra de arte da engenharia de sabor. Criamos a combinação definitiva entre folhas de wafer ultra-finas assadas lentamente — que quebram com um \"crunch\" perfeito e nítido a cada mordida — e um recheio absurdamente cremoso que derrete na boca sem qualquer textura arenosa de suplemento. São 12g de proteína premium, disfarçadas na mordida mais saborosa do seu dia.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIREITA: IMAGEM VAZANDO DO BOX À DIREITA (CORTADA PLANA COM ROTAÇÃO) --\u003e\n \u003cdiv class=\"split-anatomy-image-col\" style=\"position: relative; height: 320px; display: flex; justify-content: flex-end; align-items: center; overflow: visible;\"\u003e\n \u003cdiv style=\"position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(180, 83, 9, 0.12) 0%, rgba(255,255,255,0) 70%); right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/ASSET_BARRA_CHOCOLATE.webp\" alt=\"Wafer Recheado\" style=\"position: absolute; right: -80px; width: 580px; max-width: none; height: auto; transform: rotate(-11deg) scale(1.2); filter: drop-shadow(0 20px 45px rgba(15, 23, 42, 0.22)); z-index: 2; pointer-events: none;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- TABELA NUTRICIONAL E INGREDIENTES — LADO A LADO (PREMIUM UI DASHBOARD) --\u003e\n \u003cstyle\u003e\n .nutrition-ingredients-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n max-width: 1200px;\n margin: 50px auto;\n align-items: stretch;\n padding: 0 40px;\n box-sizing: border-box;\n }\n .ingredients-section ul {\n margin: 2px 0 10px 20px !important;\n }\n .ingredients-section ul li {\n margin-bottom: 0px !important;\n line-height: 1.25 !important;\n }\n @media (max-width: 767px) {\n .nutrition-ingredients-grid {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin: 20px auto !important;\n padding: 0 16px !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"nutrition-ingredients-grid\"\u003e\n \u003c!-- TABELA NUTRICIONAL --\u003e\n \u003cdiv class=\"nutrition-table-section\" style=\"padding: 28px 24px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); width: 100%; height: 100%; display: flex; flex-direction: column;\"\u003e\n \u003cdiv class=\"nutrition-title font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 4px; text-transform: uppercase;\"\u003eInformação Nutricional\u003c\/div\u003e\n \u003cdiv class=\"nutrition-subtitle\" style=\"font-size: 13px; color: #64748b; margin-bottom: 16px;\"\u003ePorções por embalagem: 12 | Porção: 40g (1 unidade)\u003c\/div\u003e\n \n \u003cdiv class=\"table-row header\" style=\"display: flex; justify-content: space-between; border-bottom: 2px solid #b45309; padding: 10px 0; font-size: 12px; font-weight: 700; color: #64748b; letter-spacing: 1.5px;\"\u003e\n \u003cspan\u003eNutriente\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e40g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e%VD*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eValor energético\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e223 kcal\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eCarboidratos\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e14 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e2 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares adicionados\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row highlight\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 12px; font-size: 14.5px; font-weight: 700; color: #0f172a; background: rgba(180, 83, 9, 0.05); border-left: 3px solid #b45309;\"\u003e\n \u003cspan\u003eProteínas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e24%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eGorduras totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e15 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e23%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras saturadas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e9,6 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e48%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras trans\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eFibras alimentares\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e4,3 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e17%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eSódio\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e47 mg\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e2%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- INGREDIENTES CLAROS --\u003e\n \u003cdiv class=\"ingredients-section\" style=\"padding: 28px 24px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); font-size: 13px; line-height: 1.65; color: #475569; display: flex; flex-direction: column; height: 100%;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 16px; text-transform: uppercase; letter-spacing: -0.01em;\"\u003eIngredientes\u003c\/div\u003e\n \u003cdiv style=\"font-family: 'Space Grotesk', sans-serif; font-weight: 400; color: #334155; line-height: 1.65; text-align: left;\"\u003e\n \u003cstrong\u003eRecheio:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003eóleo de palma\u003c\/li\u003e\n \u003cli\u003econcentrado proteico de soro de leite\u003c\/li\u003e\n \u003cli\u003eavelã\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003eamendoim\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCobertura:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n \u003cli\u003eleite em pó desnatado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eMassa:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de trigo enriquecida com ferro e ácido fólico\u003c\/li\u003e\n \u003cli\u003eóleo vegetal de soja\u003c\/li\u003e\n \u003cli\u003esal refinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCONTÉM GLÚTEN. CONTÉM LACTOSE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muscletech","offers":[{"title":"Default Title","offer_id":52877909229862,"sku":"50148","price":17.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/NITROBAR-CHOCOLATE_be3197a9-d16a-4a75-91dd-3ae55738d8a2.png?v=1777311994"},{"product_id":"nitrotech-protein-bar-cookies-40g","title":"Muscletech Nitro-Tech Protein Bar Cookies 40g","description":"\u003c!-- NITRO-TECH PROTEIN WAFER BAR — Shopify Snippet Light Mode v4 --\u003e\u003c!-- Cole no editor HTML da descrição do produto --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv style=\"margin: 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; color: #1e293b; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n\n \u003c!-- HERO SENSORIAL COM SPLASH COMPLETO + UGC INTEGRADOS --\u003e\n \u003cdiv style=\"position: relative; padding: 70px 40px 24px; text-align: center; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.35) 25%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0.5) 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/SPLASH_COOKIES.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\u003e\n \u003cdiv style=\"position: relative; z-index: 2;\"\u003e\n \u003cdiv class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; text-transform: uppercase; font-size: 26px; font-weight: 900; line-height: 1.4; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); margin-bottom: 18px; padding: 0 10px; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n \"Pedaços de cookie. Creme suave. Wafer crocante. Três texturas brigando pela sua atenção ao mesmo tempo e todas ganham. Cada mordida é uma nova camada de surpresa.\"\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; justify-content: center; gap: 12px; margin-top: 10px;\"\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003ePureza Nitro-Tech\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003eLote Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- UGC VIDEOS (dentro do splash) --\u003e\n \u003cdiv style=\"padding: 20px 0px 8px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important; z-index: 2;\"\u003e\n \u003cdiv style=\"font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 16px; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.15) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #ffffff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ANATOMIA DA REALIDADE — SPLIT ROW LAYOUT (PREMIUM DESIGN SYSTEM) --\u003e\n \u003cstyle\u003e\n @media (max-width: 767px) {\n .split-anatomy-row {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n text-align: center !important;\n padding: 0 24px !important;\n }\n .split-anatomy-row h2 {\n font-size: 34px !important;\n }\n .split-anatomy-row h3 {\n font-size: 17px !important;\n }\n .split-anatomy-row p {\n font-size: 13.5px !important;\n }\n .split-anatomy-text-col {\n padding-left: 0 !important;\n }\n .split-anatomy-image-col {\n order: -1 !important; \/* Sempre exibe a imagem em cima no celular *\/\n height: 160px !important;\n justify-content: center !important;\n }\n .split-anatomy-image-col img {\n position: relative !important;\n right: auto !important;\n width: 100% !important;\n max-width: 240px !important;\n transform: scale(1.2) !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv style=\"position: relative; background-color: #ffffff; padding: 100px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; margin: 0 !important;\"\u003e\n \u003cdiv class=\"split-anatomy-row\" style=\"display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: left; box-sizing: border-box;\"\u003e\n \u003c!-- ESQUERDA: TEXTO PREMIUM --\u003e\n \u003cdiv class=\"split-anatomy-text-col\" style=\"padding-left: 170px; box-sizing: border-box;\"\u003e\n \u003ch2 class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #0f172a; margin: 0 0 14px 0; text-transform: uppercase;\"\u003e\n CROCÂNCIA ACÚSTICA,\u003cbr\u003e\u003cspan style=\"color: #b45309; text-shadow: 0 0 30px rgba(180, 83, 9, 0.12);\"\u003eCREMOSIDADE REAL\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003ch3 style=\"font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; line-height: 1.35; color: #1e293b; margin: 0 0 16px 0; letter-spacing: -0.01em;\"\u003e\n Onde o estalo perfeito do wafer encontra o recheio mais aveludado da sua rotina\n \u003c\/h3\u003e\n \u003cp style=\"font-family: 'Space Grotesk', sans-serif; font-size: 14px; line-height: 1.55; color: #475569; margin: 0; font-weight: 400;\"\u003e\n Uma obra de arte da engenharia de sabor. Criamos a combinação definitiva entre folhas de wafer ultra-finas assadas lentamente — que quebram com um \"crunch\" perfeito e nítido a cada mordida — e um recheio absurdamente cremoso que derrete na boca sem qualquer textura arenosa de suplemento. São 12g de proteína premium, disfarçadas na mordida mais saborosa do seu dia.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIREITA: IMAGEM VAZANDO DO BOX À DIREITA (CORTADA PLANA COM ROTAÇÃO) --\u003e\n \u003cdiv class=\"split-anatomy-image-col\" style=\"position: relative; height: 320px; display: flex; justify-content: flex-end; align-items: center; overflow: visible;\"\u003e\n \u003cdiv style=\"position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(180, 83, 9, 0.12) 0%, rgba(255,255,255,0) 70%); right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/ASSET_BARRA_COOKES.webp\" alt=\"Wafer Recheado\" style=\"position: absolute; right: -80px; width: 580px; max-width: none; height: auto; transform: rotate(-11deg) scale(1.2); filter: drop-shadow(0 20px 45px rgba(15, 23, 42, 0.22)); z-index: 2; pointer-events: none;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- TABELA NUTRICIONAL E INGREDIENTES — LADO A LADO (PREMIUM UI DASHBOARD) --\u003e\n \u003cstyle\u003e\n .nutrition-ingredients-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n max-width: 1200px;\n margin: 50px auto;\n align-items: stretch;\n padding: 0 40px;\n box-sizing: border-box;\n }\n .ingredients-section ul {\n margin: 2px 0 10px 20px !important;\n }\n .ingredients-section ul li {\n margin-bottom: 0px !important;\n line-height: 1.25 !important;\n }\n @media (max-width: 767px) {\n .nutrition-ingredients-grid {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin: 20px auto !important;\n padding: 0 16px !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"nutrition-ingredients-grid\"\u003e\n \u003c!-- TABELA NUTRICIONAL --\u003e\n \u003cdiv class=\"nutrition-table-section\" style=\"padding: 28px 24px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); width: 100%; height: 100%; display: flex; flex-direction: column;\"\u003e\n \u003cdiv class=\"nutrition-title font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 4px; text-transform: uppercase;\"\u003eInformação Nutricional\u003c\/div\u003e\n \u003cdiv class=\"nutrition-subtitle\" style=\"font-size: 13px; color: #64748b; margin-bottom: 16px;\"\u003ePorções por embalagem: 12 | Porção: 40g (1 unidade)\u003c\/div\u003e\n \n \u003cdiv class=\"table-row header\" style=\"display: flex; justify-content: space-between; border-bottom: 2px solid #b45309; padding: 10px 0; font-size: 12px; font-weight: 700; color: #64748b; letter-spacing: 1.5px;\"\u003e\n \u003cspan\u003eNutriente\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e40g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e%VD*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eValor energético\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e214 kcal\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eCarboidratos\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e14 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e2 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares adicionados\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row highlight\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 12px; font-size: 14.5px; font-weight: 700; color: #0f172a; background: rgba(180, 83, 9, 0.05); border-left: 3px solid #b45309;\"\u003e\n \u003cspan\u003eProteínas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e24%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eGorduras totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e15 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e23%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras saturadas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e9,6 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e48%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras trans\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eFibras alimentares\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e4,3 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e17%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eSódio\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e47 mg\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e2%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- INGREDIENTES CLAROS --\u003e\n \u003cdiv class=\"ingredients-section\" style=\"padding: 28px 24px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); font-size: 13px; line-height: 1.65; color: #475569; display: flex; flex-direction: column; height: 100%;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 16px; text-transform: uppercase; letter-spacing: -0.01em;\"\u003eIngredientes\u003c\/div\u003e\n \u003cdiv style=\"font-family: 'Space Grotesk', sans-serif; font-weight: 400; color: #334155; line-height: 1.65; text-align: left;\"\u003e\n \u003cstrong\u003eRecheio:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003eóleo de palma\u003c\/li\u003e\n \u003cli\u003econcentrado proteico de soro de leite\u003c\/li\u003e\n \u003cli\u003epasta de amendoim integral\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eBiscoito cookies:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de arroz\u003c\/li\u003e\n \u003cli\u003eleite integral em pó zero lactose\u003c\/li\u003e\n \u003cli\u003efécula de batata\u003c\/li\u003e\n \u003cli\u003eamido de milho\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCobertura:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de leite em pó 70%\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n \u003cli\u003eleite em pó desnatado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eMassa:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de trigo enriquecida com ferro e ácido fólico\u003c\/li\u003e\n \u003cli\u003eóleo vegetal de soja\u003c\/li\u003e\n \u003cli\u003esal refinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCONTÉM GLÚTEN. CONTÉM LACTOSE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muscletech","offers":[{"title":"Default Title","offer_id":52877909360934,"sku":"50149","price":17.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/NITROBAR-COOKIES_25db4d52-fcf1-49c5-975d-4dd148007801.png?v=1777312224"},{"product_id":"nitrotech-protein-bar-doce-de-leite-40g","title":"Muscletech Nitro-Tech Protein Bar Doce de Leite 40g","description":"\u003c!-- NITRO-TECH PROTEIN WAFER BAR — Shopify Snippet Light Mode v4 --\u003e\u003c!-- Cole no editor HTML da descrição do produto --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv style=\"margin: 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; color: #1e293b; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n\n \u003c!-- HERO SENSORIAL COM SPLASH COMPLETO + UGC INTEGRADOS --\u003e\n \u003cdiv style=\"position: relative; padding: 70px 40px 24px; text-align: center; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.35) 25%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0.5) 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/SPLASH_DULCE.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\u003e\n \u003cdiv style=\"position: relative; z-index: 2;\"\u003e\n \u003cdiv class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; text-transform: uppercase; font-size: 26px; font-weight: 900; line-height: 1.4; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); margin-bottom: 18px; padding: 0 10px; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n \"Tem sabores que não precisam de explicação. Só de experiência. O doce de leite derrete no recheio, o wafer estoura na mordida, e o seu cérebro entra em colapso tentando entender como algo assim pode ser fit.\"\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; justify-content: center; gap: 12px; margin-top: 10px;\"\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003ePureza Nitro-Tech\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003eLote Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- UGC VIDEOS (dentro do splash) --\u003e\n \u003cdiv style=\"padding: 20px 0px 8px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important; z-index: 2;\"\u003e\n \u003cdiv style=\"font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 16px; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.15) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #ffffff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ANATOMIA DA REALIDADE — SPLIT ROW LAYOUT (PREMIUM DESIGN SYSTEM) --\u003e\n \u003cstyle\u003e\n @media (max-width: 767px) {\n .split-anatomy-row {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n text-align: center !important;\n padding: 0 24px !important;\n }\n .split-anatomy-row h2 {\n font-size: 34px !important;\n }\n .split-anatomy-row h3 {\n font-size: 17px !important;\n }\n .split-anatomy-row p {\n font-size: 13.5px !important;\n }\n .split-anatomy-text-col {\n padding-left: 0 !important;\n }\n .split-anatomy-image-col {\n order: -1 !important; \/* Sempre exibe a imagem em cima no celular *\/\n height: 160px !important;\n justify-content: center !important;\n }\n .split-anatomy-image-col img {\n position: relative !important;\n right: auto !important;\n width: 100% !important;\n max-width: 240px !important;\n transform: scale(1.2) !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv style=\"position: relative; background-color: #ffffff; padding: 100px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; margin: 0 !important;\"\u003e\n \u003cdiv class=\"split-anatomy-row\" style=\"display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: left; box-sizing: border-box;\"\u003e\n \u003c!-- ESQUERDA: TEXTO PREMIUM --\u003e\n \u003cdiv class=\"split-anatomy-text-col\" style=\"padding-left: 170px; box-sizing: border-box;\"\u003e\n \u003ch2 class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #0f172a; margin: 0 0 14px 0; text-transform: uppercase;\"\u003e\n CROCÂNCIA ACÚSTICA,\u003cbr\u003e\u003cspan style=\"color: #b45309; text-shadow: 0 0 30px rgba(180, 83, 9, 0.12);\"\u003eCREMOSIDADE REAL\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003ch3 style=\"font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; line-height: 1.35; color: #1e293b; margin: 0 0 16px 0; letter-spacing: -0.01em;\"\u003e\n Onde o estalo perfeito do wafer encontra o recheio mais aveludado da sua rotina\n \u003c\/h3\u003e\n \u003cp style=\"font-family: 'Space Grotesk', sans-serif; font-size: 14px; line-height: 1.55; color: #475569; margin: 0; font-weight: 400;\"\u003e\n Uma obra de arte da engenharia de sabor. Criamos a combinação definitiva entre folhas de wafer ultra-finas assadas lentamente — que quebram com um \"crunch\" perfeito e nítido a cada mordida — e um recheio absurdamente cremoso que derrete na boca sem qualquer textura arenosa de suplemento. São 12g de proteína premium, disfarçadas na mordida mais saborosa do seu dia.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIREITA: IMAGEM VAZANDO DO BOX À DIREITA (CORTADA PLANA COM ROTAÇÃO) --\u003e\n \u003cdiv class=\"split-anatomy-image-col\" style=\"position: relative; height: 320px; display: flex; justify-content: flex-end; align-items: center; overflow: visible;\"\u003e\n \u003cdiv style=\"position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(180, 83, 9, 0.12) 0%, rgba(255,255,255,0) 70%); right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/ASSET_BARRA_DULCE.webp\" alt=\"Wafer Recheado\" style=\"position: absolute; right: -80px; width: 580px; max-width: none; height: auto; transform: rotate(-11deg) scale(1.2); filter: drop-shadow(0 20px 45px rgba(15, 23, 42, 0.22)); z-index: 2; pointer-events: none;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- TABELA NUTRICIONAL E INGREDIENTES — LADO A LADO (PREMIUM UI DASHBOARD) --\u003e\n \u003cstyle\u003e\n .nutrition-ingredients-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n max-width: 1200px;\n margin: 50px auto;\n align-items: stretch;\n padding: 0 40px;\n box-sizing: border-box;\n }\n .ingredients-section ul {\n margin: 2px 0 10px 20px !important;\n }\n .ingredients-section ul li {\n margin-bottom: 0px !important;\n line-height: 1.25 !important;\n }\n @media (max-width: 767px) {\n .nutrition-ingredients-grid {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin: 20px auto !important;\n padding: 0 16px !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"nutrition-ingredients-grid\"\u003e\n \u003c!-- TABELA NUTRICIONAL --\u003e\n \u003cdiv class=\"nutrition-table-section\" style=\"padding: 28px 24px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); width: 100%; height: 100%; display: flex; flex-direction: column;\"\u003e\n \u003cdiv class=\"nutrition-title font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 4px; text-transform: uppercase;\"\u003eInformação Nutricional\u003c\/div\u003e\n \u003cdiv class=\"nutrition-subtitle\" style=\"font-size: 13px; color: #64748b; margin-bottom: 16px;\"\u003ePorções por embalagem: 12 | Porção: 40g (1 unidade)\u003c\/div\u003e\n \n \u003cdiv class=\"table-row header\" style=\"display: flex; justify-content: space-between; border-bottom: 2px solid #b45309; padding: 10px 0; font-size: 12px; font-weight: 700; color: #64748b; letter-spacing: 1.5px;\"\u003e\n \u003cspan\u003eNutriente\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e40g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e%VD*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eValor energético\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e222 kcal\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e11%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eCarboidratos\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e14 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e2 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares adicionados\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row highlight\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 12px; font-size: 14.5px; font-weight: 700; color: #0f172a; background: rgba(180, 83, 9, 0.05); border-left: 3px solid #b45309;\"\u003e\n \u003cspan\u003eProteínas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e24%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eGorduras totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e15 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e23%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras saturadas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e9,6 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e48%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras trans\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eFibras alimentares\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e4,3 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e17%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eSódio\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e47 mg\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e2%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- INGREDIENTES CLAROS --\u003e\n \u003cdiv class=\"ingredients-section\" style=\"padding: 28px 24px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); font-size: 13px; line-height: 1.65; color: #475569; display: flex; flex-direction: column; height: 100%;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 16px; text-transform: uppercase; letter-spacing: -0.01em;\"\u003eIngredientes\u003c\/div\u003e\n \u003cdiv style=\"font-family: 'Space Grotesk', sans-serif; font-weight: 400; color: #334155; line-height: 1.65; text-align: left;\"\u003e\n \u003cstrong\u003eRecheio:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de soro de leite\u003c\/li\u003e\n \u003cli\u003epasta de amendoim integral\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCobertura:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de leite em pó 70%\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n \u003cli\u003eleite em pó desnatado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eMassa:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de trigo enriquecida com ferro e ácido fólico\u003c\/li\u003e\n \u003cli\u003eóleo vegetal de soja\u003c\/li\u003e\n \u003cli\u003esal refinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCONTÉM GLÚTEN. CONTÉM LACTOSE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muscletech","offers":[{"title":"Default Title","offer_id":52877909426470,"sku":"50150","price":17.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/NITROBAR_-_DOCE.png?v=1777312393"},{"product_id":"nitrotech-protein-bar-leite-em-po-40g","title":"Muscletech Nitro-Tech Protein Bar Leite em Pó 40g","description":"\u003c!-- NITRO-TECH PROTEIN WAFER BAR — Shopify Snippet Light Mode v4 --\u003e\u003c!-- Cole no editor HTML da descrição do produto --\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;0,900;1,900\u0026amp;family=Space+Grotesk:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cdiv style=\"margin: 0; padding: 0; font-family: 'Space Grotesk', sans-serif; display: grid !important; grid-template-columns: minmax(0, 1fr) !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; clear: both !important; background-color: #ffffff; color: #1e293b; border-radius: 24px; border: 1px solid #e2e8f0; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);\"\u003e\n\n \u003c!-- HERO SENSORIAL COM SPLASH COMPLETO + UGC INTEGRADOS --\u003e\n \u003cdiv style=\"position: relative; padding: 70px 40px 24px; text-align: center; background-image: linear-gradient(180deg, rgba(15, 23, 42, 0.8) 0%, rgba(15, 23, 42, 0.35) 25%, rgba(15, 23, 42, 0.2) 50%, rgba(15, 23, 42, 0.5) 100%), url('https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/SPLASH_LEITINHO.webp'); background-size: cover; background-position: center; background-repeat: no-repeat;\"\u003e\n \u003cdiv style=\"position: relative; z-index: 2;\"\u003e\n \u003cdiv class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; text-transform: uppercase; font-size: 26px; font-weight: 900; line-height: 1.4; color: #ffffff; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.85); margin-bottom: 18px; padding: 0 10px; max-width: 800px; margin-left: auto; margin-right: auto;\"\u003e\n \"Suave. Nostálgico. O tipo de sabor que faz você parar no meio da mordida e sorrir sem saber por quê. Memória afetiva com tabela nutricional de atleta.\"\n \u003c\/div\u003e\n \u003cdiv style=\"display: flex; justify-content: center; gap: 12px; margin-top: 10px;\"\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003ePureza Nitro-Tech\u003c\/span\u003e\n \u003cspan style=\"font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; padding: 7px 16px; background: rgba(180, 83, 9, 0.15); border: 1px solid rgba(180, 83, 9, 0.35); border-radius: 9999px; color: #b45309; backdrop-filter: blur(5px);\"\u003eLote Exclusivo\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- UGC VIDEOS (dentro do splash) --\u003e\n \u003cdiv style=\"padding: 20px 0px 8px; text-align: center; overflow: hidden !important; position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; display: block !important; clear: both !important; z-index: 2;\"\u003e\n \u003cdiv style=\"font-size: 10px; font-weight: bold; letter-spacing: 2px; text-transform: uppercase; color: #ffffff; margin-bottom: 16px; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eSabor Real \u0026amp; Prova Social! 🔥\u003c\/div\u003e\n \n \u003c!-- Wrapper em Bloco Rígido Travado --\u003e\n \u003cdiv style=\"position: relative !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; display: block !important; clear: both !important; overflow: hidden !important;\"\u003e\n \n \u003c!-- Botão Esquerdo (❮) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: -280, behavior: 'smooth'})\" style=\"position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❮\n \u003c\/button\u003e\n \n \u003c!-- Canal de Rolagem de Bloco Travado com Scroll Snap Mandatory --\u003e\n \u003cdiv id=\"prod-video-slider\" style=\"width: 100% !important; max-width: 100% !important; overflow-x: auto !important; scroll-behavior: smooth !important; scroll-snap-type: x mandatory !important; scrollbar-width: none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch !important; box-sizing: border-box !important; display: block !important; clear: both !important;\"\u003e\n \n \u003c!-- Linha de Vídeos Flex com largura max-content --\u003e\n \u003cdiv class=\"video-slider-row\" style=\"display: flex !important; gap: 16px !important; align-items: center !important; width: max-content !important; box-sizing: border-box !important;\"\u003e\n \n \u003c!-- VIDEO 1: YouTube Presentation --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003ciframe id=\"youtube-presentation-iframe\" style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; border: none; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); display: block; box-sizing: border-box;\" src=\"https:\/\/www.youtube.com\/embed\/DtPUWNDGI9o?autoplay=1\u0026amp;mute=1\u0026amp;enablejsapi=1\" title=\"Apresentação\"\u003e\u003c\/iframe\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 2: Estela Micalli --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/f149a4b818f9443a905fd76819b76041\/f149a4b818f9443a905fd76819b76041.HD-720p-4.5Mbps-83691485.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 3: Paloma Gomes --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/vp\/3250d66ac5ea4eeab169818fc0bfbe08\/3250d66ac5ea4eeab169818fc0bfbe08.HD-720p-4.5Mbps-83691488.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 1 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/cacb9fb525a94f4498930a2f6a828419.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 2 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/6ecb71d91c0f41169af74db8f597c831.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 4: UGC 3 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/d8f3134dc1804b4aa3780953e20c1530.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 5: UGC 4 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/941c65ade8d34267b75f5c7163cd29c3.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c!-- VIDEO 6: UGC 5 --\u003e\n \u003cdiv style=\"flex: 0 0 auto !important; scroll-snap-align: center !important; display: flex; justify-content: center; align-items: center; width: calc(70vh * 9 \/ 16); height: 70vh; max-height: 520px; max-width: 292px; min-height: 380px; min-width: 214px; box-sizing: border-box;\"\u003e\n \u003cvideo width=\"100%\" playsinline loop muted controls style=\"width: 100%; height: 100%; aspect-ratio: 9\/16; border-radius: 12px; box-shadow: 0 6px 20px rgba(0,0,0,0.15); border: none; background-color: #000; display: block; box-sizing: border-box; object-fit: cover;\"\u003e\n \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/e2e29a571800486192341c003dbc8fc6.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c\/div\u003e\n \n \u003c!-- Botão Direito (❯) --\u003e\n \u003cbutton class=\"slider-btn\" onclick=\"document.getElementById('prod-video-slider').scrollBy({left: 280, behavior: 'smooth'})\" style=\"position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 10; background-color: rgba(255, 255, 255, 0.75); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); border: 1px solid rgba(0,0,0,0.1); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0,0,0,0.15); font-size: 16px; color: #111; outline: none; transition: all 0.2s; padding: 0; margin: 0;\"\u003e\n ❯\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003cstyle\u003e\n #prod-video-slider::-webkit-scrollbar {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n }\n .slider-btn:hover {\n transform: translateY(-50%) scale(1.15) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n }\n @media (max-width: 767px) {\n .video-slider-row {\n padding: 10px calc(50% - 135px) !important;\n }\n }\n @media (min-width: 768px) {\n .video-slider-row {\n padding: 10px 40px !important;\n }\n .swipe-indicator {\n display: none !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"swipe-indicator\" style=\"color: #ffffff; font-size: 11px; font-weight: 800; letter-spacing: 1.5px; margin-top: 14px; text-transform: uppercase; text-align: center; padding: 0 20px; text-shadow: 0 2px 6px rgba(0,0,0,0.5);\"\u003eArraste para ver mais ➔\u003c\/div\u003e\n\n \u003c!-- Script de Exclusão Mútua --\u003e\n \u003cscript\u003e\n (function() {\n setTimeout(function() {\n var slider = document.getElementById('prod-video-slider');\n if (!slider) return;\n var iframe = document.getElementById('youtube-presentation-iframe');\n var videos = slider.querySelectorAll('video');\n videos.forEach(function(v) {\n v.addEventListener('play', function() {\n videos.forEach(function(otherV) { if (otherV !== v) otherV.pause(); });\n if (iframe) iframe.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n });\n });\n window.addEventListener('message', function(event) {\n try {\n var data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data;\n if (data.event === 'onStateChange' \u0026\u0026 data.info === 1) {\n videos.forEach(function(v) { v.pause(); });\n }\n } catch (e) {}\n });\n var observer = new IntersectionObserver(function(entries) {\n if (window.innerWidth \u003e= 768) return;\n entries.forEach(function(entry) {\n var element = entry.target;\n if (element.tagName === 'VIDEO') {\n if (entry.isIntersecting) {\n element.muted = true;\n element.play().catch(function(err) {});\n } else {\n element.pause();\n }\n } else if (element.tagName === 'IFRAME') {\n if (entry.isIntersecting) {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"playVideo\",\"args\":\"\"}', '*');\n } else {\n element.contentWindow.postMessage('{\"event\":\"command\",\"func\":\"pauseVideo\",\"args\":\"\"}', '*');\n }\n }\n });\n }, { root: slider, threshold: 0.6 });\n if (iframe) observer.observe(iframe);\n videos.forEach(function(v) { observer.observe(v); });\n }, 1000);\n })();\n \u003c\/script\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- ANATOMIA DA REALIDADE — SPLIT ROW LAYOUT (PREMIUM DESIGN SYSTEM) --\u003e\n \u003cstyle\u003e\n @media (max-width: 767px) {\n .split-anatomy-row {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n text-align: center !important;\n padding: 0 24px !important;\n }\n .split-anatomy-row h2 {\n font-size: 34px !important;\n }\n .split-anatomy-row h3 {\n font-size: 17px !important;\n }\n .split-anatomy-row p {\n font-size: 13.5px !important;\n }\n .split-anatomy-text-col {\n padding-left: 0 !important;\n }\n .split-anatomy-image-col {\n order: -1 !important; \/* Sempre exibe a imagem em cima no celular *\/\n height: 160px !important;\n justify-content: center !important;\n }\n .split-anatomy-image-col img {\n position: relative !important;\n right: auto !important;\n width: 100% !important;\n max-width: 240px !important;\n transform: scale(1.2) !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv style=\"position: relative; background-color: #ffffff; padding: 100px 0; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; box-sizing: border-box; overflow: hidden; width: 100% !important; max-width: 100% !important; margin: 0 !important;\"\u003e\n \u003cdiv class=\"split-anatomy-row\" style=\"display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: center; width: 100% !important; max-width: 100% !important; margin: 0 !important; text-align: left; box-sizing: border-box;\"\u003e\n \u003c!-- ESQUERDA: TEXTO PREMIUM --\u003e\n \u003cdiv class=\"split-anatomy-text-col\" style=\"padding-left: 170px; box-sizing: border-box;\"\u003e\n \u003ch2 class=\"font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 44px; font-weight: 900; line-height: 1.05; letter-spacing: -0.01em; color: #0f172a; margin: 0 0 14px 0; text-transform: uppercase;\"\u003e\n CROCÂNCIA ACÚSTICA,\u003cbr\u003e\u003cspan style=\"color: #b45309; text-shadow: 0 0 30px rgba(180, 83, 9, 0.12);\"\u003eCREMOSIDADE REAL\u003c\/span\u003e\n \u003c\/h2\u003e\n \u003ch3 style=\"font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 700; line-height: 1.35; color: #1e293b; margin: 0 0 16px 0; letter-spacing: -0.01em;\"\u003e\n Onde o estalo perfeito do wafer encontra o recheio mais aveludado da sua rotina\n \u003c\/h3\u003e\n \u003cp style=\"font-family: 'Space Grotesk', sans-serif; font-size: 14px; line-height: 1.55; color: #475569; margin: 0; font-weight: 400;\"\u003e\n Uma obra de arte da engenharia de sabor. Criamos a combinação definitiva entre folhas de wafer ultra-finas assadas lentamente — que quebram com um \"crunch\" perfeito e nítido a cada mordida — e um recheio absurdamente cremoso que derrete na boca sem qualquer textura arenosa de suplemento. São 12g de proteína premium, disfarçadas na mordida mais saborosa do seu dia.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- DIREITA: IMAGEM VAZANDO DO BOX À DIREITA (CORTADA PLANA COM ROTAÇÃO) --\u003e\n \u003cdiv class=\"split-anatomy-image-col\" style=\"position: relative; height: 320px; display: flex; justify-content: flex-end; align-items: center; overflow: visible;\"\u003e\n \u003cdiv style=\"position: absolute; width: 300px; height: 300px; background: radial-gradient(circle, rgba(180, 83, 9, 0.12) 0%, rgba(255,255,255,0) 70%); right: 0; top: 50%; transform: translateY(-50%); pointer-events: none; z-index: 1;\"\u003e\u003c\/div\u003e\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/ASSET_BARRA_LEITINHO.webp\" alt=\"Wafer Recheado\" style=\"position: absolute; right: -80px; width: 580px; max-width: none; height: auto; transform: rotate(-11deg) scale(1.2); filter: drop-shadow(0 20px 45px rgba(15, 23, 42, 0.22)); z-index: 2; pointer-events: none;\"\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\n \u003c!-- TABELA NUTRICIONAL E INGREDIENTES — LADO A LADO (PREMIUM UI DASHBOARD) --\u003e\n \u003cstyle\u003e\n .nutrition-ingredients-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 40px;\n max-width: 1200px;\n margin: 50px auto;\n align-items: stretch;\n padding: 0 40px;\n box-sizing: border-box;\n }\n .ingredients-section ul {\n margin: 2px 0 10px 20px !important;\n }\n .ingredients-section ul li {\n margin-bottom: 0px !important;\n line-height: 1.25 !important;\n }\n @media (max-width: 767px) {\n .nutrition-ingredients-grid {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin: 20px auto !important;\n padding: 0 16px !important;\n }\n }\n \u003c\/style\u003e\n \u003cdiv class=\"nutrition-ingredients-grid\"\u003e\n \u003c!-- TABELA NUTRICIONAL --\u003e\n \u003cdiv class=\"nutrition-table-section\" style=\"padding: 28px 24px; background-color: #f8fafc; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); width: 100%; height: 100%; display: flex; flex-direction: column;\"\u003e\n \u003cdiv class=\"nutrition-title font-display\" style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 4px; text-transform: uppercase;\"\u003eInformação Nutricional\u003c\/div\u003e\n \u003cdiv class=\"nutrition-subtitle\" style=\"font-size: 13px; color: #64748b; margin-bottom: 16px;\"\u003ePorções por embalagem: 12 | Porção: 40g (1 unidade)\u003c\/div\u003e\n \n \u003cdiv class=\"table-row header\" style=\"display: flex; justify-content: space-between; border-bottom: 2px solid #b45309; padding: 10px 0; font-size: 12px; font-weight: 700; color: #64748b; letter-spacing: 1.5px;\"\u003e\n \u003cspan\u003eNutriente\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e40g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e%VD*\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eValor energético\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e246 kcal\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e12%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eCarboidratos\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e15 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e5%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e2,7 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e—\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eAçúcares adicionados\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row highlight\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 12px; font-size: 14.5px; font-weight: 700; color: #0f172a; background: rgba(180, 83, 9, 0.05); border-left: 3px solid #b45309;\"\u003e\n \u003cspan\u003eProteínas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e12 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e24%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eGorduras totais\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e16 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e25%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras saturadas\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e9,1 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e46%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row sub-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0 10px 16px; font-size: 13.5px; color: #64748b;\"\u003e\n \u003cspan\u003eGorduras trans\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e0 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e0%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eFibras alimentares\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e1,4 g\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e6%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \n \u003cdiv class=\"table-row\" style=\"display: flex; justify-content: space-between; border-bottom: 1px solid #e2e8f0; padding: 10px 0; font-size: 14.5px; color: #334155;\"\u003e\n \u003cspan\u003eSódio\u003c\/span\u003e\n \u003cdiv class=\"value-group\" style=\"display: flex; gap: 35px;\"\u003e\n \u003cspan\u003e55 mg\u003c\/span\u003e\n \u003cspan class=\"value-vd\" style=\"width: 45px; text-align: right;\"\u003e3%\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c!-- INGREDIENTES CLAROS --\u003e\n \u003cdiv class=\"ingredients-section\" style=\"padding: 28px 24px; background-color: #ffffff; border: 1px solid #e2e8f0; border-radius: 12px; box-sizing: border-box; box-shadow: 0 4px 12px rgba(15, 23, 42, 0.03); font-size: 13px; line-height: 1.65; color: #475569; display: flex; flex-direction: column; height: 100%;\"\u003e\n \u003cdiv style=\"font-family: 'Barlow Condensed', sans-serif; font-style: italic; font-size: 26px; font-weight: 900; color: #0f172a; margin-bottom: 16px; text-transform: uppercase; letter-spacing: -0.01em;\"\u003eIngredientes\u003c\/div\u003e\n \u003cdiv style=\"font-family: 'Space Grotesk', sans-serif; font-weight: 400; color: #334155; line-height: 1.65; text-align: left;\"\u003e\n \u003cstrong\u003eRecheio:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de soro de leite\u003c\/li\u003e\n \u003cli\u003eóleo vegetal\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003eleite em pó\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCobertura:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003econcentrado proteico de leite em pó 70%\u003c\/li\u003e\n \u003cli\u003egordura vegetal\u003c\/li\u003e\n \u003cli\u003ecacau em pó\u003c\/li\u003e\n \u003cli\u003esoro de leite em pó\u003c\/li\u003e\n \u003cli\u003efibra solúvel: polidextrose\u003c\/li\u003e\n \u003cli\u003eleite em pó desnatado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eMassa:\u003c\/strong\u003e\n\u003cul style=\"margin: 5px 0 15px 20px; padding: 0; list-style-type: disc;\"\u003e\n \u003cli\u003efarinha de trigo enriquecida com ferro e ácido fólico\u003c\/li\u003e\n \u003cli\u003eóleo vegetal de soja\u003c\/li\u003e\n \u003cli\u003esal refinado\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cstrong\u003eCONTÉM GLÚTEN. CONTÉM LACTOSE.\u003c\/strong\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n\u003c\/div\u003e","brand":"Muscletech","offers":[{"title":"Default Title","offer_id":52877911130406,"sku":"50151","price":17.99,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/files\/NITROBAR-LEITE_2492f23d-ff50-4efc-8fae-706c01939e9b.png?v=1777312453"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0911\/2282\/7558\/collections\/03_KV_LANCAMENTO_NITROBAR_page_1.png?v=1777898820","url":"https:\/\/www.trustnutrition.com.br\/collections\/nitrotech-bar.oembed","provider":"Trust Nutrition","version":"1.0","type":"link"}