{"product_id":"control-de-azucar","title":"Equilibrio Glucémico Natural","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e \u003cscript src=\"\/_sdk\/element_sdk.js\"\u003e\u003c\/script\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@600;700;800\u0026amp;family=Source+Sans+3:wght@400;500;600;700\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n    body {\n      box-sizing: border-box;\n    }\n    \n    .font-heading {\n      font-family: 'Playfair Display', Georgia, serif;\n    }\n    \n    .font-body {\n      font-family: 'Source Sans 3', system-ui, sans-serif;\n    }\n    \n    @keyframes float {\n      0%, 100% { transform: translateY(0px); }\n      50% { transform: translateY(-10px); }\n    }\n    \n    @keyframes pulse-glow {\n      0%, 100% { box-shadow: 0 0 20px rgba(220, 38, 38, 0.3); }\n      50% { box-shadow: 0 0 40px rgba(220, 38, 38, 0.6); }\n    }\n    \n    @keyframes fade-in-up {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n    \n    .animate-float {\n      animation: float 3s ease-in-out infinite;\n    }\n    \n    .animate-pulse-glow {\n      animation: pulse-glow 2s ease-in-out infinite;\n    }\n    \n    .animate-fade-in {\n      animation: fade-in-up 0.8s ease-out forwards;\n    }\n    \n    .delay-100 { animation-delay: 0.1s; }\n    .delay-200 { animation-delay: 0.2s; }\n    .delay-300 { animation-delay: 0.3s; }\n    .delay-400 { animation-delay: 0.4s; }\n    .delay-500 { animation-delay: 0.5s; }\n    \n    .gradient-text {\n      background: linear-gradient(135deg, #dc2626 0%, #991b1b 100%);\n      -webkit-background-clip: text;\n      -webkit-text-fill-color: transparent;\n      background-clip: text;\n    }\n    \n    .card-hover {\n      transition: all 0.3s ease;\n    }\n    \n    .card-hover:hover {\n      transform: translateY(-5px);\n    }\n  \u003c\/style\u003e\n\u003cstyle\u003e@view-transition { navigation: auto; }\u003c\/style\u003e\n\u003cp\u003e \u003c\/p\u003e\n\u003cdiv id=\"app-wrapper\" class=\"w-full h-full overflow-auto\"\u003e\n\u003c!-- Images Section --\u003e\n\u003csection class=\"w-full flex flex-col\"\u003e\n\u003cdiv class=\"w-full flex flex-col\"\u003e\n\u003c!-- Product Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-hero-ultra-optimized.webp?v=1770675702\" alt=\"Blood Sugar Support Product\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Before After Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-before-after-ultra-optimized.webp?v=1770675702\" alt=\"Before and After Results\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Benefits Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-benefits-ultra-optimized.webp?v=1770675702\" alt=\"Benefits Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Comparison Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/0209_6e53a453-0f32-4463-b7e1-6e1221fc5234.gif?v=1770676433\" alt=\"Animated Demo\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Composition Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-composition-optimized.webp?v=1770677370\" alt=\"Composition Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- How to Use Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-how-to-use-ultra-optimized.webp?v=1770675702\" alt=\"How to Use Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Testimonials Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-testimonials-optimized.webp?v=1770675702\" alt=\"Testimonials Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Animated GIF --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/section-authority-optimized.webp?v=1770675702\" alt=\"Authority Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Offer Image --\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0716\/8992\/8751\/files\/ChatGPT_Image_10_feb_2026_12_00_02_a.m..png?v=1770678011\" alt=\"Offer Section\" loading=\"lazy\" decoding=\"async\" style=\"display: block; width: 100%; height: auto; max-width: 100%;\"\u003e \u003c!-- Final Image --\u003e \u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cscript\u003e\n    const defaultConfig = {\n      headline: 'Recupera el Control de tu Azúcar en Sangre',\n      subheadline: 'Descubre el suplemento natural que está transformando la vida de miles de personas con niveles de glucosa desequilibrados',\n      cta_text: '¡QUIERO PROBARLO AHORA!',\n      benefit_1: 'Energía Renovada',\n      benefit_2: 'Niveles Estables',\n      benefit_3: 'Claridad Mental',\n      primary_color: '#dc2626',\n      secondary_color: '#0f172a',\n      text_color: '#ffffff',\n      accent_color: '#eab308',\n      surface_color: '#1e293b',\n      font_family: 'Source Sans 3',\n      font_size: 16\n    };\n\n    async function onConfigChange(config) {\n      const headline = document.getElementById('headline');\n      if (headline) {\n        headline.innerHTML = (config.headline || defaultConfig.headline).replace('Azúcar en Sangre', '\u003cbr\u003e\u003cspan class=\"gradient-text\"\u003eAzúcar en Sangre\u003c\/span\u003e');\n      }\n\n      const subheadline = document.getElementById('subheadline');\n      if (subheadline) {\n        subheadline.textContent = config.subheadline || defaultConfig.subheadline;\n      }\n\n      const ctaText = document.getElementById('cta-text');\n      if (ctaText) {\n        ctaText.textContent = config.cta_text || defaultConfig.cta_text;\n      }\n\n      const benefit1 = document.getElementById('benefit-1-title');\n      if (benefit1) {\n        benefit1.textContent = config.benefit_1 || defaultConfig.benefit_1;\n      }\n\n      const benefit2 = document.getElementById('benefit-2-title');\n      if (benefit2) {\n        benefit2.textContent = config.benefit_2 || defaultConfig.benefit_2;\n      }\n\n      const benefit3 = document.getElementById('benefit-3-title');\n      if (benefit3) {\n        benefit3.textContent = config.benefit_3 || defaultConfig.benefit_3;\n      }\n\n      \/\/ Apply colors\n      const primaryColor = config.primary_color || defaultConfig.primary_color;\n      const secondaryColor = config.secondary_color || defaultConfig.secondary_color;\n      const textColor = config.text_color || defaultConfig.text_color;\n      const accentColor = config.accent_color || defaultConfig.accent_color;\n      const surfaceColor = config.surface_color || defaultConfig.surface_color;\n\n      document.documentElement.style.setProperty('--primary-color', primaryColor);\n      \n      const heroSection = document.getElementById('hero-section');\n      if (heroSection) {\n        heroSection.style.background = `linear-gradient(135deg, ${secondaryColor} 0%, ${surfaceColor} 50%, ${secondaryColor} 100%)`;\n      }\n\n      const ctaButton = document.getElementById('cta-button');\n      if (ctaButton) {\n        ctaButton.style.background = `linear-gradient(to right, ${primaryColor}, ${primaryColor}cc)`;\n      }\n\n      \/\/ Apply font\n      const fontFamily = config.font_family || defaultConfig.font_family;\n      const baseFontStack = 'system-ui, sans-serif';\n      document.body.style.fontFamily = `${fontFamily}, ${baseFontStack}`;\n\n      \/\/ Apply font size scaling\n      const baseSize = config.font_size || defaultConfig.font_size;\n      document.documentElement.style.fontSize = `${baseSize}px`;\n    }\n\n    function mapToCapabilities(config) {\n      return {\n        recolorables: [\n          {\n            get: () =\u003e config.secondary_color || defaultConfig.secondary_color,\n            set: (value) =\u003e {\n              config.secondary_color = value;\n              window.elementSdk.setConfig({ secondary_color: value });\n            }\n          },\n          {\n            get: () =\u003e config.surface_color || defaultConfig.surface_color,\n            set: (value) =\u003e {\n              config.surface_color = value;\n              window.elementSdk.setConfig({ surface_color: value });\n            }\n          },\n          {\n            get: () =\u003e config.text_color || defaultConfig.text_color,\n            set: (value) =\u003e {\n              config.text_color = value;\n              window.elementSdk.setConfig({ text_color: value });\n            }\n          },\n          {\n            get: () =\u003e config.primary_color || defaultConfig.primary_color,\n            set: (value) =\u003e {\n              config.primary_color = value;\n              window.elementSdk.setConfig({ primary_color: value });\n            }\n          },\n          {\n            get: () =\u003e config.accent_color || defaultConfig.accent_color,\n            set: (value) =\u003e {\n              config.accent_color = value;\n              window.elementSdk.setConfig({ accent_color: value });\n            }\n          }\n        ],\n        borderables: [],\n        fontEditable: {\n          get: () =\u003e config.font_family || defaultConfig.font_family,\n          set: (value) =\u003e {\n            config.font_family = value;\n            window.elementSdk.setConfig({ font_family: value });\n          }\n        },\n        fontSizeable: {\n          get: () =\u003e config.font_size || defaultConfig.font_size,\n          set: (value) =\u003e {\n            config.font_size = value;\n            window.elementSdk.setConfig({ font_size: value });\n          }\n        }\n      };\n    }\n\n    function mapToEditPanelValues(config) {\n      return new Map([\n        ['headline', config.headline || defaultConfig.headline],\n        ['subheadline', config.subheadline || defaultConfig.subheadline],\n        ['cta_text', config.cta_text || defaultConfig.cta_text],\n        ['benefit_1', config.benefit_1 || defaultConfig.benefit_1],\n        ['benefit_2', config.benefit_2 || defaultConfig.benefit_2],\n        ['benefit_3', config.benefit_3 || defaultConfig.benefit_3]\n      ]);\n    }\n\n    if (window.elementSdk) {\n      window.elementSdk.init({\n        defaultConfig,\n        onConfigChange,\n        mapToCapabilities,\n        mapToEditPanelValues\n      });\n    }\n  \u003c\/script\u003e \u003cscript\u003e(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'9cb7057c5616db18',t:'MTc3MDY3ODQzMC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState\u0026\u0026(document.onreadystatechange=e,c())}}}})();\u003c\/script\u003e\u003c\/p\u003e","brand":"Futurka","offers":[{"title":"Default Title","offer_id":50154790551909,"sku":null,"price":54900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0864\/4680\/1253\/files\/WhatsAppImage2026-02-09at6.10.50PM.jpg?v=1770688339","url":"https:\/\/futurka.com\/products\/control-de-azucar","provider":"Futurka","version":"1.0","type":"link"}