{"product_id":"nt001-maxcalm-citr-mag-bisgl-d-magnes","title":"MAXCALM | Mezcla de magnesio en polvo frambuesa-limón | CLEF","description":"\u003ch1 style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eTU CUERPO HABLA. ¿LE ESTAS DANDO LO QUE NECESITAS?\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h1\u003e\n\u003cp style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eMAXCALM\u003c\/strong\u003e c\u003c\/span\u003eombina dos fuentes de magnesio en una bebida en polvo sabor\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e frambuesa-limón\u003c\/span\u003e, ideal para complementar tu nutrición diaria de una forma práctica y deliciosa.\u003c\/p\u003e\n\u003csection class=\"magnesio-testimonios\"\u003e\n  \u003ch2\u003eLo que comentan quienes beben este magnesio\u003c\/h2\u003e\n\n  \u003cp class=\"magnesio-subtitulo\"\u003e\n    Descubre cómo esta bebida transforma sus pausas diarias en momentos de bienestar genuino.\n  \u003c\/p\u003e\n\n  \u003cdiv class=\"magnesio-tarjetas\"\u003e\n    \u003carticle class=\"magnesio-tarjeta\"\u003e\n      \u003cdiv class=\"magnesio-grafico\" data-porcentaje=\"100\"\u003e\n        \u003csvg viewbox=\"0 0 120 120\" aria-hidden=\"true\"\u003e\n          \u003ccircle class=\"magnesio-anillo-fondo\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"magnesio-anillo-progreso\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"magnesio-numero\"\u003e0%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eMe siento \u003cstrong\u003emenos estresado y más tranquilo\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"magnesio-tarjeta\"\u003e\n      \u003cdiv class=\"magnesio-grafico\" data-porcentaje=\"96\"\u003e\n        \u003csvg viewbox=\"0 0 120 120\" aria-hidden=\"true\"\u003e\n          \u003ccircle class=\"magnesio-anillo-fondo\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"magnesio-anillo-progreso\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"magnesio-numero\"\u003e0%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003eHe notado \u003cstrong\u003emenos hinchazón abdominal\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"magnesio-tarjeta\"\u003e\n      \u003cdiv class=\"magnesio-grafico\" data-porcentaje=\"95\"\u003e\n        \u003csvg viewbox=\"0 0 120 120\" aria-hidden=\"true\"\u003e\n          \u003ccircle class=\"magnesio-anillo-fondo\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"magnesio-anillo-progreso\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"magnesio-numero\"\u003e0%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eMejoró mucho mi descanso\u003c\/strong\u003e\u003c\/p\u003e\n    \u003c\/article\u003e\n\n    \u003carticle class=\"magnesio-tarjeta\"\u003e\n      \u003cdiv class=\"magnesio-grafico\" data-porcentaje=\"98\"\u003e\n        \u003csvg viewbox=\"0 0 120 120\" aria-hidden=\"true\"\u003e\n          \u003ccircle class=\"magnesio-anillo-fondo\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n          \u003ccircle class=\"magnesio-anillo-progreso\" cx=\"60\" cy=\"60\" r=\"52\"\u003e\u003c\/circle\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"magnesio-numero\"\u003e0%\u003c\/span\u003e\n      \u003c\/div\u003e\n      \u003cp\u003e\u003cstrong\u003eSiento más energía\u003c\/strong\u003e en el transcurso del día\u003c\/p\u003e\n    \u003c\/article\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;700;800\u0026display=swap\");\n\n  .magnesio-testimonios {\n    --azul-marino: #0b1b55;\n    --azul-anillo: #78a2ee;\n    --azul-subtitulo: #657b9a;\n    --fondo-tarjeta: #f2f8fe;\n\n    width: 100%;\n    padding: 24px 16px 32px;\n    background: #ffffff;\n    color: var(--azul-marino);\n    font-family: \"Manrope\", \"Inter\", sans-serif;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .magnesio-testimonios *,\n  .magnesio-testimonios *::before,\n  .magnesio-testimonios *::after {\n    box-sizing: border-box;\n  }\n\n  .magnesio-testimonios h2 {\n    margin: 0;\n    color: var(--azul-marino);\n    font-size: clamp(28px, 4vw, 48px);\n    font-weight: 800;\n    line-height: 1.15;\n    letter-spacing: -0.045em;\n  }\n\n  .magnesio-subtitulo {\n    max-width: 1200px;\n    margin: 14px auto 28px;\n    color: var(--azul-subtitulo);\n    font-size: clamp(17px, 2.5vw, 28px);\n    font-weight: 400;\n    line-height: 1.4;\n  }\n\n  .magnesio-tarjetas {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 22px 24px;\n    width: 100%;\n  }\n\n  .magnesio-tarjeta {\n    min-width: 0;\n    min-height: 340px;\n    padding: 28px 24px 26px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    border: 1px solid #e6f1fc;\n    border-radius: 24px;\n    background: var(--fondo-tarjeta);\n  }\n\n  .magnesio-grafico {\n    position: relative;\n    flex: 0 0 auto;\n    width: 150px;\n    aspect-ratio: 1;\n  }\n\n  .magnesio-grafico svg {\n    display: block;\n    width: 100%;\n    height: 100%;\n    transform: rotate(-90deg);\n    overflow: visible;\n  }\n\n  .magnesio-grafico circle {\n    fill: none;\n    stroke-width: 8;\n  }\n\n  .magnesio-anillo-fondo {\n    stroke: #e5effb;\n  }\n\n  .magnesio-anillo-progreso {\n    stroke: var(--azul-anillo);\n    stroke-linecap: round;\n  }\n\n  .magnesio-numero {\n    position: absolute;\n    inset: 0;\n    display: grid;\n    place-items: center;\n    color: var(--azul-marino);\n    font-size: 36px;\n    font-weight: 800;\n    letter-spacing: -0.04em;\n  }\n\n  .magnesio-tarjeta p {\n    width: 100%;\n    max-width: 380px;\n    margin: 18px 0 0;\n    color: var(--azul-marino);\n    font-size: clamp(18px, 2vw, 24px);\n    font-weight: 400;\n    line-height: 1.45;\n    overflow-wrap: normal;\n    word-break: normal;\n    hyphens: none;\n  }\n\n  .magnesio-tarjeta strong {\n    font-weight: 700;\n  }\n\n  @media (max-width: 520px) {\n    .magnesio-testimonios {\n      padding: 22px 12px 28px;\n    }\n\n    .magnesio-testimonios h2 {\n      font-size: 28px;\n    }\n\n    .magnesio-subtitulo {\n      margin: 12px auto 22px;\n      font-size: 17px;\n    }\n\n    .magnesio-tarjetas {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      gap: 16px 12px;\n    }\n\n    .magnesio-tarjeta {\n      min-height: 280px;\n      padding: 20px 12px 18px;\n      border-radius: 20px;\n    }\n\n    .magnesio-grafico {\n      width: clamp(105px, 30vw, 135px);\n    }\n\n    .magnesio-numero {\n      font-size: clamp(27px, 7vw, 33px);\n    }\n\n    .magnesio-tarjeta p {\n      margin-top: 14px;\n      font-size: clamp(15px, 4vw, 18px);\n      line-height: 1.4;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (() =\u003e {\n    const secciones = document.querySelectorAll(\".magnesio-testimonios\");\n    const radio = 52;\n    const longitud = 2 * Math.PI * radio;\n    const duracion = 1800;\n\n    secciones.forEach((seccion) =\u003e {\n      const graficos = seccion.querySelectorAll(\".magnesio-grafico\");\n\n      graficos.forEach((grafico) =\u003e {\n        const anillo = grafico.querySelector(\".magnesio-anillo-progreso\");\n\n        anillo.style.strokeDasharray = String(longitud);\n        anillo.style.strokeDashoffset = String(longitud);\n\n        grafico.animacionActiva = false;\n        grafico.frameAnimacion = null;\n      });\n\n      function reiniciar(grafico) {\n        const anillo = grafico.querySelector(\".magnesio-anillo-progreso\");\n        const numero = grafico.querySelector(\".magnesio-numero\");\n\n        grafico.animacionActiva = false;\n\n        if (grafico.frameAnimacion !== null) {\n          cancelAnimationFrame(grafico.frameAnimacion);\n          grafico.frameAnimacion = null;\n        }\n\n        numero.textContent = \"0%\";\n        anillo.style.strokeDashoffset = String(longitud);\n      }\n\n      function iniciar(grafico) {\n        if (grafico.animacionActiva) return;\n\n        grafico.animacionActiva = true;\n\n        const objetivo = Number(grafico.dataset.porcentaje);\n        const anillo = grafico.querySelector(\".magnesio-anillo-progreso\");\n        const numero = grafico.querySelector(\".magnesio-numero\");\n        const inicio = performance.now();\n\n        function animar(ahora) {\n          if (!grafico.animacionActiva) return;\n\n          const progreso = Math.min((ahora - inicio) \/ duracion, 1);\n          const avanceSuave = 1 - Math.pow(1 - progreso, 3);\n          const valorActual = objetivo * avanceSuave;\n\n          numero.textContent = `${Math.round(valorActual)}%`;\n          anillo.style.strokeDashoffset = String(\n            longitud * (1 - valorActual \/ 100)\n          );\n\n          if (progreso \u003c 1) {\n            grafico.frameAnimacion = requestAnimationFrame(animar);\n          } else {\n            numero.textContent = `${objetivo}%`;\n            anillo.style.strokeDashoffset = String(\n              longitud * (1 - objetivo \/ 100)\n            );\n            grafico.frameAnimacion = null;\n          }\n        }\n\n        grafico.frameAnimacion = requestAnimationFrame(animar);\n      }\n\n      if (\"IntersectionObserver\" in window) {\n        const observador = new IntersectionObserver(\n          (entradas) =\u003e {\n            entradas.forEach((entrada) =\u003e {\n              if (entrada.isIntersecting) {\n                iniciar(entrada.target);\n              } else {\n                reiniciar(entrada.target);\n              }\n            });\n          },\n          {\n            threshold: 0.1,\n            rootMargin: \"0px 0px -5% 0px\"\n          }\n        );\n\n        graficos.forEach((grafico) =\u003e observador.observe(grafico));\n      } else {\n        function comprobarVisibilidad() {\n          graficos.forEach((grafico) =\u003e {\n            const rectangulo = grafico.getBoundingClientRect();\n            const visible =\n              rectangulo.top \u003c window.innerHeight \u0026\u0026\n              rectangulo.bottom \u003e 0;\n\n            if (visible) {\n              iniciar(grafico);\n            } else {\n              reiniciar(grafico);\n            }\n          });\n        }\n\n        window.addEventListener(\"scroll\", comprobarVisibilidad, {\n          passive: true\n        });\n        window.addEventListener(\"resize\", comprobarVisibilidad);\n        comprobarVisibilidad();\n      }\n    });\n  })();\n\u003c\/script\u003e\n\u003ch2 class=\"MsoNormal\" style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eLA ENERGÍA Y MANIFESTACIÓN FÍSICA DE CÓMO SE VE TU CUERPO TAMBIÉN DEPENDE DE LOS MINERALES QUE LE DAS.\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eEl magnesio participa en cientos de procesos del organismo y es esencial para el bienestar diario, desde el funcionamiento muscular y del sistema nervioso hasta la manifestación física del cuerpo.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003ePor eso, aprender a escuchar tu cuerpo es fundamen\u003c\/span\u003etal, la hinchazón abdominal, los cambios en la piel, el estrés y el cansancio \u003cspan style=\"color: rgb(0, 0, 0);\"\u003epueden tener distintas causas y ser señales de que necesitas prestar más atención a tus hábitos y bienestar.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch3 class=\"MsoNormal\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003eDescubre 4 funciones importantes del magnesio:\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h3\u003e\n\u003cp class=\"MsoNormal\"\u003e\u003cstrong\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0818\/0455\/8582\/files\/Infografia_MAXCALM__beneficios_diarios_y_cortisol.png?v=1792647242\" alt=\"\" width=\"584\" height=\"389\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"default\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eSabes que quieres cuidar mejor de ti, pero no quieres llenar tu día de cápsulas y rutinas interminables. Con \u003cstrong\u003eMAXCALM\u003c\/strong\u003e, convierte tu porción de magnesio en una bebida con sabor a frambuesa-limón, \u003cstrong\u003efácil de preparar\u003c\/strong\u003e y disfrutar. Porque cuidar de ti también puede ser sencillo, práctico y agradable.\u003c\/span\u003e\u003c\/p\u003e\n\u003ch2 class=\"MsoNormal\" style=\"text-align: center;\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003e\u003cstrong\u003e¿QUE HACE DIFERENTE A MAXCALM?\u003c\/strong\u003e\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0818\/0455\/8582\/files\/Comparativa_MAXCALM_vs_Otros.png?v=1792621052\" alt=\"\" width=\"498\" height=\"747\" style=\"display: block; margin-left: auto; margin-right: auto;\"\u003e\u003c\/p\u003e\n\u003ch2 class=\"default\"\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eDescripción del producto\u003c\/span\u003e\u003c\/h2\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(0, 0, 0);\"\u003eNatural Vitality La mezcla de bebida de suplemento de magnesio CALM es una práctica mezcla de bebida en polvo que ayuda a mantener niveles saludables de magnesio mientras ofrece una experiencia calmante que puedes sentir. Formulado con carbonato de magnesio y ácido cítrico, el polvo de magnesio Natural CALM se combina con agua para crear una solución de citrato de magnesio, que se absorbe mejor que el óxido de magnesio. Ayuda a controlar el estrés, libera la tensión y calma tu mente con esta bebida de magnesio. Estos suplementos de magnesio veganos y sin gluten tienen un delicioso sabor a limón frambuesa y no contienen azúcar, sabor artificial o color sintético. Simplemente mezcla esta mezcla de bebida en polvo con agua para obtener una deliciosa bebida que puedes disfrutar de calor, frío, día, noche o en cualquier momento que puedas usar un momento tranquilo.\u003c\/span\u003e\u003c\/p\u003e\n\u003csection class=\"maxcalm-faq\" aria-labelledby=\"maxcalm-faq-title\"\u003e\n  \u003cdiv class=\"maxcalm-faq__inner\"\u003e\n    \u003cheader class=\"maxcalm-faq__header\"\u003e\n      \u003cp class=\"maxcalm-faq__eyebrow\"\u003eRESUELVE TUS DUDAS\u003c\/p\u003e\n      \u003ch2 class=\"maxcalm-faq__title\" id=\"maxcalm-faq-title\"\u003ePreguntas\u003cbr\u003efrecuentes\u003c\/h2\u003e\n      \u003cp class=\"maxcalm-faq__intro\"\u003e\n        Aquí encontrarás las respuestas a las dudas más comunes sobre\n        \u003cstrong\u003eMAXCALM.\u003c\/strong\u003e\n      \u003c\/p\u003e\n      \u003cspan class=\"maxcalm-faq__accent\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"maxcalm-faq__list\"\u003e\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-1\" id=\"maxcalm-faq-question-1\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M24 4.5c5.3 4.2 10.1 6.2 16 7v11.1c0 10.1-6.3 17.1-16 21-9.7-3.9-16-10.9-16-21V11.5c5.9-.8 10.7-2.8 16-7Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"m17 24 4.7 4.7L31.5 19\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿Cómo sé que MAXCALM es un producto confiable?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-1\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-1\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eEn MAXCALM creemos que la confianza comienza con la transparencia. Por eso, en su empaque puedes consultar los ingredientes, la información nutricional oficial y las instrucciones de preparación, para que conozcas cada detalle del producto que eliges. Nos comprometemos a brindarte información clara y verificable, porque tu confianza es importante para nosotros.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-2\" id=\"maxcalm-faq-question-2\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M37.5 8.5C23 8.4 12.6 14.2 10.1 25.1c-1.4 6.1 1.8 11.1 7.8 11.1 12.1 0 19.6-12.3 19.6-27.7Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M8.5 41 31.7 16.5\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿Qué tipo de magnesio contiene MAXCALM?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-2\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-2\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eMAXCALM combina dos fuentes de magnesio en una misma fórmula: \u003cstrong\u003ecitrato de magnesio y bisglicinato de magnesio\u003c\/strong\u003e. Cada porción de 30 g declara \u003cstrong\u003e465 mg de magnesio\u003c\/strong\u003e.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-3\" id=\"maxcalm-faq-question-3\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M10 7.5h28l-2.6 33H12.6L10 7.5Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M11.2 19h25.6\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿Cómo se prepara MAXCALM?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-3\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-3\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eEs muy sencillo: mezcla \u003cstrong\u003e30 g de MAXCALM con 250 ml de agua\u003c\/strong\u003e y revuelve hasta obtener una preparación uniforme. Sigue las instrucciones indicadas en el empaque para disfrutarlo como parte de tu rutina diaria.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-4\" id=\"maxcalm-faq-question-4\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M11 7v13M17 7v13M23 7v13M11 15h12v5c0 4.1-2.5 6.8-6 7.5V41\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M34 7c-4.3 4.2-6 9.5-6 16.3V41h8V7c-.7-.2-1.4-.2-2 0Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿Puedo tomar MAXCALM con las comidas o en otras bebidas?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-4\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-4\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eMAXCALM está diseñado para prepararse con agua. Si quieres incorporarlo a tu rutina del almuerzo u otro momento del día, puedes elegir el horario que mejor se adapte a ti, respetando la preparación indicada en el empaque. No lo mezcles con otras bebidas sin verificar antes que sea adecuado para el producto.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-5\" id=\"maxcalm-faq-question-5\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M9 15h30M12 15l2 26h20l2-26M18 10c1.5-2 3.5-3 6-3s4.5 1 6 3\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M18 24h12M18 30h12\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿A qué sabe MAXCALM? ¿Es fácil de tomar?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-5\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-5\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eTiene un \u003cstrong\u003esabor artificial a frambuesa-limón\u003c\/strong\u003e y se consume como bebida preparada, una alternativa para quienes prefieren incorporar el magnesio a su rutina en formato líquido en lugar de cápsulas o tabletas.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-6\" id=\"maxcalm-faq-question-6\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M13 13h22l-1.5 28h-19L13 13Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M11 13h26V8H11v5Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M18 21h12\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿Cuánto trae cada envase?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-6\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-6\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eCada envase contiene \u003cstrong\u003e454 g de producto\u003c\/strong\u003e, equivalentes a aproximadamente \u003cstrong\u003e15 porciones de 30 g\u003c\/strong\u003e. Para mantener la cantidad recomendada por preparación, utiliza la medida indicada en el empaque.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"maxcalm-faq__item\"\u003e\n        \u003ch3 class=\"maxcalm-faq__question\"\u003e\n          \u003cbutton class=\"maxcalm-faq__trigger\" type=\"button\" aria-expanded=\"false\" aria-controls=\"maxcalm-faq-answer-7\" id=\"maxcalm-faq-question-7\"\u003e\n            \u003cspan class=\"maxcalm-faq__question-icon\" aria-hidden=\"true\"\u003e\n              \u003csvg viewbox=\"0 0 48 48\" fill=\"none\"\u003e\n                \u003cpath d=\"M24 5v9M24 14c-6.6 0-12 5.4-12 12v.5c0 4.8 2.8 9 6.8 11.1L17 43h14l-1.8-5.4c4-2.1 6.8-6.3 6.8-11.1V26c0-6.6-5.4-12-12-12Z\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n                \u003cpath d=\"M18 27h12M20 32h8\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\"\u003e\u003c\/path\u003e\n              \u003c\/svg\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__question-text\"\u003e¿MAXCALM tiene azúcares añadidos?\u003c\/span\u003e\n            \u003cspan class=\"maxcalm-faq__toggle\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n          \u003c\/button\u003e\n        \u003c\/h3\u003e\n        \u003cdiv class=\"maxcalm-faq__answer\" id=\"maxcalm-faq-answer-7\" role=\"region\" aria-labelledby=\"maxcalm-faq-question-7\" hidden\u003e\n          \u003cdiv class=\"maxcalm-faq__answer-inner\"\u003e\n            \u003cp\u003eSegún la información nutricional declarada, contiene \u003cstrong\u003e0 g de azúcares añadidos por porción\u003c\/strong\u003e. Sin embargo, aporta \u003cstrong\u003e7,5 g de azúcares totales por porción\u003c\/strong\u003e; por eso es importante distinguir ambos valores.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003cstyle\u003e\n  .maxcalm-faq {\n    --maxcalm-faq-bg: #F7F7F6;\n    --maxcalm-faq-card: #FFFFFF;\n    --maxcalm-faq-question: #14213B;\n    --maxcalm-faq-answer: #626774;\n    --maxcalm-faq-border: #E1E2E4;\n    --maxcalm-faq-accent: #FDBB05;\n\n    position: relative;\n    overflow: hidden;\n    padding: 38px 20px;\n    color: var(--maxcalm-faq-question);\n    background: var(--maxcalm-faq-bg);\n  }\n\n  .maxcalm-faq,\n  .maxcalm-faq * {\n    box-sizing: border-box;\n  }\n\n  .maxcalm-faq__inner {\n    width: min(100%, 760px);\n    margin: 0 auto;\n  }\n\n  .maxcalm-faq__header {\n    margin: 0 0 30px 16px;\n  }\n\n  .maxcalm-faq .maxcalm-faq__eyebrow {\n    margin: 0 0 12px;\n    color: var(--maxcalm-faq-question);\n    font-family: inherit;\n    font-size: 11px !important;\n    font-weight: 700;\n    letter-spacing: 0.17em;\n    line-height: 1.4;\n  }\n\n  .maxcalm-faq .maxcalm-faq__title {\n    position: relative;\n    margin: 0 0 12px;\n    padding-left: 18px;\n    color: var(--maxcalm-faq-question);\n    font-family: inherit;\n    font-size: clamp(32px, 3.2vw, 40px) !important;\n    font-weight: 700;\n    letter-spacing: -0.035em;\n    line-height: 1.06;\n  }\n\n  .maxcalm-faq .maxcalm-faq__title::before {\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    width: 5px;\n    border-radius: 4px;\n    background: var(--maxcalm-faq-accent);\n    content: \"\";\n  }\n\n  .maxcalm-faq .maxcalm-faq__intro {\n    max-width: 600px;\n    margin: 0;\n    color: var(--maxcalm-faq-answer);\n    font-family: inherit;\n    font-size: 15px !important;\n    font-weight: 400;\n    line-height: 1.55;\n  }\n\n  .maxcalm-faq__intro strong {\n    color: var(--maxcalm-faq-question);\n    font-weight: 700;\n  }\n\n  .maxcalm-faq__accent {\n    display: none;\n  }\n\n  .maxcalm-faq__list {\n    display: grid;\n    gap: 14px;\n  }\n\n  .maxcalm-faq__item {\n    overflow: hidden;\n    background: var(--maxcalm-faq-card);\n    border: 1px solid var(--maxcalm-faq-border);\n    border-radius: 22px;\n    box-shadow: 0 5px 16px rgba(20, 33, 59, 0.04);\n    transition: box-shadow 220ms ease-in-out, border-color 220ms ease-in-out;\n  }\n\n  .maxcalm-faq__item:nth-child(odd) {\n    background: #F4F4F3;\n  }\n\n  .maxcalm-faq__item:nth-child(even) {\n    background: #FFFFFF;\n  }\n\n  .maxcalm-faq__item.is-open {\n    border-color: var(--maxcalm-faq-border);\n    box-shadow: 0 7px 18px rgba(20, 33, 59, 0.05);\n  }\n\n  .maxcalm-faq__question {\n    margin: 0;\n  }\n\n  .maxcalm-faq__trigger {\n    display: flex;\n    width: 100%;\n    min-height: 88px;\n    align-items: center;\n    gap: 18px;\n    padding: 16px 20px;\n    border: 0;\n    background: transparent;\n    color: var(--maxcalm-faq-question);\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .maxcalm-faq__trigger:focus-visible {\n    outline: 2px solid #1780DC;\n    outline-offset: -5px;\n    border-radius: 20px;\n  }\n\n  .maxcalm-faq__question-icon {\n    display: grid;\n    width: 54px;\n    height: 54px;\n    flex: 0 0 54px;\n    place-items: center;\n    border-radius: 50%;\n    background: #F1F2F3;\n    color: var(--maxcalm-faq-question);\n  }\n\n  .maxcalm-faq__question-icon svg {\n    display: block;\n    width: 29px;\n    height: 29px;\n  }\n\n  .maxcalm-faq .maxcalm-faq__question-text {\n    flex: 1 1 auto;\n    color: var(--maxcalm-faq-question);\n    font-family: inherit;\n    font-size: 18px !important;\n    font-weight: 650;\n    letter-spacing: -0.01em;\n    line-height: 1.35;\n  }\n\n  .maxcalm-faq__toggle {\n    position: relative;\n    display: grid;\n    width: 42px;\n    height: 42px;\n    flex: 0 0 42px;\n    place-items: center;\n    border-radius: 50%;\n    background: transparent;\n    color: #1780DC;\n    transition: background-color 220ms ease-in-out, color 220ms ease-in-out;\n  }\n\n  .maxcalm-faq__toggle::before,\n  .maxcalm-faq__toggle::after {\n    position: absolute;\n    width: 18px;\n    height: 2.5px;\n    border-radius: 4px;\n    background: currentColor;\n    content: \"\";\n    transition: transform 280ms ease-in-out;\n  }\n\n  .maxcalm-faq__toggle::after {\n    transform: rotate(90deg);\n  }\n\n  .maxcalm-faq__item.is-open .maxcalm-faq__toggle::after {\n    transform: rotate(0);\n  }\n\n  .maxcalm-faq__answer {\n    display: block;\n    height: 0;\n    overflow: hidden;\n    opacity: 0;\n    transition:\n      height 300ms ease-in-out,\n      opacity 260ms ease-in-out;\n  }\n\n  .maxcalm-faq .maxcalm-faq__answer[hidden] {\n    display: none !important;\n  }\n\n  .maxcalm-faq__answer-inner {\n    overflow: hidden;\n    margin: 0 22px 20px 32px;\n    padding-left: 14px;\n    border-left: 4px solid var(--maxcalm-faq-accent);\n    border-radius: 3px;\n  }\n\n  .maxcalm-faq .maxcalm-faq__answer-inner p {\n    margin: 0;\n    padding: 0;\n    color: var(--maxcalm-faq-answer);\n    font-family: inherit;\n    font-size: 14px !important;\n    font-weight: 400;\n    line-height: 1.65;\n  }\n\n  .maxcalm-faq__answer-inner strong {\n    color: var(--maxcalm-faq-question);\n    font-weight: 700;\n  }\n\n  @media (max-width: 600px) {\n    .maxcalm-faq {\n      padding: 30px 14px;\n    }\n\n    .maxcalm-faq__header {\n      margin: 0 0 24px 4px;\n    }\n\n    .maxcalm-faq .maxcalm-faq__title {\n      font-size: 32px !important;\n    }\n\n    .maxcalm-faq .maxcalm-faq__intro {\n      font-size: 14px !important;\n    }\n\n    .maxcalm-faq__list {\n      gap: 12px;\n    }\n\n    .maxcalm-faq__item {\n      border-radius: 18px;\n    }\n\n    .maxcalm-faq__trigger {\n      min-height: 76px;\n      gap: 12px;\n      padding: 12px 14px;\n    }\n\n    .maxcalm-faq__question-icon {\n      width: 42px;\n      height: 42px;\n      flex-basis: 42px;\n    }\n\n    .maxcalm-faq__question-icon svg {\n      width: 24px;\n      height: 24px;\n    }\n\n    .maxcalm-faq .maxcalm-faq__question-text {\n      font-size: 16px !important;\n    }\n\n    .maxcalm-faq__toggle {\n      width: 36px;\n      height: 36px;\n      flex-basis: 36px;\n    }\n\n    .maxcalm-faq__toggle::before,\n    .maxcalm-faq__toggle::after {\n      width: 16px;\n    }\n\n    .maxcalm-faq__answer-inner {\n      margin: 0 16px 17px 16px;\n      padding-left: 12px;\n    }\n\n    .maxcalm-faq .maxcalm-faq__answer-inner p {\n      font-size: 13px !important;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .maxcalm-faq *,\n    .maxcalm-faq *::before,\n    .maxcalm-faq *::after {\n      transition-duration: 0.01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cscript\u003e\n  (() =\u003e {\n    document.querySelectorAll(\".maxcalm-faq\").forEach((faq) =\u003e {\n      if (faq.dataset.initialized === \"true\") return;\n      faq.dataset.initialized = \"true\";\n\n      const reducedMotion = window.matchMedia(\n        \"(prefers-reduced-motion: reduce)\"\n      ).matches;\n\n      function findAnswer(button) {\n        const answerId = button.getAttribute(\"aria-controls\");\n        return faq.querySelector('[id=\"' + answerId + '\"]');\n      }\n\n      function setItemOpen(button, open) {\n        const answer = findAnswer(button);\n        const item = button.closest(\".maxcalm-faq__item\");\n\n        button.setAttribute(\"aria-expanded\", open ? \"true\" : \"false\");\n        if (item) item.classList.toggle(\"is-open\", open);\n        if (!answer) return;\n\n        if (reducedMotion) {\n          answer.hidden = !open;\n          answer.style.height = open ? \"auto\" : \"\";\n          answer.style.opacity = open ? \"1\" : \"\";\n          return;\n        }\n\n        if (open) {\n          const currentHeight = answer.hidden\n            ? 0\n            : answer.getBoundingClientRect().height;\n\n          answer.hidden = false;\n          answer.style.height = currentHeight + \"px\";\n          answer.style.opacity = currentHeight \u003e 0 ? \"1\" : \"0\";\n\n          requestAnimationFrame(() =\u003e {\n            answer.style.height = answer.scrollHeight + \"px\";\n            answer.style.opacity = \"1\";\n          });\n        } else if (!answer.hidden) {\n          answer.style.height =\n            answer.getBoundingClientRect().height + \"px\";\n          answer.style.opacity = \"1\";\n\n          void answer.offsetHeight;\n\n          requestAnimationFrame(() =\u003e {\n            answer.style.height = \"0px\";\n            answer.style.opacity = \"0\";\n          });\n        }\n      }\n\n      function toggleQuestion(button) {\n        const willOpen = button.getAttribute(\"aria-expanded\") !== \"true\";\n\n        faq.querySelectorAll(\".maxcalm-faq__trigger\").forEach((otherButton) =\u003e {\n          setItemOpen(otherButton, otherButton === button \u0026\u0026 willOpen);\n        });\n      }\n\n      faq.querySelectorAll(\".maxcalm-faq__answer\").forEach((answer) =\u003e {\n        answer.addEventListener(\"transitionend\", (event) =\u003e {\n          if (event.propertyName !== \"height\") return;\n\n          const button = faq.querySelector(\n            '.maxcalm-faq__trigger[aria-controls=\"' + answer.id + '\"]'\n          );\n\n          if (!button) return;\n\n          if (button.getAttribute(\"aria-expanded\") === \"true\") {\n            answer.style.height = \"auto\";\n            answer.style.opacity = \"1\";\n          } else {\n            answer.hidden = true;\n            answer.style.height = \"\";\n            answer.style.opacity = \"\";\n          }\n        });\n      });\n\n      faq.addEventListener(\"pointerup\", (event) =\u003e {\n        if (event.pointerType !== \"touch\") return;\n\n        const button = event.target.closest(\".maxcalm-faq__trigger\");\n        if (!button || !faq.contains(button)) return;\n\n        faq.dataset.lastTouchButton = button.id;\n        faq.dataset.lastTouchTime = String(Date.now());\n        toggleQuestion(button);\n      });\n\n      faq.addEventListener(\"click\", (event) =\u003e {\n        const button = event.target.closest(\".maxcalm-faq__trigger\");\n        if (!button || !faq.contains(button)) return;\n\n        const wasJustTouched =\n          faq.dataset.lastTouchButton === button.id \u0026\u0026\n          Date.now() - Number(faq.dataset.lastTouchTime || 0) \u003c 800;\n\n        if (wasJustTouched) {\n          faq.dataset.lastTouchButton = \"\";\n          return;\n        }\n\n        toggleQuestion(button);\n      });\n\n      faq.addEventListener(\"keydown\", (event) =\u003e {\n        const button = event.target.closest(\".maxcalm-faq__trigger\");\n        if (!button) return;\n\n        const buttons = Array.from(\n          faq.querySelectorAll(\".maxcalm-faq__trigger\")\n        );\n        const index = buttons.indexOf(button);\n        let nextIndex = null;\n\n        if (event.key === \"ArrowDown\") {\n          nextIndex = (index + 1) % buttons.length;\n        }\n        if (event.key === \"ArrowUp\") {\n          nextIndex = (index - 1 + buttons.length) % buttons.length;\n        }\n        if (event.key === \"Home\") nextIndex = 0;\n        if (event.key === \"End\") nextIndex = buttons.length - 1;\n\n        if (nextIndex !== null) {\n          event.preventDefault();\n          buttons[nextIndex].focus();\n        }\n      });\n    });\n  })();\n\u003c\/script\u003e","brand":"Clef","offers":[{"title":"Default Title","offer_id":51804295921910,"sku":"2160815","price":69900.0,"currency_code":"COP","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0818\/0455\/8582\/files\/Frasco_MaxCalm_de_frambuesa_y_limon.png?v=1792651886","url":"https:\/\/clefstore.com\/products\/nt001-maxcalm-citr-mag-bisgl-d-magnes","provider":"Clef","version":"1.0","type":"link"}