{"title":"Colágeno","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-col * { box-sizing: border-box; margin: 0; padding: 0; }\n\n  .vb-col {\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-col-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-col-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-col-intro h1 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(24px, 4vw, 38px);\n    font-weight: 900;\n    color: var(--pink-dark);\n    line-height: 1.2;\n    margin-bottom: 14px;\n  }\n  .vb-col-intro p {\n    font-size: 14px;\n    max-width: 620px;\n    margin: 0 auto 8px;\n    color: var(--muted);\n    font-weight: 300;\n    line-height: 1.9;\n    letter-spacing: 0.2px;\n  }\n  .vb-col-intro p strong { color: var(--pink); font-weight: 700; }\n\n  \/* trust badges *\/\n  .vb-col-trust {\n    display: flex;\n    justify-content: center;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-top: 20px;\n  }\n  .vb-col-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-col-divider {\n    display: flex;\n    align-items: center;\n    gap: 16px;\n    padding: 8px 32px 0;\n  }\n  .vb-col-divider::before,\n  .vb-col-divider::after {\n    content: '';\n    flex: 1;\n    height: 1px;\n    background: linear-gradient(90deg, transparent, var(--pink-border));\n  }\n  .vb-col-divider::after {\n    background: linear-gradient(90deg, var(--pink-border), transparent);\n  }\n  .vb-col-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-col-block {\n    display: flex;\n    align-items: center;\n    gap: 36px;\n    padding: 36px 32px;\n    border-bottom: 1px solid var(--pink-soft);\n  }\n  .vb-col-block.reverse { flex-direction: row-reverse; }\n\n  \/* step indicator *\/\n  .vb-col-block-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-col-block-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-col-block-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  \/* image *\/\n  .vb-col-block-img {\n    flex-shrink: 0;\n    width: 260px;\n    position: relative;\n  }\n  .vb-col-block-img::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-col-block-img img {\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-col-block-content { flex: 1; min-width: 0; }\n  .vb-col-block-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-col-block-content h2 {\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: 12px;\n    line-height: 1.3;\n  }\n  .vb-col-block-content p {\n    font-size: 13px;\n    color: var(--muted);\n    font-weight: 300;\n    line-height: 1.9;\n    margin-bottom: 10px;\n    letter-spacing: 0.2px;\n  }\n  .vb-col-block-content p strong { color: var(--pink); font-weight: 700; }\n\n  \/* ── INGREDIENT CARDS ── *\/\n  .vb-col-cards-section {\n    padding: 36px 32px;\n    border-bottom: 1px solid var(--pink-soft);\n  }\n  .vb-col-cards-section h2 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(20px, 2.8vw, 26px);\n    font-weight: 700;\n    color: var(--pink-dark);\n    text-align: center;\n    margin-bottom: 6px;\n  }\n  .vb-col-cards-subtitle {\n    text-align: center;\n    font-size: 11px;\n    color: #aaa;\n    margin-bottom: 24px;\n    font-style: italic;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n  .vb-col-cards {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 14px;\n  }\n  .vb-col-card {\n    border-radius: 18px;\n    padding: 28px 20px;\n    text-align: center;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  .vb-col-card:hover { transform: translateY(-4px); box-shadow: 0 16px 40px rgba(196,49,102,0.18); }\n  .vb-col-card.c1 { background: linear-gradient(145deg, var(--pink-soft), var(--pink-pale)); border: 2px solid var(--pink-border); }\n  .vb-col-card.c2 { background: linear-gradient(145deg, #fce4ee, #f9b8cf); border: 2px solid #e8809f; }\n  .vb-col-card.c3 { background: linear-gradient(135deg, var(--pink), var(--pink-mid)); border: 2px solid #a02050; }\n  .vb-col-card-icon { font-size: 30px; display: block; margin-bottom: 10px; }\n  .vb-col-card h3 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: 18px;\n    font-weight: 700;\n    margin-bottom: 8px;\n  }\n  .vb-col-card.c1 h3, .vb-col-card.c2 h3 { color: var(--pink-dark); }\n  .vb-col-card.c3 h3 { color: #fff; }\n  .vb-col-card p { font-size: 12px; line-height: 1.6; font-weight: 300; margin: 0; letter-spacing: 0.2px; }\n  .vb-col-card.c1 p, .vb-col-card.c2 p { color: var(--muted); }\n  .vb-col-card.c3 p { color: #ffe8f0; }\n\n  \/* ── TABELA ── *\/\n  .vb-col-table-section {\n    padding: 36px 32px 0;\n  }\n  .vb-col-table-section h2 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(20px, 2.8vw, 26px);\n    font-weight: 700;\n    color: var(--pink-dark);\n    text-align: center;\n    margin-bottom: 6px;\n  }\n  .vb-col-table-sub {\n    text-align: center;\n    font-size: 11px;\n    color: #aaa;\n    margin-bottom: 20px;\n    text-transform: uppercase;\n    letter-spacing: 1.5px;\n  }\n  .vb-col-table-wrapper {\n    width: 100%;\n    overflow-x: auto;\n    -webkit-overflow-scrolling: touch;\n    border-radius: 14px;\n    box-shadow: 0 4px 24px rgba(196,49,102,0.10);\n  }\n  .vb-col-table {\n    width: 100%;\n    border-collapse: collapse;\n    min-width: 420px;\n    font-size: 13px;\n  }\n  .vb-col-table thead tr { background: linear-gradient(135deg, var(--pink), var(--pink-mid)); color: #fff; }\n  .vb-col-table th {\n    padding: 13px 18px;\n    text-align: left;\n    font-family: 'Montserrat', sans-serif;\n    font-weight: 700;\n    letter-spacing: 1px;\n    font-size: 11px;\n    text-transform: uppercase;\n  }\n  .vb-col-table td {\n    padding: 11px 18px;\n    text-align: left;\n    border-bottom: 1px solid var(--pink-border);\n    color: var(--text);\n    font-weight: 300;\n    letter-spacing: 0.2px;\n  }\n  .vb-col-table tbody tr:nth-child(even) { background-color: var(--pink-soft); }\n  .vb-col-table tbody tr:last-child td { border-bottom: none; }\n  .vb-col-table-note {\n    margin-top: 12px;\n    font-size: 11px;\n    color: #aaa;\n    line-height: 1.6;\n    text-align: center;\n    text-transform: uppercase;\n    letter-spacing: 0.8px;\n  }\n\n  \/* ── CLOSING STRIP ── *\/\n  .vb-col-closing {\n    margin: 36px 32px 0;\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-col-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-col-closing h3 {\n    font-family: 'Playfair Display', serif;\n    font-style: italic;\n    font-size: clamp(18px, 2.8vw, 24px);\n    font-weight: 900;\n    color: #fff;\n    margin-bottom: 8px;\n    position: relative; z-index: 1;\n  }\n  .vb-col-closing p {\n    font-size: 12px;\n    color: rgba(255,255,255,0.8);\n    font-weight: 300;\n    letter-spacing: 0.3px;\n    position: relative; z-index: 1;\n  }\n\n  \/* ── MOBILE ── *\/\n  @media (max-width: 680px) {\n    .vb-col-intro { padding: 32px 20px 28px; }\n    .vb-col-block,\n    .vb-col-block.reverse { flex-direction: column; padding: 28px 20px; gap: 20px; }\n    .vb-col-block-num { flex-direction: row; }\n    .vb-col-block-num-line { width: 28px; height: 2px; min-height: unset; background: linear-gradient(90deg, var(--pink-border), transparent); }\n    .vb-col-block-img { width: 100%; }\n    .vb-col-cards-section, .vb-col-table-section { padding: 28px 20px; }\n    .vb-col-divider { padding: 4px 20px 0; }\n    .vb-col-closing { margin: 28px 20px 0; padding: 28px 20px; }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"vb-col\"\u003e\n\n  \u003c!-- INTRO --\u003e\n  \u003csection class=\"vb-col-intro\"\u003e\n    \u003cdiv class=\"vb-col-intro-label\"\u003eViva Beauty · Colágeno\u003c\/div\u003e\n    \u003ch1\u003eTecnologia avançada para pele, cabelos e unhas\u003c\/h1\u003e\n    \u003cp\u003eNossa linha de colágeno foi desenvolvida com ativos de alta qualidade para promover suporte estrutural, hidratação e firmeza da pele de dentro para fora.\u003c\/p\u003e\n    \u003cp\u003eFórmulas com \u003cstrong\u003eVerisol®\u003c\/strong\u003e, \u003cstrong\u003eSilício Orgânico Nutricolin®\u003c\/strong\u003e e \u003cstrong\u003eÁcido Hialurônico\u003c\/strong\u003e atuam de forma complementar na saúde e aparência da pele.\u003c\/p\u003e\n    \u003cdiv class=\"vb-col-trust\"\u003e\n      \u003cdiv class=\"vb-col-trust-item\"\u003e✨ Verisol®\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-trust-item\"\u003e💧 Ácido Hialurônico\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-trust-item\"\u003e🌿 Nutricolin®\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-trust-item\"\u003e✦ Pele, Cabelos \u0026amp; Unhas\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- BLOCO 1 --\u003e\n  \u003cdiv class=\"vb-col-block\"\u003e\n    \u003cdiv class=\"vb-col-block-num\"\u003e\n      \u003cdiv class=\"vb-col-block-num-circle\"\u003e1\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-block-num-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-content\"\u003e\n      \u003cspan class=\"vb-col-block-tag\"\u003eSinergia de Ativos\u003c\/span\u003e\n      \u003ch2\u003eA sinergia entre Verisol® e Nutricolin®\u003c\/h2\u003e\n      \u003cp\u003eO \u003cstrong\u003eNutricolin®\u003c\/strong\u003e fornece silício orgânico, cofator essencial para a síntese de colágeno e proteínas estruturais.\u003c\/p\u003e\n      \u003cp\u003eO \u003cstrong\u003eVerisol®\u003c\/strong\u003e oferece peptídeos bioativos específicos que estimulam as células da pele a produzirem mais colágeno.\u003c\/p\u003e\n      \u003cp\u003eEssa combinação cria um ambiente ideal para suporte à firmeza e elasticidade da pele.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-img\"\u003e\n      \u003cimg alt=\"Sinergia Verisol e Nutricolin\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/9019\/7721\/files\/Prancheta_7.png?v=1751399613\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vb-col-divider\"\u003e\u003cspan\u003e✦ ✦ ✦\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- BLOCO 2 --\u003e\n  \u003cdiv class=\"vb-col-block reverse\"\u003e\n    \u003cdiv class=\"vb-col-block-num\"\u003e\n      \u003cdiv class=\"vb-col-block-num-circle\"\u003e2\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-block-num-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-content\"\u003e\n      \u003cspan class=\"vb-col-block-tag\"\u003eSilício Orgânico\u003c\/span\u003e\n      \u003ch2\u003eSilício Orgânico Nutricolin®\u003c\/h2\u003e\n      \u003cp\u003eAtua como suporte estrutural, auxiliando na produção de colágeno, elastina e outras proteínas fundamentais para a integridade da pele.\u003c\/p\u003e\n      \u003cp\u003eContribui para firmeza, resistência e vitalidade de cabelos e unhas.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-img\"\u003e\n      \u003cimg alt=\"Nutricolin Silício Orgânico\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/9019\/7721\/files\/Prancheta_5.png?v=1751400363\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vb-col-divider\"\u003e\u003cspan\u003e✦ ✦ ✦\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- BLOCO 3 --\u003e\n  \u003cdiv class=\"vb-col-block\"\u003e\n    \u003cdiv class=\"vb-col-block-num\"\u003e\n      \u003cdiv class=\"vb-col-block-num-circle\"\u003e3\u003c\/div\u003e\n      \u003cdiv class=\"vb-col-block-num-line\"\u003e\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-content\"\u003e\n      \u003cspan class=\"vb-col-block-tag\"\u003eHidratação Profunda\u003c\/span\u003e\n      \u003ch2\u003eÁcido Hialurônico\u003c\/h2\u003e\n      \u003cp\u003eConhecido pelo seu alto poder de retenção de água, contribui para hidratação, preenchimento e melhora da textura da pele.\u003c\/p\u003e\n      \u003cp\u003eAtua complementando os estímulos naturais de produção de colágeno.\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"vb-col-block-img\"\u003e\n      \u003cimg alt=\"Produto Viva Beauty\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0754\/9019\/7721\/files\/Viva-Beauty-Pink-Limonade----Flutuando.png?v=1751066603\"\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vb-col-divider\"\u003e\u003cspan\u003e✦ ✦ ✦\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- CARDS DE INGREDIENTES --\u003e\n  \u003cdiv class=\"vb-col-cards-section\"\u003e\n    \u003ch2\u003eAtivos principais da fórmula\u003c\/h2\u003e\n    \u003cp class=\"vb-col-cards-subtitle\"\u003eTecnologia de ponta em cada ingrediente\u003c\/p\u003e\n    \u003cdiv class=\"vb-col-cards\"\u003e\n      \u003cdiv class=\"vb-col-card c1\"\u003e\n        \u003cspan class=\"vb-col-card-icon\"\u003e✨\u003c\/span\u003e\n        \u003ch3\u003eVerisol®\u003c\/h3\u003e\n        \u003cp\u003ePeptídeos bioativos que estimulam a produção de colágeno nas células da pele.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb-col-card c2\"\u003e\n        \u003cspan class=\"vb-col-card-icon\"\u003e💧\u003c\/span\u003e\n        \u003ch3\u003eNutricolin®\u003c\/h3\u003e\n        \u003cp\u003eSilício orgânico cofator essencial para síntese de colágeno e proteínas estruturais.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"vb-col-card c3\"\u003e\n        \u003cspan class=\"vb-col-card-icon\"\u003e🌸\u003c\/span\u003e\n        \u003ch3\u003eÁcido Hialurônico\u003c\/h3\u003e\n        \u003cp\u003eAlto poder de retenção de água para hidratação profunda e textura renovada.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"vb-col-divider\"\u003e\u003cspan\u003e✦ ✦ ✦\u003c\/span\u003e\u003c\/div\u003e\n\n  \u003c!-- TABELA NUTRICIONAL --\u003e\n  \u003cdiv class=\"vb-col-table-section\"\u003e\n    \u003ch2\u003eInformação Nutricional\u003c\/h2\u003e\n    \u003cp class=\"vb-col-table-sub\"\u003ePorção média: 10 g (1 scoop)\u003c\/p\u003e\n    \u003cdiv class=\"vb-col-table-wrapper\"\u003e\n      \u003ctable class=\"vb-col-table\"\u003e\n        \u003cthead\u003e\n          \u003ctr\u003e\n            \u003cth\u003eComponente\u003c\/th\u003e\n            \u003cth\u003eQuantidade média\u003c\/th\u003e\n          \u003c\/tr\u003e\n        \u003c\/thead\u003e\n        \u003ctbody\u003e\n          \u003ctr\u003e\n\u003ctd\u003ePeptídeos Bioativos Verisol®\u003c\/td\u003e\n\u003ctd\u003e2,5 g\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eÁcido Hialurônico\u003c\/td\u003e\n\u003ctd\u003e50 mg\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eSilício Orgânico (Nutricolin®)\u003c\/td\u003e\n\u003ctd\u003e100 mcg\u003c\/td\u003e\n\u003c\/tr\u003e\n          \u003ctr\u003e\n\u003ctd\u003eVitaminas e Minerais\u003c\/td\u003e\n\u003ctd\u003eConforme versão\u003c\/td\u003e\n\u003c\/tr\u003e\n        \u003c\/tbody\u003e\n      \u003c\/table\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"vb-col-table-note\"\u003eA composição pode variar conforme o sabor ou versão do produto. Consulte a página individual para informações completas.\u003c\/p\u003e\n  \u003c\/div\u003e\n\n  \u003c!-- CLOSING --\u003e\n  \u003cdiv class=\"vb-col-closing\"\u003e\n    \u003ch3\u003eDe dentro para fora. Do primeiro ao último passo.\u003c\/h3\u003e\n    \u003cp\u003eColágeno com tecnologia que cuida da sua pele, cabelos e unhas todos os dias.\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\/Colageno-Verisol-Pink-Lemonade-Kit-1-Pote_12e1c734-f8a3-425b-90ab-e31a1bb62065.jpg?v=1790345619","url":"https:\/\/vivabeauty.com.br\/collections\/colageno.oembed","provider":"Viva Beauty","version":"1.0","type":"link"}