{"product_id":"citrato-de-magnesio-400mg-60-caps","title":"Citrato De Magnesio 400mg 60 Capsulas ⚡🌀","description":"\u003cbody\u003e\n\u003ch2 style=\"text-align: center;\" class=\"text-text-100 mt-3 -mb-1 text-[1.375rem] font-bold\"\u003e\u003cstrong\u003e¡TU CUERPO ESTÁ PIDIENDO ESTO A GRITOS! ⚡💔 Recupera tu energía, elimina calambres y duerme profundo en 7 días\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cstrong\u003e¿Te despiertas con calambres en las piernas? ¿Sientes que el cansancio nunca se va sin importar cuánto duermas? ¿Tu digestión está lenta y tu cuerpo se siente pesado? No estás \"envejeciendo\" ni eres flojo.\u003c\/strong\u003e Te falta magnesio. Y el 78% de las personas no lo saben hasta que es demasiado tarde.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cimg height=\"499\" width=\"499\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/GIF_CITRATO.gif?v=1770114918\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" style=\"text-align: center;\"\u003e💪 ADIÓS A LOS CALAMBRES QUE TE DESPIERTAN DE NOCHE\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003eImagina acostarte sin miedo a ese dolor punzante en las pantorrillas a las 3 AM. \u003cstrong\u003eEl Citrato de Magnesio relaja tus músculos desde adentro, eliminando esos calambres horribles que arruinan tu sueño\u003c\/strong\u003e. En 7 días sentirás la diferencia. En 14 días, ni recordarás que alguna vez los tuviste.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cimg height=\"501\" width=\"501\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN_2_2a02b3fc-e31a-41c1-9ca5-882faf4b316b.jpg?v=1770114992\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" style=\"text-align: center;\"\u003e⚡ ENERGÍA REAL QUE DURA TODO EL DÍA\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e¿Por qué sigues agotado si duermes 8 horas? Porque tu cuerpo NO puede producir energía sin magnesio. Es así de simple. El magnesio es el motor de 300+ reacciones que generan ATP (tu combustible celular). Sin él, estás corriendo en reserva todo el tiempo. \u003cstrong\u003eEsta fórmula de Citrato (la forma que SÍ se absorbe rápido) enciende tu motor metabólico desde el primer día.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cimg height=\"499\" width=\"499\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN_7.png?v=1770115586\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" style=\"text-align: center;\"\u003e🌙 DUERME PROFUNDO + DIGESTIÓN QUE FUNCIONA\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cstrong\u003eEl Citrato de Magnesio hace doble trabajo: relaja tu sistema nervioso para que duermas como bebé Y activa tu digestión naturalmente (sin efectos violentos).\u003c\/strong\u003e Adiós al estreñimiento, adiós a las noches dando vueltas en la cama. Tu cuerpo finalmente funciona como debe.\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cimg height=\"500\" width=\"500\" alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN3_e071dffc-bdce-44fb-94c3-12ab6763c53e.jpg?v=1770115326\"\u003e\u003c\/p\u003e\n\u003ch2 style=\"text-align: center;\" class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\"\u003e\n\u003cstrong\u003e🌀\u003c\/strong\u003e\u003cstrong\u003eNo es solo magnesio⚡\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e. Es la diferencia entre sobrevivir y VIVIR con energía real. 💚⚡\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e\u003cstrong\u003eCada frasco contiene:\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"[li_\u0026amp;]:mb-0 [li_\u0026amp;]:mt-1 [li_\u0026amp;]:gap-1 [\u0026amp;:not(:last-child)_ul]:pb-1 [\u0026amp;:not(:last-child)_ol]:pb-1 list-disc flex flex-col gap-1 pl-8 mb-3\" style=\"text-align: center;\"\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003e60 cápsulas de 400mg (dosis clínica efectiva)\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eCitrato de Magnesio puro de alta biodisponibilidad\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eSin rellenos ni basura innecesaria\u003c\/li\u003e\n\u003cli class=\"whitespace-normal break-words pl-2\"\u003eProducido bajo estándares GMP\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003cp class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" style=\"text-align: center;\"\u003e\u003cstrong\u003eLa verdadera pregunta es:\u003cbr\u003e¿Cuántos días más vas a vivir con calambres, sin energía y sintiéndote mal?\u003c\/strong\u003e\u003cstrong\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003ch2 class=\"text-text-100 mt-3 -mb-1 text-[1.125rem] font-bold\" style=\"text-align: center;\"\u003e\u003cstrong\u003e💬 ELLOS YA RECUPERARON SU VITALIDAD:\u003c\/strong\u003e\u003c\/h2\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"Los calambres nocturnos me estaban volviendo loco. Desde que tomo este magnesio, CERO calambres. Duermo toda la noche y mi energía durante el día subió increíblemente. Ojalá lo hubiera comprado antes.\"\u003c\/em\u003e – \u003cstrong\u003eFelipe R., 41 años\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"Mi digestión era un desastre y mi cansancio era crónico. A los 5 días ya notaba cambios. A las 2 semanas era otra persona. Mi esposo me preguntó qué estaba tomando porque me veía diferente. ¡LO AMO!\"\u003c\/em\u003e – \u003cstrong\u003eCarolina M., 34 años\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"font-claude-response-body break-words whitespace-normal leading-[1.7]\" style=\"text-align: center;\"\u003e⭐⭐⭐⭐⭐ \u003cem\u003e\"Pensé que el cansancio era 'normal' por mi edad (tengo 45). Qué equivocado estaba. Esto me devolvió la energía que no sentía hace años. Ya voy por mi tercer frasco y no pienso parar.\"\u003c\/em\u003e – \u003cstrong\u003eSebastián T., 45 años\u003c\/strong\u003e\u003c\/p\u003e\n\n\n\n    \u003cmeta charset=\"UTF-8\"\u003e\n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003eCitrato de Magnesio - ViDaNova Suples\u003c\/title\u003e\n    \u003cstyle\u003e\n        :root {\n            --primary-blue: #1e40af;\n            --electric-blue: #3b82f6;\n            --cyan: #06b6d4;\n            --purple: #7c3aed;\n            --light-purple: #a855f7;\n            --dark: #1e293b;\n            --gray: #64748b;\n            --light-bg: #f8fafc;\n        }\n\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n        \n        body {\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n            line-height: 1.6;\n            color: var(--dark);\n            background: #ffffff;\n        }\n        \n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n        }\n\n        \/* HERO SECTION - COMPRA SEGURA *\/\n        .hero-payment {\n            background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);\n            border-radius: 20px;\n            padding: 40px 30px;\n            margin: 40px 0;\n            position: relative;\n            overflow: hidden;\n            box-shadow: 0 20px 60px rgba(30, 64, 175, 0.4);\n        }\n\n        .hero-payment::before {\n            content: '';\n            position: absolute;\n            top: -50%;\n            right: -50%;\n            width: 200%;\n            height: 200%;\n            background: radial-gradient(circle, rgba(59, 130, 246, 0.1) 0%, transparent 70%);\n            animation: pulse 4s ease-in-out infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% { transform: scale(1); opacity: 0.5; }\n            50% { transform: scale(1.1); opacity: 0.8; }\n        }\n\n        .hero-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .hero-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--electric-blue), var(--cyan));\n            color: white;\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-size: 14px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            box-shadow: 0 4px 15px rgba(59, 130, 246, 0.3);\n        }\n\n        .hero-title {\n            color: white;\n            font-size: clamp(28px, 6vw, 42px);\n            font-weight: 800;\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .hero-subtitle {\n            color: rgba(255, 255, 255, 0.8);\n            font-size: clamp(16px, 3vw, 20px);\n            margin-bottom: 40px;\n        }\n\n        .payment-cards-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 20px;\n            margin-bottom: 30px;\n        }\n\n        .payment-card {\n            background: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(10px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 15px;\n            padding: 25px;\n            transition: all 0.3s ease;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .payment-card::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 4px;\n            background: linear-gradient(90deg, var(--electric-blue), var(--cyan));\n        }\n\n        .payment-card:hover {\n            transform: translateY(-5px);\n            background: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 10px 30px rgba(59, 130, 246, 0.3);\n        }\n\n        .card-step {\n            background: linear-gradient(135deg, var(--electric-blue), var(--purple));\n            color: white;\n            width: 50px;\n            height: 50px;\n            border-radius: 12px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 24px;\n            font-weight: 800;\n            margin-bottom: 15px;\n            box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4);\n        }\n\n        .card-icon {\n            font-size: 40px;\n            margin-bottom: 12px;\n        }\n\n        .card-title {\n            color: white;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 8px;\n        }\n\n        .card-description {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 14px;\n            line-height: 1.5;\n        }\n\n        .payment-methods-modern {\n            background: rgba(255, 255, 255, 0.05);\n            border: 1px solid rgba(255, 255, 255, 0.1);\n            border-radius: 15px;\n            padding: 25px;\n        }\n\n        .methods-title {\n            color: white;\n            font-size: 22px;\n            font-weight: 700;\n            margin-bottom: 20px;\n            text-align: center;\n        }\n\n        .methods-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            gap: 15px;\n        }\n\n        .method-item {\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(124, 58, 237, 0.2));\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 12px;\n            padding: 20px;\n            text-align: center;\n            transition: all 0.3s ease;\n        }\n\n        .method-item:hover {\n            background: linear-gradient(135deg, rgba(59, 130, 246, 0.3), rgba(124, 58, 237, 0.3));\n            transform: scale(1.05);\n        }\n\n        .method-icon {\n            font-size: 40px;\n            margin-bottom: 10px;\n        }\n\n        .method-name {\n            color: white;\n            font-weight: 600;\n            font-size: 16px;\n            margin-bottom: 5px;\n        }\n\n        .method-detail {\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 12px;\n        }\n\n        .trust-badges {\n            display: flex;\n            gap: 15px;\n            justify-content: center;\n            flex-wrap: wrap;\n            margin-top: 25px;\n        }\n\n        .trust-badge {\n            background: linear-gradient(135deg, #10b981, #059669);\n            color: white;\n            padding: 12px 25px;\n            border-radius: 50px;\n            font-weight: 600;\n            font-size: 14px;\n            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);\n        }\n\n        \/* SECCIÓN PREMIUM - COMPARACIÓN *\/\n        .premium-section {\n            margin: 60px 0;\n            padding: 50px 30px;\n            background: linear-gradient(135deg, #f8fafc 0%, #e0f2fe 100%);\n            border-radius: 25px;\n            position: relative;\n        }\n\n        .section-header {\n            text-align: center;\n            margin-bottom: 50px;\n        }\n\n        .section-badge {\n            display: inline-block;\n            background: linear-gradient(135deg, var(--purple), var(--light-purple));\n            color: white;\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-size: 13px;\n            font-weight: 700;\n            margin-bottom: 15px;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n        }\n\n        .section-title {\n            font-size: clamp(28px, 5vw, 42px);\n            font-weight: 800;\n            color: var(--dark);\n            margin-bottom: 15px;\n            line-height: 1.2;\n        }\n\n        .section-description {\n            color: var(--gray);\n            font-size: 18px;\n            max-width: 700px;\n            margin: 0 auto;\n        }\n\n        .comparison-modern {\n            background: white;\n            border-radius: 20px;\n            overflow: hidden;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n        }\n\n        .comparison-header {\n            background: linear-gradient(135deg, var(--primary-blue), var(--purple));\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr;\n            padding: 20px;\n            color: white;\n        }\n\n        .comparison-header div {\n            font-weight: 700;\n            font-size: 18px;\n            text-align: center;\n        }\n\n        .comparison-header div:first-child {\n            text-align: left;\n        }\n\n        .comparison-row {\n            display: grid;\n            grid-template-columns: 2fr 1fr 1fr;\n            padding: 20px;\n            border-bottom: 1px solid #e2e8f0;\n            align-items: center;\n            transition: all 0.3s ease;\n        }\n\n        .comparison-row:hover {\n            background: #f8fafc;\n        }\n\n        .comparison-row:last-child {\n            border-bottom: none;\n        }\n\n        .feature-name {\n            font-weight: 600;\n            color: var(--dark);\n            font-size: 16px;\n        }\n\n        .check-icon {\n            text-align: center;\n            font-size: 32px;\n        }\n\n        .check-yes {\n            color: #10b981;\n            filter: drop-shadow(0 2px 4px rgba(16, 185, 129, 0.3));\n        }\n\n        .check-no {\n            color: #ef4444;\n            filter: drop-shadow(0 2px 4px rgba(239, 68, 68, 0.3));\n        }\n\n        \/* BENEFICIOS MODERNOS *\/\n        .benefits-modern {\n            margin: 60px 0;\n        }\n\n        .benefits-grid-modern {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 25px;\n            margin-top: 40px;\n        }\n\n        .benefit-card-modern {\n            background: white;\n            border-radius: 20px;\n            padding: 35px;\n            box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);\n            transition: all 0.4s ease;\n            position: relative;\n            border: 2px solid transparent;\n        }\n\n        .benefit-card-modern::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 5px;\n            border-radius: 20px 20px 0 0;\n            background: linear-gradient(90deg, var(--electric-blue), var(--cyan));\n        }\n\n        .benefit-card-modern:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 15px 40px rgba(59, 130, 246, 0.2);\n            border-color: var(--electric-blue);\n        }\n\n        .benefit-icon-modern {\n            width: 70px;\n            height: 70px;\n            background: linear-gradient(135deg, #eff6ff, #dbeafe);\n            border-radius: 15px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 35px;\n            margin-bottom: 20px;\n        }\n\n        .benefit-title-modern {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--dark);\n            margin-bottom: 12px;\n        }\n\n        .benefit-text-modern {\n            color: var(--gray);\n            font-size: 15px;\n            line-height: 1.7;\n        }\n\n        \/* FAQ MODERNO *\/\n        .faq-modern {\n            margin: 60px 0;\n            padding: 50px 30px;\n            background: white;\n            border-radius: 25px;\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);\n        }\n\n        .faq-item {\n            margin-bottom: 20px;\n            border-radius: 15px;\n            overflow: hidden;\n            border: 2px solid #e2e8f0;\n            transition: all 0.3s ease;\n        }\n\n        .faq-item:hover {\n            border-color: var(--electric-blue);\n        }\n\n        .faq-question {\n            background: linear-gradient(135deg, #f8fafc, #f1f5f9);\n            padding: 20px 25px;\n            cursor: pointer;\n            font-weight: 700;\n            font-size: 18px;\n            color: var(--dark);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            user-select: none;\n        }\n\n        .faq-question:hover {\n            background: linear-gradient(135deg, #eff6ff, #dbeafe);\n        }\n\n        .faq-icon {\n            font-size: 24px;\n            color: var(--electric-blue);\n            transition: transform 0.3s ease;\n        }\n\n        .faq-item.active .faq-icon {\n            transform: rotate(180deg);\n        }\n\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease, padding 0.3s ease;\n            background: white;\n        }\n\n        .faq-item.active .faq-answer {\n            max-height: 500px;\n            padding: 20px 25px;\n        }\n\n        .faq-answer p {\n            color: var(--gray);\n            line-height: 1.8;\n            font-size: 16px;\n        }\n\n        \/* IMPACTO CON CÍRCULOS *\/\n        .impact-modern {\n            margin: 60px 0;\n            padding: 50px 30px;\n            background: linear-gradient(135deg, #fef3c7, #fde68a);\n            border-radius: 25px;\n        }\n\n        .impact-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 30px;\n            margin-top: 40px;\n        }\n\n        .impact-circle {\n            text-align: center;\n        }\n\n        .circle-container {\n            width: 160px;\n            height: 160px;\n            margin: 0 auto 20px;\n            position: relative;\n        }\n\n        .circle-bg {\n            width: 100%;\n            height: 100%;\n            border-radius: 50%;\n            background: white;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .circle-bg::before {\n            content: '';\n            position: absolute;\n            inset: 0;\n            border-radius: 50%;\n            padding: 4px;\n            background: linear-gradient(135deg, var(--electric-blue), var(--purple));\n            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n            -webkit-mask-composite: xor;\n            mask-composite: exclude;\n        }\n\n        .circle-icon {\n            font-size: 40px;\n            margin-bottom: 5px;\n        }\n\n        .circle-percentage {\n            font-size: 32px;\n            font-weight: 800;\n            background: linear-gradient(135deg, var(--electric-blue), var(--purple));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .circle-label {\n            font-weight: 600;\n            color: var(--dark);\n            font-size: 16px;\n        }\n\n        \/* ABSORCIÓN VISUAL *\/\n        .absorption-visual {\n            margin: 60px 0;\n            padding: 50px 30px;\n            background: linear-gradient(135deg, var(--dark) 0%, #334155 100%);\n            border-radius: 25px;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .absorption-visual::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.2), transparent);\n        }\n\n        .absorption-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .absorption-visual .section-title {\n            color: white;\n        }\n\n        .absorption-visual .section-description {\n            color: rgba(255, 255, 255, 0.7);\n        }\n\n        .bars-comparison {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 40px;\n            margin-top: 40px;\n        }\n\n        .bar-wrapper {\n            text-align: center;\n        }\n\n        .vertical-bar {\n            height: 350px;\n            display: flex;\n            flex-direction: column;\n            justify-content: flex-end;\n            margin-bottom: 20px;\n        }\n\n        .bar-fill-visual {\n            border-radius: 15px;\n            position: relative;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 800;\n            transition: all 0.6s ease;\n        }\n\n        .bar-traditional {\n            background: linear-gradient(180deg, #ef4444, #dc2626);\n            height: 35%;\n            box-shadow: 0 -10px 30px rgba(239, 68, 68, 0.4);\n        }\n\n        .bar-vidanova {\n            background: linear-gradient(180deg, #10b981, #059669);\n            height: 95%;\n            box-shadow: 0 -10px 30px rgba(16, 185, 129, 0.4);\n        }\n\n        .bar-percentage-big {\n            font-size: clamp(40px, 8vw, 56px);\n            margin-bottom: 10px;\n        }\n\n        .winner-badge {\n            background: #f59e0b;\n            padding: 8px 20px;\n            border-radius: 50px;\n            font-size: 14px;\n            font-weight: 700;\n            display: inline-block;\n        }\n\n        .bar-name {\n            color: white;\n            font-size: 20px;\n            font-weight: 700;\n            margin-bottom: 10px;\n        }\n\n        .bar-description {\n            color: rgba(255, 255, 255, 0.6);\n            font-size: 14px;\n        }\n\n        \/* TESTIMONIOS *\/\n        .testimonials {\n            margin: 60px 0;\n            padding: 50px 30px;\n            background: linear-gradient(135deg, #eff6ff, #dbeafe);\n            border-radius: 25px;\n        }\n\n        .testimonials-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n            gap: 25px;\n            margin-top: 40px;\n        }\n\n        .testimonial-card {\n            background: white;\n            border-radius: 15px;\n            padding: 30px;\n            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);\n            position: relative;\n        }\n\n        .quote-icon {\n            font-size: 40px;\n            color: var(--electric-blue);\n            opacity: 0.3;\n            position: absolute;\n            top: 20px;\n            right: 20px;\n        }\n\n        .testimonial-text {\n            color: var(--gray);\n            font-size: 15px;\n            line-height: 1.7;\n            margin-bottom: 20px;\n            font-style: italic;\n        }\n\n        .testimonial-author {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .author-avatar {\n            width: 50px;\n            height: 50px;\n            border-radius: 50%;\n            background: linear-gradient(135deg, var(--electric-blue), var(--purple));\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-weight: 700;\n            font-size: 20px;\n        }\n\n        .author-info h4 {\n            font-weight: 700;\n            color: var(--dark);\n            margin-bottom: 3px;\n        }\n\n        .author-stars {\n            color: #fbbf24;\n            font-size: 14px;\n        }\n\n        \/* RATING FINAL *\/\n        .final-rating {\n            margin: 60px 0;\n            padding: 60px 30px;\n            background: linear-gradient(135deg, var(--primary-blue), var(--purple), var(--cyan));\n            border-radius: 25px;\n            text-align: center;\n            position: relative;\n            overflow: hidden;\n        }\n\n        .final-rating::before {\n            content: '';\n            position: absolute;\n            width: 400px;\n            height: 400px;\n            background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent);\n            top: -200px;\n            right: -200px;\n            animation: float 6s ease-in-out infinite;\n        }\n\n        @keyframes float {\n            0%, 100% { transform: translate(0, 0); }\n            50% { transform: translate(-20px, 20px); }\n        }\n\n        .rating-content {\n            position: relative;\n            z-index: 2;\n        }\n\n        .rating-stars-big {\n            font-size: clamp(50px, 10vw, 70px);\n            margin-bottom: 20px;\n            filter: drop-shadow(0 5px 15px rgba(251, 191, 36, 0.5));\n        }\n\n        .rating-number {\n            font-size: clamp(60px, 12vw, 90px);\n            font-weight: 900;\n            color: white;\n            margin-bottom: 10px;\n            text-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);\n        }\n\n        .rating-subtitle {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: clamp(18px, 3vw, 24px);\n            font-weight: 600;\n        }\n\n        .rating-count {\n            color: rgba(255, 255, 255, 0.7);\n            font-size: 16px;\n            margin-top: 10px;\n        }\n\n        \/* RESPONSIVE *\/\n        @media (max-width: 768px) {\n            .container {\n                padding: 15px;\n            }\n\n            .hero-payment,\n            .premium-section,\n            .faq-modern,\n            .impact-modern,\n            .absorption-visual,\n            .testimonials,\n            .final-rating {\n                padding: 30px 20px;\n                margin: 30px 0;\n            }\n\n            .comparison-header,\n            .comparison-row {\n                grid-template-columns: 1.5fr 1fr 1fr;\n                font-size: 14px;\n                padding: 15px;\n            }\n\n            .feature-name {\n                font-size: 14px;\n            }\n\n            .check-icon {\n                font-size: 24px;\n            }\n\n            .payment-cards-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .benefits-grid-modern,\n            .testimonials-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .impact-grid {\n                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n            }\n\n            .circle-container {\n                width: 130px;\n                height: 130px;\n            }\n\n            .circle-percentage {\n                font-size: 26px;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .methods-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .comparison-header,\n            .comparison-row {\n                font-size: 12px;\n                padding: 10px;\n            }\n        }\n    \u003c\/style\u003e\n\n\n    \u003cdiv class=\"container\"\u003e\n        \n        \u003c!-- HERO PAYMENT SECTION --\u003e\n        \u003cdiv class=\"hero-payment\"\u003e\n            \u003cdiv class=\"hero-content\"\u003e\n                \u003cspan class=\"hero-badge\"\u003e✨ ENVÍO EXPRESS 24-72 HORAS\u003c\/span\u003e\n                \u003ch1 class=\"hero-title\"\u003eCompra Segura y Paga al Recibir\u003c\/h1\u003e\n                \u003cp class=\"hero-subtitle\"\u003eProceso simple, rápido y 100% confiable\u003c\/p\u003e\n\n                \u003cdiv class=\"payment-cards-grid\"\u003e\n                    \u003cdiv class=\"payment-card\"\u003e\n                        \u003cdiv class=\"card-step\"\u003e1\u003c\/div\u003e\n                        \u003cdiv class=\"card-icon\"\u003e🛍️\u003c\/div\u003e\n                        \u003ch3 class=\"card-title\"\u003eRealiza tu Pedido\u003c\/h3\u003e\n                        \u003cp class=\"card-description\"\u003eCompleta tu orden en menos de 2 minutos desde cualquier dispositivo\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"payment-card\"\u003e\n                        \u003cdiv class=\"card-step\"\u003e2\u003c\/div\u003e\n                        \u003cdiv class=\"card-icon\"\u003e🚚\u003c\/div\u003e\n                        \u003ch3 class=\"card-title\"\u003eRecibe en Casa\u003c\/h3\u003e\n                        \u003cp class=\"card-description\"\u003eDespacho express entre 24-72 horas a todo Chile\u003c\/p\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"payment-card\"\u003e\n                        \u003cdiv class=\"card-step\"\u003e3\u003c\/div\u003e\n                        \u003cdiv class=\"card-icon\"\u003e💰\u003c\/div\u003e\n                        \u003ch3 class=\"card-title\"\u003ePaga al Recibir\u003c\/h3\u003e\n                        \u003cp class=\"card-description\"\u003eElige tu método de pago favorito en el momento de entrega\u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"payment-methods-modern\"\u003e\n                    \u003ch3 class=\"methods-title\"\u003e💳 Todos los Métodos de Pago Disponibles\u003c\/h3\u003e\n                    \u003cdiv class=\"methods-grid\"\u003e\n                        \u003cdiv class=\"method-item\"\u003e\n                            \u003cdiv class=\"method-icon\"\u003e💵\u003c\/div\u003e\n                            \u003cdiv class=\"method-name\"\u003eEfectivo\u003c\/div\u003e\n                            \u003cdiv class=\"method-detail\"\u003eAl recibir\u003c\/div\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"method-item\"\u003e\n                            \u003cdiv class=\"method-icon\"\u003e💳\u003c\/div\u003e\n                            \u003cdiv class=\"method-name\"\u003eDébito\u003c\/div\u003e\n                            \u003cdiv class=\"method-detail\"\u003eRedCompra\u003c\/div\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"method-item\"\u003e\n                            \u003cdiv class=\"method-icon\"\u003e💎\u003c\/div\u003e\n                            \u003cdiv class=\"method-name\"\u003eCrédito\u003c\/div\u003e\n                            \u003cdiv class=\"method-detail\"\u003eTodas las tarjetas\u003c\/div\u003e\n                        \u003c\/div\u003e\n\n                        \u003cdiv class=\"method-item\"\u003e\n                            \u003cdiv class=\"method-icon\"\u003e📱\u003c\/div\u003e\n                            \u003cdiv class=\"method-name\"\u003eTransferencia\u003c\/div\u003e\n                            \u003cdiv class=\"method-detail\"\u003eBanco a banco\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"trust-badges\"\u003e\n                        \u003cspan class=\"trust-badge\"\u003e✅ Envío Asegurado\u003c\/span\u003e\n                        \u003cspan class=\"trust-badge\"\u003e✅ Sin Costos Ocultos\u003c\/span\u003e\n                        \u003cspan class=\"trust-badge\"\u003e✅ 100% Seguro\u003c\/span\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- COMPARACIÓN PREMIUM --\u003e\n        \u003cdiv class=\"premium-section\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cspan class=\"section-badge\"\u003e⚡ CALIDAD PREMIUM\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eViDaNova vs Otras Marcas\u003c\/h2\u003e\n                \u003cp class=\"section-description\"\u003eNo todos los suplementos de magnesio son iguales. Descubre por qué somos la mejor opción\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"comparison-modern\"\u003e\n                \u003cdiv class=\"comparison-header\"\u003e\n                    \u003cdiv\u003eCaracterísticas\u003c\/div\u003e\n                    \u003cdiv\u003eViDaNova®\u003c\/div\u003e\n                    \u003cdiv\u003eOtras Marcas\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003e400mg Citrato por Cápsula\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003eAlta Biodisponibilidad (95%)\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003eSin Rellenos ni Artificiales\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003eFórmula Citrato Puro\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003e60 Cápsulas (2 Meses)\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"comparison-row\"\u003e\n                    \u003cdiv class=\"feature-name\"\u003eCertificación de Calidad\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-yes\"\u003e✓\u003c\/div\u003e\n                    \u003cdiv class=\"check-icon check-no\"\u003e✗\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- BENEFICIOS MODERNOS --\u003e\n        \u003cdiv class=\"benefits-modern\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cspan class=\"section-badge\"\u003e🎯 BENEFICIOS REALES\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eTransforma tu Bienestar\u003c\/h2\u003e\n                \u003cp class=\"section-description\"\u003eResultados comprobados que sentirás desde la primera semana\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"benefits-grid-modern\"\u003e\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e😴\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eSueño Profundo\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eDuerme toda la noche sin interrupciones. Despierta renovado y con energía para afrontar el día.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e⚡\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eEnergía Sin Cafeína\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eEnergía natural y sostenida todo el día sin nerviosismo ni caídas bruscas.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e🧘\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eAdiós al Estrés\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eReduce la ansiedad y calma tu sistema nervioso de forma natural.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e💪\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eCero Calambres\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eElimina los molestos calambres nocturnos y mejora tu recuperación muscular.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e🦴\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eHuesos Fuertes\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eFortalece tu sistema óseo y previene la osteoporosis de forma efectiva.\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"benefit-card-modern\"\u003e\n                    \u003cdiv class=\"benefit-icon-modern\"\u003e❤️\u003c\/div\u003e\n                    \u003ch3 class=\"benefit-title-modern\"\u003eSalud Cardiovascular\u003c\/h3\u003e\n                    \u003cp class=\"benefit-text-modern\"\u003eApoya la función cardíaca y mantiene una presión arterial saludable.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- IMPACTO CON CÍRCULOS --\u003e\n        \u003cdiv class=\"impact-modern\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cspan class=\"section-badge\" style=\"background: linear-gradient(135deg, var(--primary-blue), var(--purple));\"\u003e📊 RESULTADOS MEDIBLES\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eImpacto en tu Salud\u003c\/h2\u003e\n                \u003cp class=\"section-description\"\u003ePorcentaje de usuarios que reportan mejoras significativas\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"impact-grid\"\u003e\n                \u003cdiv class=\"impact-circle\"\u003e\n                    \u003cdiv class=\"circle-container\"\u003e\n                        \u003cdiv class=\"circle-bg\"\u003e\n                            \u003cdiv class=\"circle-icon\"\u003e😴\u003c\/div\u003e\n                            \u003cdiv class=\"circle-percentage\"\u003e95%\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"circle-label\"\u003eCalidad del Sueño\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"impact-circle\"\u003e\n                    \u003cdiv class=\"circle-container\"\u003e\n                        \u003cdiv class=\"circle-bg\"\u003e\n                            \u003cdiv class=\"circle-icon\"\u003e⚡\u003c\/div\u003e\n                            \u003cdiv class=\"circle-percentage\"\u003e92%\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"circle-label\"\u003eEnergía Natural\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"impact-circle\"\u003e\n                    \u003cdiv class=\"circle-container\"\u003e\n                        \u003cdiv class=\"circle-bg\"\u003e\n                            \u003cdiv class=\"circle-icon\"\u003e🧘\u003c\/div\u003e\n                            \u003cdiv class=\"circle-percentage\"\u003e90%\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"circle-label\"\u003eReducción de Estrés\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"impact-circle\"\u003e\n                    \u003cdiv class=\"circle-container\"\u003e\n                        \u003cdiv class=\"circle-bg\"\u003e\n                            \u003cdiv class=\"circle-icon\"\u003e💪\u003c\/div\u003e\n                            \u003cdiv class=\"circle-percentage\"\u003e89%\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"circle-label\"\u003eElimina Calambres\u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"impact-circle\"\u003e\n                    \u003cdiv class=\"circle-container\"\u003e\n                        \u003cdiv class=\"circle-bg\"\u003e\n                            \u003cdiv class=\"circle-icon\"\u003e🦴\u003c\/div\u003e\n                            \u003cdiv class=\"circle-percentage\"\u003e87%\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"circle-label\"\u003eSalud Ósea\u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- ABSORCIÓN VISUAL --\u003e\n        \u003cdiv class=\"absorption-visual\"\u003e\n            \u003cdiv class=\"absorption-content\"\u003e\n                \u003cdiv class=\"section-header\"\u003e\n                    \u003ch2 class=\"section-title\"\u003eAbsorción Superior Comprobada\u003c\/h2\u003e\n                    \u003cp class=\"section-description\"\u003eEl citrato de magnesio es hasta 3 veces más efectivo que otras formas\u003c\/p\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"bars-comparison\"\u003e\n                    \u003cdiv class=\"bar-wrapper\"\u003e\n                        \u003cdiv class=\"vertical-bar\"\u003e\n                            \u003cdiv class=\"bar-fill-visual bar-traditional\"\u003e\n                                \u003cspan class=\"bar-percentage-big\"\u003e35%\u003c\/span\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"bar-name\"\u003eÓxido de Magnesio\u003c\/div\u003e\n                        \u003cdiv class=\"bar-description\"\u003eTradicional - Baja absorción\u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"bar-wrapper\"\u003e\n                        \u003cdiv class=\"vertical-bar\"\u003e\n                            \u003cdiv class=\"bar-fill-visual bar-vidanova\"\u003e\n                                \u003cspan class=\"bar-percentage-big\"\u003e95%\u003c\/span\u003e\n                                \u003cspan class=\"winner-badge\"\u003e🏆 MEJOR OPCIÓN\u003c\/span\u003e\n                            \u003c\/div\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"bar-name\"\u003eViDaNova® Citrato\u003c\/div\u003e\n                        \u003cdiv class=\"bar-description\"\u003ePremium - Máxima absorción\u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- FAQ MODERNO --\u003e\n        \u003cdiv class=\"faq-modern\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cspan class=\"section-badge\"\u003e❓ RESPUESTAS CLARAS\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003ePreguntas Frecuentes\u003c\/h2\u003e\n                \u003cp class=\"section-description\"\u003eTodo lo que necesitas saber antes de comprar\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003e¿Por qué debo elegir citrato de magnesio?\u003c\/span\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eEl citrato de magnesio es la forma más biodisponible, con una absorción del 95% vs 35% del óxido tradicional. Esto significa que tu cuerpo aprovecha mejor cada miligramo, obteniendo resultados más rápidos y efectivos en sueño, energía, y reducción de calambres.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003e¿Cuándo empezaré a notar los resultados?\u003c\/span\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eLa mayoría de usuarios reporta mejoras en la calidad del sueño en 3-7 días. Los calambres musculares suelen desaparecer en la primera semana. Los beneficios completos en energía y reducción de estrés se sienten dentro de las primeras 2-3 semanas de uso consistente.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003e¿Cómo debo tomarlo para mejores resultados?\u003c\/span\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eToma 1 cápsula al día, preferiblemente por la noche 1-2 horas antes de dormir con alimentos. Esto optimiza la absorción y potencia el efecto relajante para un sueño profundo. Si buscas mayor efecto, puedes tomar hasta 2 cápsulas diarias.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003e¿Es seguro tomarlo a largo plazo?\u003c\/span\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eSí, es completamente seguro. El magnesio es un mineral esencial que tu cuerpo necesita diariamente. No genera dependencia ni efectos secundarios adversos. De hecho, el 70% de la población tiene déficit de magnesio, por lo que la suplementación continua es beneficiosa.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"faq-item\"\u003e\n                \u003cdiv class=\"faq-question\" onclick=\"toggleFaq(this)\"\u003e\n                    \u003cspan\u003e¿Qué diferencia a ViDaNova de otras marcas?\u003c\/span\u003e\n                    \u003cspan class=\"faq-icon\"\u003e▼\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"faq-answer\"\u003e\n                    \u003cp\u003eUsamos citrato de magnesio 100% puro sin rellenos, con 400mg por cápsula. Nuestro producto tiene certificación de calidad y está libre de GMO, gluten y artificiales. Además, ofrecemos 60 cápsulas (2 meses completos) a un precio justo con envío rápido.\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- TESTIMONIOS --\u003e\n        \u003cdiv class=\"testimonials\"\u003e\n            \u003cdiv class=\"section-header\"\u003e\n                \u003cspan class=\"section-badge\"\u003e💬 EXPERIENCIAS REALES\u003c\/span\u003e\n                \u003ch2 class=\"section-title\"\u003eLo Que Dicen Nuestros Clientes\u003c\/h2\u003e\n                \u003cp class=\"section-description\"\u003eMiles de personas ya transformaron su salud con ViDaNova\u003c\/p\u003e\n            \u003c\/div\u003e\n\n            \u003cdiv class=\"testimonials-grid\"\u003e\n                \u003cdiv class=\"testimonial-card\"\u003e\n                    \u003cdiv class=\"quote-icon\"\u003e\"\u003c\/div\u003e\n                    \u003cp class=\"testimonial-text\"\u003e\"Después de años sufriendo insomnio, finalmente duermo toda la noche. Es increíble cómo algo tan simple cambió mi vida. Lo recomiendo 100%.\"\u003c\/p\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e\n                        \u003cdiv class=\"author-avatar\"\u003eMC\u003c\/div\u003e\n                        \u003cdiv class=\"author-info\"\u003e\n                            \u003ch4\u003eMaría Contreras\u003c\/h4\u003e\n                            \u003cdiv class=\"author-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card\"\u003e\n                    \u003cdiv class=\"quote-icon\"\u003e\"\u003c\/div\u003e\n                    \u003cp class=\"testimonial-text\"\u003e\"Los calambres nocturnos me impedían dormir. Desde que tomo ViDaNova, desaparecieron por completo. Ahora descanso como nunca.\"\u003c\/p\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e\n                        \u003cdiv class=\"author-avatar\"\u003ePR\u003c\/div\u003e\n                        \u003cdiv class=\"author-info\"\u003e\n                            \u003ch4\u003ePedro Ramírez\u003c\/h4\u003e\n                            \u003cdiv class=\"author-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003cdiv class=\"testimonial-card\"\u003e\n                    \u003cdiv class=\"quote-icon\"\u003e\"\u003c\/div\u003e\n                    \u003cp class=\"testimonial-text\"\u003e\"Tengo más energía durante el día y menos ansiedad. La calidad del producto es excelente y el precio muy justo. Seguiré comprando.\"\u003c\/p\u003e\n                    \u003cdiv class=\"testimonial-author\"\u003e\n                        \u003cdiv class=\"author-avatar\"\u003eAS\u003c\/div\u003e\n                        \u003cdiv class=\"author-info\"\u003e\n                            \u003ch4\u003eAndrea Silva\u003c\/h4\u003e\n                            \u003cdiv class=\"author-stars\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- RATING FINAL --\u003e\n        \u003cdiv class=\"final-rating\"\u003e\n            \u003cdiv class=\"rating-content\"\u003e\n                \u003cdiv class=\"rating-stars-big\"\u003e⭐⭐⭐⭐⭐\u003c\/div\u003e\n                \u003cdiv class=\"rating-number\"\u003e4.9\/5\u003c\/div\u003e\n                \u003cdiv class=\"rating-subtitle\"\u003eCalificación Promedio\u003c\/div\u003e\n                \u003cdiv class=\"rating-count\"\u003eBasado en más de 2,500+ reseñas verificadas\u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003cscript\u003e\n        function toggleFaq(element) {\n            const faqItem = element.parentElement;\n            const isActive = faqItem.classList.contains('active');\n            \n            \/\/ Cerrar todos los FAQs\n            document.querySelectorAll('.faq-item').forEach(item =\u003e {\n                item.classList.remove('active');\n            });\n            \n            \/\/ Abrir el clickeado si no estaba activo\n            if (!isActive) {\n                faqItem.classList.add('active');\n            }\n        }\n\n        \/\/ Animaciones de scroll\n        const observer = new IntersectionObserver((entries) =\u003e {\n            entries.forEach(entry =\u003e {\n                if (entry.isIntersecting) {\n                    entry.target.style.opacity = '1';\n                    entry.target.style.transform = 'translateY(0)';\n                }\n            });\n        }, {\n            threshold: 0.1,\n            rootMargin: '50px'\n        });\n\n        \/\/ Aplicar animaciones\n        document.querySelectorAll('.benefit-card-modern, .payment-card, .testimonial-card, .impact-circle').forEach(el =\u003e {\n            el.style.opacity = '0';\n            el.style.transform = 'translateY(30px)';\n            el.style.transition = 'all 0.6s ease';\n            observer.observe(el);\n        });\n    \u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"Compra Smart","offers":[{"title":"Default Title","offer_id":52822213165419,"sku":"0658606763432","price":23990.0,"currency_code":"CLP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0937\/2893\/2203\/files\/IMAGEN6_9ecca138-e225-41a9-93f0-1876e250f894.png?v=1770116039","url":"https:\/\/comprasmartt.com\/products\/citrato-de-magnesio-400mg-60-caps","provider":"Compra Smart","version":"1.0","type":"link"}