{"product_id":"hyper-mag-7-0-7-formas-de-magnesio-para-musculos-energia-e-bem-estar","title":"Hyper Mag 7.0 - 7 Formas de Magnésio para Músculos, Energia e Bem-Estar","description":"\u003cstyle type=\"text\/css\"\u003e\/* FONTE MODERNA (Outfit) *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800\u0026display=swap');\n\n  * {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n  }\n\n  body {\n    font-family: 'Outfit', sans-serif;\n    background: #f5f5f5;\n    display: flex;\n    justify-content: center;\n    align-items: flex-start;\n    min-height: 100vh;\n    padding: 20px;\n    color: #1e1e1e;\n    line-height: 1.4;\n  }\n\n  .product-salao {\n    max-width: 1200px;\n    width: 100%;\n    background: #ffffff;\n    border-radius: 40px;\n    box-shadow: 0 30px 50px -20px rgba(100, 103, 172, 0.3);\n    overflow: hidden;\n    padding: 40px 40px 36px;\n    transition: all 0.2s ease;\n    border: 1px solid #c8c9e0;\n  }\n\n  \/* CORES DO PRODUTO - Hyper Mag 7.0 *\/\n  :root {\n    --salao: #6467ac;        \/* Roxo-azulado principal *\/\n    --salao-soft: #e8e9f5;   \/* Roxo-azulado claro suave *\/\n    --salao-medium: #4e5190; \/* Roxo-azulado médio *\/\n    --salao-light: #d0d2ea;  \/* Roxo-azulado mais claro *\/\n    --salao-dark: #3a3d70;   \/* Roxo-azulado escuro *\/\n    --preto: #1a1a1a;\n    --preto-soft: #333333;\n    --branco: #ffffff;\n    --cinza-borda: #c8c9e0;\n    --dourado: #b8b5d6;      \/* Tom complementar suave *\/\n  }\n\n  h1 {\n    font-size: 2.8rem;\n    font-weight: 700;\n    letter-spacing: -0.03em;\n    line-height: 1.1;\n    color: var(--preto);\n    margin-bottom: 4px;\n    word-break: break-word;\n  }\n\n  .h1-light {\n    font-weight: 300;\n    color: var(--preto-soft);\n    display: block;\n    font-size: 0.8em;\n    letter-spacing: -0.02em;\n  }\n\n  .subhead {\n    font-size: 1.25rem;\n    font-weight: 400;\n    color: var(--preto-soft);\n    margin-bottom: 30px;\n    border-left: 5px solid var(--salao);\n    background: linear-gradient(to right, var(--salao-soft), transparent);\n    border-radius: 0 100px 100px 0;\n    padding: 14px 28px 14px 24px;\n    width: fit-content;\n    max-width: 100%;\n    word-break: break-word;\n  }\n\n  .badge-container {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin: 20px 0 32px;\n  }\n\n  .badge-vetor {\n    background: var(--salao-soft);\n    border-radius: 60px;\n    padding: 10px 20px 10px 16px;\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: var(--preto);\n    border: 1px solid var(--salao);\n    box-shadow: 0 2px 6px rgba(100, 103, 172, 0.15);\n    flex: 0 1 auto;\n  }\n\n  .badge-vetor svg {\n    width: 20px;\n    height: 20px;\n    fill: none;\n    stroke: var(--salao);\n    stroke-width: 2.2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    flex-shrink: 0;\n  }\n\n  .intro-moderno {\n    background: var(--salao-soft);\n    border-radius: 30px;\n    padding: 28px 30px;\n    margin: 30px 0 40px;\n    border: 1px solid var(--salao);\n    font-size: 1.15rem;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 20px;\n    box-shadow: 0 8px 18px -12px var(--salao);\n    color: var(--preto);\n  }\n\n  .intro-moderno p {\n    flex: 1;\n    min-width: 260px;\n    word-break: break-word;\n  }\n\n  .intro-moderno svg {\n    flex-shrink: 0;\n  }\n\n  .highlight-puro {\n    background: var(--salao);\n    font-weight: 600;\n    color: var(--branco);\n    padding: 4px 14px;\n    border-radius: 50px;\n    white-space: nowrap;\n    display: inline-block;\n  }\n\n  .section-title-moderno {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    margin: 48px 0 28px;\n    flex-wrap: wrap;\n  }\n\n  .section-title-moderno h2 {\n    font-size: 2.2rem;\n    font-weight: 600;\n    letter-spacing: -0.02em;\n    color: var(--preto);\n    word-break: break-word;\n  }\n\n  .title-accent {\n    background: var(--salao);\n    color: var(--branco);\n    padding: 6px 22px;\n    border-radius: 60px;\n    font-size: 1.2rem;\n    font-weight: 500;\n    white-space: nowrap;\n  }\n\n  .grid-moderno-2,\n  .grid-moderno-3 {\n    display: grid;\n    gap: 24px;\n  }\n\n  .grid-moderno-2 {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .grid-moderno-3 {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n  .card-beneficio {\n    background: var(--branco);\n    border: 1px solid var(--cinza-borda);\n    border-radius: 32px;\n    padding: 28px 24px;\n    transition: 0.2s;\n    box-shadow: 0 5px 15px -6px rgba(100, 103, 172, 0.15);\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .card-beneficio:hover {\n    border-color: var(--salao);\n    box-shadow: 0 20px 28px -18px var(--salao);\n  }\n\n  .card-beneficio h3 {\n    font-size: 1.7rem;\n    font-weight: 600;\n    color: var(--preto);\n    margin-bottom: 12px;\n    word-break: break-word;\n  }\n\n  .card-beneficio p {\n    font-size: 1rem;\n    color: var(--preto-soft);\n    opacity: 0.9;\n    word-break: break-word;\n  }\n\n  .moldura-trios {\n    background: var(--salao-soft);\n    border-radius: 48px;\n    padding: 40px 30px;\n    margin: 30px 0 20px;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 24px;\n    justify-content: center;\n    border: 1px solid var(--salao);\n  }\n\n  .card-mag {\n    background: var(--branco);\n    border-radius: 32px;\n    flex: 1 1 220px;\n    padding: 28px 22px;\n    box-shadow: 0 8px 18px -14px var(--salao);\n    border: 1px solid var(--salao);\n    min-width: 200px;\n  }\n\n  .card-mag h4 {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: var(--preto);\n    margin-bottom: 14px;\n    word-break: break-word;\n  }\n\n  .card-mag p {\n    color: var(--preto-soft);\n    font-size: 1rem;\n    word-break: break-word;\n  }\n\n  .lista-vetor {\n    list-style: none;\n  }\n\n  .lista-vetor li {\n    display: flex;\n    align-items: center;\n    gap: 14px;\n    margin-bottom: 16px;\n    font-size: 1.1rem;\n    color: var(--preto);\n    word-break: break-word;\n  }\n\n  .lista-vetor svg {\n    width: 24px;\n    height: 24px;\n    stroke: var(--salao);\n    stroke-width: 2.5;\n    fill: none;\n    flex-shrink: 0;\n  }\n\n  .sinais-grid-moderno {\n    display: grid;\n    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));\n    gap: 14px;\n    background: var(--salao-soft);\n    padding: 30px;\n    border-radius: 48px;\n    margin: 30px 0;\n    border: 1px solid var(--salao);\n  }\n\n  .sinal-chip {\n    background: var(--branco);\n    border-radius: 60px;\n    padding: 14px 18px;\n    font-weight: 500;\n    color: var(--preto);\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    border: 1px solid var(--salao);\n    box-shadow: 0 2px 4px rgba(100, 103, 172, 0.2);\n    word-break: break-word;\n  }\n\n  .sinal-chip svg {\n    width: 20px;\n    height: 20px;\n    stroke: var(--salao);\n    stroke-width: 2;\n    flex-shrink: 0;\n  }\n\n  .target-row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin: 20px 0 30px;\n  }\n\n  .target-chip {\n    background: var(--branco);\n    border-radius: 60px;\n    padding: 12px 28px;\n    font-weight: 500;\n    color: var(--preto);\n    border: 1px solid var(--salao);\n    font-size: 1rem;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    word-break: break-word;\n  }\n\n  .target-chip svg {\n    stroke: var(--salao);\n    flex-shrink: 0;\n  }\n\n  .posicionamento-trio {\n    background: var(--salao-dark);\n    border-radius: 48px;\n    padding: 42px 36px;\n    margin: 50px 0 30px;\n    color: var(--branco);\n    border: 2px solid var(--salao);\n  }\n\n  .trio-icons {\n    display: flex;\n    justify-content: space-around;\n    flex-wrap: wrap;\n    gap: 30px 20px;\n    margin: 32px 0 20px;\n  }\n\n  .trio-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    background: rgba(255, 255, 255, 0.1);\n    backdrop-filter: blur(4px);\n    padding: 24px 28px;\n    border-radius: 60px;\n    min-width: 140px;\n    border: 1px solid var(--salao-light);\n    flex: 0 1 auto;\n  }\n\n  .trio-item svg {\n    width: 48px;\n    height: 48px;\n    stroke: var(--salao-light);\n    stroke-width: 1.8;\n    fill: none;\n  }\n\n  .trio-item span {\n    font-size: 1.6rem;\n    font-weight: 600;\n    color: var(--branco);\n    word-break: break-word;\n    text-align: center;\n  }\n\n  .disclaimer-small {\n    font-size: 0.85rem;\n    color: var(--preto-soft);\n    margin-top: 28px;\n    border-top: 1px dashed var(--salao);\n    padding-top: 22px;\n    word-break: break-word;\n  }\n\n  \/* RESPONSIVIDADE *\/\n  @media screen and (max-width: 900px) {\n    .product-salao { padding: 30px 24px; }\n    h1 { font-size: 2.4rem; }\n    .section-title-moderno h2 { font-size: 2rem; }\n    .grid-moderno-2 { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media screen and (max-width: 700px) {\n    .product-salao { padding: 24px 18px; }\n    h1 { font-size: 2rem; }\n    .subhead { \n      font-size: 1.1rem; \n      padding: 12px 20px 12px 18px;\n    }\n    .badge-container { gap: 8px; }\n    .badge-vetor { \n      padding: 8px 16px 8px 12px;\n      font-size: 0.85rem;\n    }\n    .intro-moderno { \n      padding: 22px 20px; \n      gap: 16px;\n    }\n    .intro-moderno svg {\n      width: 40px;\n      height: 40px;\n    }\n    .section-title-moderno { gap: 12px; }\n    .section-title-moderno h2 { font-size: 1.8rem; }\n    .title-accent { \n      font-size: 1rem; \n      padding: 4px 16px;\n    }\n    .card-beneficio h3 { font-size: 1.5rem; }\n    .moldura-trios { padding: 30px 20px; }\n    .card-mag { min-width: 180px; }\n    .card-mag h4 { font-size: 1.4rem; }\n    .lista-vetor li { font-size: 1rem; }\n    .sinais-grid-moderno { padding: 20px; }\n    .target-chip { padding: 10px 20px; }\n    .posicionamento-trio { padding: 32px 24px; }\n    .trio-item { \n      padding: 18px 20px; \n      min-width: 120px;\n    }\n    .trio-item span { font-size: 1.3rem; }\n  }\n\n  @media screen and (max-width: 500px) {\n    .product-salao { \n      padding: 20px 16px; \n      border-radius: 28px;\n    }\n    h1 { font-size: 1.8rem; }\n    .h1-light { font-size: 0.75em; }\n    .subhead { \n      font-size: 1rem; \n      padding: 10px 16px 10px 14px;\n      margin-bottom: 20px;\n    }\n    .badge-container { \n      flex-direction: column; \n      align-items: stretch;\n    }\n    .badge-vetor { \n      width: 100%; \n      justify-content: center;\n    }\n    .intro-moderno { \n      padding: 20px 16px; \n      margin: 20px 0 30px;\n    }\n    .intro-moderno p { min-width: 100%; }\n    .intro-moderno svg {\n      width: 36px;\n      height: 36px;\n      margin: 0 auto;\n    }\n    .section-title-moderno { \n      flex-direction: column; \n      align-items: flex-start;\n      gap: 8px;\n      margin: 36px 0 20px;\n    }\n    .section-title-moderno h2 { font-size: 1.6rem; }\n    .title-accent { \n      font-size: 0.9rem; \n      padding: 4px 14px;\n    }\n    .grid-moderno-2 { \n      grid-template-columns: 1fr; \n      gap: 16px;\n    }\n    .card-beneficio { \n      padding: 22px 18px; \n      border-radius: 26px;\n    }\n    .card-beneficio h3 { font-size: 1.4rem; }\n    .moldura-trios { \n      padding: 24px 16px; \n      border-radius: 36px;\n    }\n    .card-mag { \n      flex: 1 1 100%; \n      min-width: 100%;\n    }\n    .card-mag h4 { font-size: 1.4rem; }\n    .lista-vetor { \n      grid-template-columns: 1fr !important; \n      gap: 8px !important;\n    }\n    .lista-vetor li { font-size: 1rem; }\n    .sinais-grid-moderno { \n      grid-template-columns: 1fr; \n      padding: 16px;\n      border-radius: 36px;\n    }\n    .sinal-chip { padding: 12px 16px; }\n    .target-chip { \n      width: 100%; \n      justify-content: center;\n      padding: 12px 16px;\n    }\n    .posicionamento-trio { \n      padding: 28px 18px; \n      border-radius: 36px;\n      margin: 40px 0 20px;\n    }\n    .posicionamento-trio h3 { \n      font-size: 1.6rem !important; \n      text-align: center;\n    }\n    .posicionamento-trio p { \n      font-size: 1.1rem !important; \n      text-align: center;\n    }\n    .trio-icons { gap: 16px; }\n    .trio-item { \n      padding: 16px 12px; \n      min-width: 100%;\n    }\n    .trio-item span { font-size: 1.2rem; }\n    .disclaimer-small { \n      font-size: 0.75rem; \n      text-align: justify;\n    }\n  }\n\n  @media screen and (max-width: 360px) {\n    h1 { font-size: 1.6rem; }\n    .subhead { font-size: 0.9rem; }\n    .badge-vetor { \n      font-size: 0.8rem; \n      padding: 8px 12px;\n    }\n    .badge-vetor svg { width: 18px; height: 18px; }\n    .card-beneficio h3 { font-size: 1.3rem; }\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"product-salao\"\u003e\n\u003c!-- Cabeçalho --\u003e\n\u003cdiv style=\"display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; gap: 16px;\"\u003e\n\u003cdiv\u003e\n\u003ch1\u003eHYPER MAG 7.0 \u003cspan class=\"h1-light\"\u003emagnésio completo\u003c\/span\u003e\n\u003c\/h1\u003e\n\n\u003cdiv class=\"subhead\"\u003esete formas de magnésio · alto teor · absorção otimizada\u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"badge-vetor\" style=\"background: white;\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2 L2 7 L12 12 L22 7 L12 2 Z M2 17 L12 22 L22 17 M2 12 L12 17 L22 12\" fill=\"none\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e \u003cspan\u003e7 Magnésios em 1\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Badges --\u003e\n\n\u003cdiv class=\"badge-container\"\u003e\n\u003cdiv class=\"badge-vetor\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" fill=\"none\" r=\"10\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6 L12 12 L16 14\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e 44% da necessidade diária\u003c\/div\u003e\n\n\u003cdiv class=\"badge-vetor\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 12 L20 18 L4 18 L4 12 M8 8 L12 4 L16 8\" fill=\"none\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003crect fill=\"var(--salao)\" height=\"2\" stroke=\"none\" width=\"20\" x=\"2\" y=\"18\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e 7 formas diferentes\u003c\/div\u003e\n\n\u003cdiv class=\"badge-vetor\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2 L12 7 M12 17 L12 22 M22 12 L17 12 M7 12 L2 12 M19.07 4.93 L15.54 8.46 M8.46 15.54 L4.93 19.07 M19.07 19.07 L15.54 15.54 M8.46 8.46 L4.93 4.93\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Micronizado · Alta absorção\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Introdução --\u003e\n\n\u003cdiv class=\"intro-moderno\"\u003e\n\u003csvg fill=\"none\" height=\"48\" stroke=\"var(--salao)\" stroke-width=\"1.5\" viewbox=\"0 0 24 24\" width=\"48\"\u003e \u003cpath d=\"M12 2 L12 7 M12 17 L12 22 M22 12 L17 12 M7 12 L2 12\"\u003e\u003c\/path\u003e \u003ccircle cx=\"12\" cy=\"12\" fill=\"none\" r=\"4\" stroke=\"var(--salao)\"\u003e\u003c\/circle\u003e \u003c\/svg\u003e\n\n\u003cp\u003e\u003cspan class=\"highlight-puro\"\u003ecombinação exclusiva:\u003c\/span\u003e sete formas de magnésio em uma única cápsula. Cada porção de 1,5g fornece cerca de 44% da ingestão diária recomendada, auxiliando na função muscular, sistema nervoso, equilíbrio energético e saúde cardiovascular.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Para que serve --\u003e\n\n\u003cdiv class=\"section-title-moderno\"\u003e\n\u003ch2\u003epara que serve\u003c\/h2\u003e\n\u003cspan class=\"title-accent\"\u003esuporte 360°\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"grid-moderno-2\"\u003e\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eMúsculos\u003c\/h3\u003e\n\n\u003cp\u003eContração e relaxamento muscular, auxilia contra cãibras e tensão.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eSistema nervoso\u003c\/h3\u003e\n\n\u003cp\u003eRelaxamento do corpo, reduz sensação de estresse e irritação.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eEnergia\u003c\/h3\u003e\n\n\u003cp\u003eParticipa da produção energética, mantendo a disposição.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eSono\u003c\/h3\u003e\n\n\u003cp\u003eRelaxamento muscular e equilíbrio para noites tranquilas.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eCoração\u003c\/h3\u003e\n\n\u003cp\u003eSaúde do sistema cardiovascular.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-beneficio\"\u003e\n\u003ch3\u003eOssos\u003c\/h3\u003e\n\n\u003cp\u003eAtua com outros nutrientes para ossos fortes.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Sete Magnésios --\u003e\n\n\u003cdiv class=\"section-title-moderno\"\u003e\n\u003ch2\u003esete magnésios\u003c\/h2\u003e\n\u003cspan class=\"title-accent\"\u003epor quê?\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"moldura-trios\"\u003e\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eÓxido de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eBase mineral que contribui com a quantidade total de magnésio.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eSulfato de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eForma com boa biodisponibilidade e suporte metabólico.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eCloreto de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eExcelente absorção, auxilia na hidratação celular.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eMagnésio Malato\u003c\/h4\u003e\n\n\u003cp\u003eLigado à produção de energia e disposição física.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eBisglicinato de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eAbsorção superior, foco em relaxamento e bem-estar.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eCarbonato de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eForma alcalina que auxilia no equilíbrio do pH.\u003c\/p\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"card-mag\"\u003e\n\u003ch4\u003eEstearato de Magnésio\u003c\/h4\u003e\n\n\u003cp\u003eContribui para a estabilidade e liberação gradual.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Vantagem da combinação --\u003e\n\n\u003cdiv style=\"margin: 30px 0 20px; background: var(--salao-soft); border-radius: 40px; padding: 30px; border:1px solid var(--salao);\"\u003e\n\u003ch3 style=\"font-size: 2rem; font-weight: 600; color: var(--preto); margin-bottom: 26px;\"\u003e⚡ vantagem da combinação\u003c\/h3\u003e\n\n\u003cul class=\"lista-vetor\" style=\"display: grid; grid-template-columns: repeat(2,1fr); gap: 14px;\"\u003e\n\t\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline fill=\"none\" points=\"20 6 9 17 4 12\" stroke=\"var(--salao)\" stroke-width=\"2\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e energia e disposição\u003c\/li\u003e\n\t\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\" stroke=\"var(--salao)\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e relaxamento do corpo\u003c\/li\u003e\n\t\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\" stroke=\"var(--salao)\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e funcionamento muscular\u003c\/li\u003e\n\t\u003cli\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"20 6 9 17 4 12\" stroke=\"var(--salao)\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e equilíbrio do organismo\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Sinais de alerta --\u003e\n\n\u003cdiv class=\"section-title-moderno\"\u003e\n\u003ch2\u003esinais de alerta\u003c\/h2\u003e\n\u003cspan class=\"title-accent\"\u003efalta de magnésio?\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"sinais-grid-moderno\"\u003e\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" fill=\"none\" r=\"10\" stroke=\"var(--salao)\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8 L12 12 L15 15\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e cansaço\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2 L12 7 M12 17 L12 22 M22 12 L17 12 M7 12 L2 12\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" fill=\"none\" r=\"2\" stroke=\"var(--salao)\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e estresse\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cline stroke=\"var(--salao)\" x1=\"5\" x2=\"19\" y1=\"5\" y2=\"19\"\u003e\u003c\/line\u003e\u003cline stroke=\"var(--salao)\" x1=\"5\" x2=\"19\" y1=\"19\" y2=\"5\"\u003e\u003c\/line\u003e\u003c\/svg\u003e irritação\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M18.4 4A6.5 6.5 0 0 0 12 7.5 6.5 6.5 0 0 0 5.6 4 6.5 6.5 0 0 0 2 10.5c0 6 10 11 10 11s10-5 10-11A6.5 6.5 0 0 0 18.4 4z\" fill=\"none\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e cãibras\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\" stroke=\"var(--salao)\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6 L12 12 L16 14\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e tensão\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\" fill=\"none\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e fadiga\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M2 12h20M12 2v20\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" fill=\"none\" r=\"6\" stroke=\"var(--salao)\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e sono ruim\u003c\/div\u003e\n\n\u003cdiv class=\"sinal-chip\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M21 12c0 4.97-4.03 9-9 9s-9-4.03-9-9 4.03-9 9-9 9 4.03 9 9z M12 7v5l3 3\" stroke=\"var(--salao)\"\u003e\u003c\/path\u003e\u003c\/svg\u003e pouca disposição\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Público alvo --\u003e\n\n\u003cdiv class=\"section-title-moderno\"\u003e\n\u003ch2\u003epara quem é\u003c\/h2\u003e\n\u003cspan class=\"title-accent\"\u003eindicado\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"target-row\"\u003e\n\u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003ccircle cx=\"12\" cy=\"8\" fill=\"none\" r=\"4\" stroke=\"currentColor\"\u003e\u003c\/circle\u003e\u003cpath d=\"M5 20v-2a7 7 0 0 1 14 0v2\" fill=\"none\" stroke=\"currentColor\"\u003e\u003c\/path\u003e\u003c\/svg\u003e rotina estressante\u003c\/span\u003e \u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6 L12 12 L16 14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e cansaço\u003c\/span\u003e \u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003cpath d=\"M18.4 4A6.5 6.5 0 0 0 12 7.5 6.5 6.5 0 0 0 5.6 4 6.5 6.5 0 0 0 2 10.5c0 6 10 11 10 11s10-5 10-11A6.5 6.5 0 0 0 18.4 4z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e cãibras\u003c\/span\u003e \u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003cpath d=\"M12 2 L12 7 M12 17 L12 22 M22 12 L17 12 M7 12 L2 12\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e mais relaxamento\u003c\/span\u003e \u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003cpath d=\"M3 3 L21 21 M21 3 L3 21\"\u003e\u003c\/path\u003e\u003c\/svg\u003e alimentação pobre\u003c\/span\u003e \u003cspan class=\"target-chip\"\u003e\u003csvg height=\"22\" stroke=\"var(--salao)\" viewbox=\"0 0 24 24\" width=\"22\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"2\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 2 L12 5 M22 12 L19 12 M12 19 L12 22 M5 12 L2 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e atividade física\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c!-- Posicionamento final --\u003e\n\n\u003cdiv class=\"posicionamento-trio\"\u003e\n\u003ch3 style=\"font-size: 2.2rem; font-weight: 600; margin-bottom: 12px; color:white;\"\u003e\"Hyper Mag 7.0: o magnésio que seu corpo reconhece.\"\u003c\/h3\u003e\n\n\u003cp style=\"font-size: 1.3rem; opacity: 0.9; color: #d0d2ea;\"\u003esete formas, um único objetivo:\u003c\/p\u003e\n\n\u003cdiv class=\"trio-icons\"\u003e\n\u003cdiv class=\"trio-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 8 L12 16 M8 12 L16 12\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eequilíbrio\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"trio-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6 L12 12 L16 14\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003cspan\u003eenergia\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"trio-item\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cpath d=\"M2 12h20M12 2v20\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4\"\u003e\u003c\/circle\u003e\u003c\/svg\u003e\u003cspan\u003ebem-estar\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Disclaimer --\u003e\n\n\u003cdiv class=\"disclaimer-small\"\u003e*Porção de 1,5g (2 cápsulas) com 44% da Ingestão Diária Recomendada (IDR) para adultos, baseada em 2000 kcal. Não contém glúten. Não substitui alimentação equilibrada. Consulte seu médico ou nutricionista.\u003c\/div\u003e\n\u003c\/div\u003e\n","brand":"AKIWELL","offers":[{"title":"Default Title","offer_id":47727375253675,"sku":"AK010028","price":300.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/7413\/1115\/files\/39e60c8953694e81a791e57f5329e015-hafbwqnvj1.png?v=1788182099","url":"https:\/\/akiwell.com.br\/products\/hyper-mag-7-0-7-formas-de-magnesio-para-musculos-energia-e-bem-estar","provider":"Minha loja","version":"1.0","type":"link"}