{"title":"Creatina","description":"\u003cstyle\u003e\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,700;1,700;1,900\u0026family=Montserrat:wght@300;400;600;700\u0026display=swap');\n\n  :root {\n    --pink:        #c43166;\n    --pink-dark:   #8a1a40;\n    --pink-mid:    #e05080;\n    --pink-soft:   #ffeef5;\n    --pink-pale:   #ffd6e5;\n    --pink-border: #f9b8cf;\n    --text:        #2a1a22;\n    --muted:       #7a5a68;\n    --white:       #ffffff;\n  }\n\n  .vb-cr * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .vb-cr {\n    font-family: 'Montserrat', sans-serif;\n    color: var(--text);\n    background: var(--white);\n    max-width: 960px;\n    margin: 0 auto;\n    padding: 0 0 48px;\n  }\n\n  \/* ── INTRO ── *\/\n  .vb-cr-intro {\n    text-align: center;\n    padding: 40px 32px 36px;\n    background: linear-gradient(160deg, var(--pink-soft) 0%, #fff 70%);\n    border-bottom: 1px solid var(--pink-border);\n    margin-bottom: 8px;\n  }\n  .vb-cr-intro-label {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--pink);\n    border: 1px solid var(--pink-border);\n    padding: 5px 18px;\n    border-radius: 50px;\n    margin-bottom: 18px;\n    background: var(--white);\n  }\n  .vb-cr-intro p {\n    font-size: 14px;\n    max-width: 600px;\n    margin: 0 auto 24px;\n    color: var(--muted);\n    font-weight: 300;\n    line-height: 1.9;\n    letter-spacing: 0.2px;\n  }\n\n  \/* trust badges *\/\n  .vb-cr-trust {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n  .vb-cr-trust-item {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    color: var(--pink-dark);\n    background: var(--white);\n    border: 1px solid var(--pink-border);\n    padding: 6px 14px;\n    border-radius: 50px;\n  }\n\n  \/* ── DIVIDER ── *\/\n  .vb-cr-divider {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 8px 32px 0;\n  }\n  .vb-cr-divider::before,\n  .vb-cr-divider::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--pink-border));\n  }\n  .vb-cr-divider::after {\n    background: linear-gradient(90deg, var(--pink-border), transparent);\n  }\n  .vb-cr-divider span {\n    font-size: 12px;\n    color: var(--pink);\n    opacity: 0.4;\n    letter-spacing: 8px;\n  }\n\n  \/* ── PRODUCT BLOCK ── *\/\n  .vb-cr-product {\n    display: flex;\n    align-items: flex-start;\n    gap: 36px;\n    padding: 36px 32px;\n    border-bottom: 1px solid var(--pink-soft);\n  }\n  .vb-cr-product:last-of-type { border-bottom: none; }\n  .vb-cr-product.reverse { flex-direction: row-reverse; }\n\n  \/* step indicator *\/\n  .vb-cr-product-num {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    flex-shrink: 0;\n    padding-top: 2px;\n  }\n  .vb-cr-product-num-circle {\n    width: 38px; height: 38px;\n    border-radius: 50%;\n    background: linear-gradient(135deg, var(--pink), var(--pink-mid));\n    color: var(--white);\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 16px;\n    font-weight: 700;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    box-shadow: 0 3px 14px rgba(196,49,102,0.28);\n    flex-shrink: 0;\n  }\n  .vb-cr-product-num-line {\n    width: 2px;\n    flex: 1;\n    min-height: 32px;\n    background: linear-gradient(180deg, var(--pink-border), transparent);\n    border-radius: 2px;\n  }\n\n  \/* video *\/\n  .vb-cr-product-media {\n    flex-shrink: 0;\n    width: 320px;\n    position: relative;\n  }\n  .vb-cr-product-media::before {\n    content: '';\n    position: absolute;\n    inset: -4px;\n    border-radius: 22px;\n    background: linear-gradient(135deg, var(--pink-border), transparent 55%);\n    z-index: 0;\n  }\n  .vb-cr-product-media video {\n    width: 100%;\n    border-radius: 18px;\n    display: block;\n    position: relative;\n    z-index: 1;\n    box-shadow: 0 6px 28px rgba(196,49,102,0.13);\n  }\n\n  \/* content *\/\n  .vb-cr-product-content { flex: 1; min-width: 0; }\n  .vb-cr-product-tag {\n    display: inline-block;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    color: var(--pink);\n    border: 1px solid var(--pink-border);\n    padding: 4px 12px;\n    border-radius: 50px;\n    margin-bottom: 12px;\n    background: var(--pink-soft);\n  }\n  .vb-cr-product-content h3 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(18px, 2.5vw, 24px);\n    font-weight: 700;\n    color: var(--pink-dark);\n    margin-bottom: 10px;\n    line-height: 1.3;\n  }\n  .vb-cr-product-content \u003e p {\n    font-size: 13px;\n    color: var(--muted);\n    font-weight: 300;\n    line-height: 1.9;\n    margin-bottom: 16px;\n  }\n\n  \/* benefits *\/\n  .vb-cr-benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n  .vb-cr-benefit {\n    display: flex;\n    align-items: center;\n    gap: 9px;\n    padding: 9px 14px;\n    border-radius: 50px;\n    background: linear-gradient(135deg, var(--pink-soft), var(--pink-pale));\n    border: 1px solid var(--pink-border);\n    font-size: 11px;\n    font-weight: 600;\n    color: var(--pink-dark);\n    letter-spacing: 0.6px;\n    text-transform: uppercase;\n    position: relative;\n    overflow: hidden;\n    transition: transform 0.2s ease, box-shadow 0.2s ease;\n  }\n  .vb-cr-benefit:hover {\n    transform: translateX(4px);\n    box-shadow: 0 4px 14px rgba(196,49,102,0.16);\n  }\n  .vb-cr-benefit::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);\n    transform: translateX(-100%);\n    transition: transform 0.55s ease;\n  }\n  .vb-cr-benefit:hover::after { transform: translateX(100%); }\n  .vb-cr-benefit-dot {\n    width: 5px; height: 5px;\n    border-radius: 50%;\n    background: var(--pink);\n    flex-shrink: 0;\n  }\n\n  \/* ── CLOSING STRIP ── *\/\n  .vb-cr-closing {\n    margin: 0 32px;\n    padding: 32px 36px;\n    border-radius: 20px;\n    background: linear-gradient(135deg, var(--pink), var(--pink-mid));\n    text-align: center;\n    position: relative;\n    overflow: hidden;\n  }\n  .vb-cr-closing::before {\n    content: '';\n    position: absolute;\n    width: 280px; height: 280px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.06);\n    top: -100px; right: -60px;\n  }\n  .vb-cr-closing p {\n    font-size: 11px;\n    color: rgba(255,255,255,0.75);\n    font-weight: 300;\n    letter-spacing: 0.8px;\n    text-transform: uppercase;\n    line-height: 1.9;\n    position: relative; z-index: 1;\n  }\n\n  \/* ── MOBILE ── *\/\n  @media (max-width: 680px) {\n    .vb-cr-intro { padding: 32px 20px 28px; }\n    .vb-cr-product,\n    .vb-cr-product.reverse {\n      flex-direction: column;\n      padding: 28px 20px;\n      gap: 20px;\n    }\n    .vb-cr-product-num { flex-direction: row; }\n    .vb-cr-product-num-line { width: 28px; height: 2px; min-height: unset; background: linear-gradient(90deg, var(--pink-border), transparent); }\n    .vb-cr-product-media { width: 100%; }\n    .vb-cr-divider { padding: 4px 20px 0; }\n    .vb-cr-closing { margin: 0 20px; padding: 28px 20px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"vb-cr\"\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"vb-cr-intro\"\u003e\n    \u003cdiv class=\"vb-cr-intro-label\"\u003eViva Beauty · Performance\u003c\/div\u003e\n    \u003cp\u003ePerformance com qualidade e padrão Viva Beauty. Nossa creatina foi desenvolvida para oferecer suporte à força, potência e evolução nos treinos, com matéria-prima selecionada e controle rigoroso de qualidade.\u003c\/p\u003e\n    \u003cdiv class=\"vb-cr-trust\"\u003e\n      \u003cdiv class=\"vb-cr-trust-item\"\u003e💪 Força \u0026amp; Explosão\u003c\/div\u003e\n      \u003cdiv class=\"vb-cr-trust-item\"\u003e✦ Matéria-prima selecionada\u003c\/div\u003e\n      \u003cdiv class=\"vb-cr-trust-item\"\u003e🔬 Controle rigoroso de qualidade\u003c\/div\u003e\n      \u003cdiv class=\"vb-cr-trust-item\"\u003e🏋️ Musculação \u0026amp; Esportes\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOCO 1 --\u003e\n  \u003cdiv class=\"vb-cr-product\"\u003e\n    \u003cdiv class=\"vb-cr-product-num\"\u003e\n      \u003cdiv class=\"vb-cr-product-num-circle\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"vb-cr-product-num-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-cr-product-media\"\u003e\n      \u003cvideo preload=\"metadata\" playsinline loop muted autoplay\u003e\n        \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/06ba1c37486742c49001406949fdba91.mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-cr-product-content\"\u003e\n      \u003cspan class=\"vb-cr-product-tag\"\u003eEnergia \u0026amp; Desempenho\u003c\/span\u003e\n      \u003ch3\u003eEnergia muscular para treinos de alta intensidade\u003c\/h3\u003e\n      \u003cp\u003eA Creatina Viva Beauty atua na regeneração do ATP, principal fonte de energia utilizada durante contrações musculares rápidas e intensas. Isso permite maior rendimento em treinos de força, explosão e atividades de alta intensidade.\u003c\/p\u003e\n      \u003cdiv class=\"vb-cr-benefits\"\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eContribui para aumento de força\u003c\/div\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eMelhora a capacidade de repetição\u003c\/div\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eSuporte ao desempenho esportivo\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vb-cr-divider\"\u003e\u003cspan\u003e✦ ✦ ✦\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- BLOCO 2 --\u003e\n  \u003cdiv class=\"vb-cr-product reverse\"\u003e\n    \u003cdiv class=\"vb-cr-product-num\"\u003e\n      \u003cdiv class=\"vb-cr-product-num-circle\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"vb-cr-product-num-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-cr-product-media\"\u003e\n      \u003cvideo preload=\"metadata\" playsinline loop muted autoplay\u003e\n        \u003csource type=\"video\/mp4\" src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/b063051ce68b472ea0fce039f57fb1e4.mp4\"\u003e\u003c\/video\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-cr-product-content\"\u003e\n      \u003cspan class=\"vb-cr-product-tag\"\u003eMassa Magra \u0026amp; Recuperação\u003c\/span\u003e\n      \u003ch3\u003eSuporte ao ganho de massa magra\u003c\/h3\u003e\n      \u003cp\u003eQuando associada a uma rotina estruturada de treinos e alimentação adequada, a creatina contribui para o desenvolvimento muscular e evolução da performance. O uso contínuo mantém níveis adequados no músculo, favorecendo resultados consistentes ao longo do tempo.\u003c\/p\u003e\n      \u003cdiv class=\"vb-cr-benefits\"\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eAuxilia na hipertrofia\u003c\/div\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eFavorece recuperação entre séries\u003c\/div\u003e\n        \u003cdiv class=\"vb-cr-benefit\"\u003e\n\u003cspan class=\"vb-cr-benefit-dot\"\u003e\u003c\/span\u003eIndicada para musculação e esportes de explosão\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CLOSING \/ LEGAL --\u003e\n  \u003cdiv class=\"vb-cr-closing\"\u003e\n    \u003cp\u003eProduto indicado para adultos. Este não é um medicamento. Não exceder a recomendação diária de consumo indicada na embalagem.\u003cbr\u003eResultados variam conforme rotina de treino, alimentação e individualidade biológica.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e","products":[],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0838\/1290\/9311\/collections\/Creatina-Morango-Kit-1-Pote.jpg?v=1790345611","url":"https:\/\/vivabeauty.com.br\/collections\/creatina.oembed","provider":"Viva Beauty","version":"1.0","type":"link"}