{"product_id":"bumbum-dermo-creme-firmador-de-pele","title":"BumBum Dermo","description":"\u003c!-- ============================================================= --\u003e\n\u003c!-- DermoClub · BumBum Dermo · Bloco de Página de Produto         --\u003e\n\u003c!-- Cole o \u003cstyle\u003e, o markup .pd-wrap e o \u003cscript\u003e no bloco       --\u003e\n\u003c!-- HTML\/Liquid customizado do Shopify.                           --\u003e\n\u003c!-- ============================================================= --\u003e\n\n\u003cstyle\u003e\n  \/* ===== TOKENS DE MARCA DERMOCLUB ===== *\/\n  .pd-wrap {\n    --dc-poppy: #D83C3D;\n    --dc-brick-red: #A91C1E;\n    --dc-alabaster: #DEDDE2;\n    --dc-ink: #070112;\n\n    --pd-bg: #ffffff;\n    --pd-bg-soft: #f6f5f7;\n    --pd-bg-card: #ffffff;\n    --pd-border: #ececef;\n    --pd-text: #1a1620;\n    --pd-text-soft: #6a6670;\n    --pd-tint: #fdf1f1;\n\n    --pd-radius: 16px;\n    --pd-radius-lg: 24px;\n    --pd-shadow: 0 2px 14px rgba(7, 1, 18, 0.06);\n    --pd-shadow-hover: 0 14px 34px rgba(169, 28, 30, 0.14);\n\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n    color: var(--pd-text);\n    overflow-x: hidden;\n    -webkit-font-smoothing: antialiased;\n  }\n  .pd-wrap *, .pd-wrap *::before, .pd-wrap *::after { box-sizing: border-box; }\n\n  \/* Tipografia base coerente entre seções *\/\n  .pd-wrap h2 {\n    font-size: clamp(26px, 4vw, 44px);\n    font-weight: 800;\n    color: var(--pd-ink, var(--pd-text));\n    line-height: 1.12;\n    letter-spacing: -0.01em;\n    margin: 0 0 10px;\n  }\n  .pd-wrap h2 span { color: var(--dc-poppy); }\n  .pd-section-sub {\n    color: var(--pd-text-soft);\n    font-size: 15px;\n    line-height: 1.6;\n    margin: 0 auto 40px;\n    max-width: 620px;\n  }\n\n  \/* ===== SOLUÇÃO ===== *\/\n  .pd-solucao {\n    background: var(--pd-bg-soft);\n    padding: clamp(40px, 6vw, 80px);\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: clamp(32px, 5vw, 72px);\n    align-items: center;\n    border-radius: var(--pd-radius-lg);\n  }\n  .pd-solucao-img {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n  .pd-solucao-img img {\n    width: 100%;\n    max-width: 460px;\n    object-fit: contain;\n    filter: drop-shadow(0 24px 44px rgba(7, 1, 18, 0.16));\n    border-radius: var(--pd-radius-lg);\n  }\n  .pd-solucao-img .pd-img-fallback {\n    width: 100%;\n    max-width: 460px;\n    aspect-ratio: 1 \/ 1;\n    border-radius: var(--pd-radius-lg);\n    background:\n      radial-gradient(120% 120% at 30% 20%, rgba(216,60,61,0.12), transparent 60%),\n      var(--dc-alabaster);\n    display: grid;\n    place-items: center;\n    color: var(--pd-text-soft);\n    font-size: 13px;\n    text-align: center;\n    padding: 24px;\n  }\n  .pd-solucao-tag {\n    display: inline-block;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 3px;\n    text-transform: uppercase;\n    color: var(--dc-poppy);\n    margin-bottom: 12px;\n  }\n  .pd-solucao-desc {\n    font-size: 16px;\n    color: #3a3640;\n    line-height: 1.75;\n    margin: 0 0 10px;\n  }\n  .pd-solucao-desc span { color: var(--dc-poppy); font-weight: 600; }\n  .pd-solucao-sub {\n    font-size: 14px;\n    color: var(--pd-text-soft);\n    line-height: 1.7;\n    margin: 0 0 30px;\n  }\n  .pd-solucao-beneficios {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n  .pd-sol-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background: var(--pd-bg-card);\n    border-radius: 12px;\n    padding: 14px;\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .pd-sol-item:hover { transform: translateY(-3px); box-shadow: var(--pd-shadow); }\n  .pd-sol-icon {\n    width: 34px; height: 34px;\n    background: var(--pd-tint);\n    border-radius: 9px;\n    display: grid; place-items: center;\n    font-size: 15px;\n    flex-shrink: 0;\n  }\n  .pd-sol-item h4 { font-size: 13px; font-weight: 700; color: var(--pd-text); margin: 0 0 2px; }\n  .pd-sol-item p { font-size: 12px; color: var(--pd-text-soft); line-height: 1.5; margin: 0; }\n\n  \/* ===== ATIVOS ===== *\/\n  .pd-ativos {\n    background: var(--pd-bg-soft);\n    padding: clamp(40px, 6vw, 64px) clamp(20px, 4vw, 48px);\n    text-align: center;\n    border-radius: var(--pd-radius-lg);\n    margin: 32px 0;\n  }\n  .pd-ativos-grid {\n    display: flex;\n    justify-content: center;\n    align-items: stretch;\n    gap: 0;\n    flex-wrap: wrap;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  .pd-ativo-card {\n    background: var(--pd-bg-card);\n    border-radius: 14px;\n    padding: 26px 20px;\n    width: 184px;\n    text-align: left;\n    box-shadow: var(--pd-shadow);\n    transition: transform .25s ease, box-shadow .25s ease;\n  }\n  .pd-ativo-card:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow-hover); }\n  .pd-ativo-icon { font-size: 28px; margin-bottom: 12px; display: block; }\n  .pd-ativo-card h3 { font-size: 14px; font-weight: 700; margin: 0 0 8px; }\n  .pd-ativo-card p { font-size: 12px; color: var(--pd-text-soft); line-height: 1.6; margin: 0; }\n  .pd-arrow {\n    color: var(--dc-poppy);\n    font-size: 22px;\n    font-weight: bold;\n    margin: 0 6px;\n    align-self: center;\n  }\n\n  \/* ===== RESULTADOS POR SEMANA ===== *\/\n  .pd-semanas { padding: clamp(44px, 6vw, 64px) 0; text-align: center; background: var(--pd-bg); }\n  .pd-semanas-grid {\n    display: flex;\n    justify-content: center;\n    align-items: stretch;\n    gap: 12px;\n    flex-wrap: wrap;\n    max-width: 900px;\n    margin: 0 auto 24px;\n  }\n  .pd-semana-card {\n    background: var(--pd-bg-card);\n    border: 1px solid var(--pd-border);\n    border-radius: 14px;\n    padding: 28px 24px;\n    width: 250px;\n    text-align: left;\n    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;\n  }\n  .pd-semana-card:hover { transform: translateY(-4px); box-shadow: var(--pd-shadow-hover); border-color: transparent; }\n  .pd-semana-icon {\n    width: 42px; height: 42px;\n    background: var(--pd-tint);\n    border-radius: 50%;\n    display: grid; place-items: center;\n    font-size: 19px;\n    margin-bottom: 16px;\n  }\n  .pd-semana-label {\n    font-size: 11px; font-weight: 700; letter-spacing: 2px;\n    color: var(--dc-poppy); text-transform: uppercase; margin-bottom: 6px;\n  }\n  .pd-semana-card h3 { font-size: 17px; font-weight: 700; margin: 0 0 8px; }\n  .pd-semana-card p { font-size: 13px; color: var(--pd-text-soft); line-height: 1.6; margin: 0; }\n  .pd-semana-arrow { color: var(--dc-poppy); font-size: 22px; align-self: center; }\n  .pd-semanas-footer { font-size: 14px; color: #3a3640; }\n  .pd-semanas-footer span { color: var(--dc-poppy); font-weight: 700; }\n\n  \/* ===== SINAIS (interativo) ===== *\/\n  .pd-sinais { background: var(--pd-bg); padding: clamp(44px, 6vw, 64px) 0; text-align: center; }\n  .pd-sinais-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n  .pd-sinal-box {\n    appearance: none;\n    width: 100%;\n    font: inherit;\n    background: var(--pd-bg-card);\n    border: 1px solid var(--pd-border);\n    border-radius: 12px;\n    padding: 16px 14px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    cursor: pointer;\n    transition: all .25s ease;\n    text-align: left;\n    min-height: 104px;\n  }\n  .pd-sinal-box:hover { border-color: var(--dc-poppy); box-shadow: 0 6px 16px rgba(216,60,61,0.12); transform: translateY(-2px); }\n  .pd-sinal-box:focus-visible { outline: 2px solid var(--dc-poppy); outline-offset: 2px; }\n  .pd-sinal-box.active { background: var(--pd-tint); border-color: var(--dc-poppy); }\n  .pd-sinal-image {\n    width: 48px; height: 48px;\n    border-radius: 10px;\n    flex-shrink: 0;\n    background: var(--pd-bg-soft);\n    display: grid; place-items: center;\n    font-size: 23px;\n  }\n  .pd-sinal-content h3 { font-size: 13px; font-weight: 700; color: var(--pd-text); margin: 0; line-height: 1.35; }\n  .pd-sinal-radio {\n    width: 20px; height: 20px;\n    border: 2px solid #d2d0d6;\n    border-radius: 50%;\n    flex-shrink: 0;\n    display: grid; place-items: center;\n    margin-left: auto;\n    transition: all .25s ease;\n  }\n  .pd-sinal-radio::after {\n    content: '';\n    width: 8px; height: 8px;\n    background: #fff;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: transform .2s ease;\n  }\n  .pd-sinal-box.active .pd-sinal-radio { border-color: var(--dc-poppy); background: var(--dc-poppy); }\n  .pd-sinal-box.active .pd-sinal-radio::after { transform: scale(1); }\n  .pd-sinais-result {\n    max-width: 640px;\n    margin: 28px auto 0;\n    padding: 0;\n    font-size: 15px;\n    line-height: 1.6;\n    color: #3a3640;\n    opacity: 0;\n    transform: translateY(8px);\n    transition: opacity .35s ease, transform .35s ease;\n  }\n  .pd-sinais-result.show { opacity: 1; transform: translateY(0); }\n  .pd-sinais-result strong { color: var(--dc-poppy); }\n  .pd-sinais-result .pd-cta-link {\n    display: inline-block;\n    margin-top: 14px;\n    color: #fff;\n    background: linear-gradient(135deg, var(--dc-poppy), var(--dc-brick-red));\n    padding: 12px 26px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: transform .2s ease, box-shadow .2s ease;\n  }\n  .pd-sinais-result .pd-cta-link:hover { transform: translateY(-2px); box-shadow: var(--pd-shadow-hover); }\n\n  \/* ===== ESCOLHA ===== *\/\n  .pd-escolha {\n    background: var(--pd-bg-soft);\n    padding: clamp(40px, 6vw, 64px) clamp(20px, 4vw, 48px);\n    text-align: center;\n    border-radius: var(--pd-radius-lg);\n    margin: 0 0 32px;\n  }\n  .pd-escolha-grid { display: flex; justify-content: center; gap: 20px; flex-wrap: wrap; max-width: 760px; margin: 0 auto; }\n  .pd-escolha-card { border-radius: 16px; padding: 32px 28px; width: 330px; text-align: left; }\n  .pd-escolha-card.sem { background: var(--pd-bg-card); border: 1px solid var(--pd-border); }\n  .pd-escolha-card.com { background: var(--pd-tint); border: 1px solid #f3c2bf; }\n  .pd-escolha-icon { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; font-size: 21px; margin-bottom: 20px; }\n  .pd-escolha-card.sem .pd-escolha-icon { background: #efeef0; }\n  .pd-escolha-card.com .pd-escolha-icon { background: #fbdedd; }\n  .pd-escolha-card h3 { font-size: 18px; font-weight: 700; margin: 0 0 12px; }\n  .pd-escolha-card p { font-size: 13px; color: #4a4650; line-height: 1.7; margin: 0 0 16px; }\n  .pd-escolha-cta {\n    display: inline-block;\n    color: #fff;\n    background: linear-gradient(135deg, var(--dc-poppy), var(--dc-brick-red));\n    padding: 11px 22px;\n    border-radius: 999px;\n    font-size: 13px;\n    font-weight: 700;\n    text-decoration: none;\n    transition: transform .2s ease, box-shadow .2s ease;\n  }\n  .pd-escolha-cta:hover { transform: translateY(-2px); box-shadow: var(--pd-shadow-hover); }\n\n  \/* ===== COMO USAR ===== *\/\n  .pd-uso { background: var(--pd-bg); padding: clamp(44px, 6vw, 64px) 0; text-align: center; }\n  .pd-uso-grid { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; max-width: 900px; margin: 0 auto; }\n  .pd-uso-card {\n    background: var(--pd-bg-soft);\n    border-radius: 14px;\n    padding: 28px 20px;\n    width: 200px;\n    text-align: center;\n    transition: transform .25s ease;\n  }\n  .pd-uso-card:hover { transform: translateY(-4px); }\n  .pd-uso-step {\n    width: 38px; height: 38px;\n    background: linear-gradient(135deg, var(--dc-poppy), var(--dc-brick-red));\n    color: #fff; border-radius: 50%;\n    display: grid; place-items: center;\n    font-size: 15px; font-weight: 700;\n    margin: 0 auto 14px;\n  }\n  .pd-uso-card h3 { font-size: 14px; font-weight: 700; margin: 0 0 6px; }\n  .pd-uso-card p { font-size: 12px; color: var(--pd-text-soft); line-height: 1.6; margin: 0; }\n\n  \/* ===== FAQ (accordion) ===== *\/\n  .pd-faq {\n    background: var(--pd-bg-soft);\n    padding: clamp(40px, 6vw, 64px) clamp(20px, 4vw, 48px);\n    text-align: center;\n    border-radius: var(--pd-radius-lg);\n    margin: 32px 0;\n  }\n  .pd-faq-container { max-width: 800px; margin: 0 auto; text-align: left; }\n  .pd-faq-item { background: var(--pd-bg-card); border-radius: 12px; margin-bottom: 12px; overflow: hidden; box-shadow: var(--pd-shadow); }\n  .pd-faq-question {\n    appearance: none;\n    width: 100%;\n    background: transparent;\n    border: none;\n    font: inherit;\n    padding: 20px 24px;\n    cursor: pointer;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: 16px;\n    text-align: left;\n    transition: background .25s ease;\n  }\n  .pd-faq-question:hover { background: #faf9fa; }\n  .pd-faq-question:focus-visible { outline: 2px solid var(--dc-poppy); outline-offset: -2px; }\n  .pd-faq-question h3 { font-size: 15px; font-weight: 600; color: var(--pd-text); margin: 0; }\n  .pd-faq-toggle {\n    width: 26px; height: 26px;\n    display: grid; place-items: center;\n    color: var(--dc-poppy);\n    font-size: 20px;\n    transition: transform .3s ease;\n    flex-shrink: 0;\n  }\n  .pd-faq-item.active .pd-faq-toggle { transform: rotate(180deg); }\n  .pd-faq-answer { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .3s ease; }\n  .pd-faq-item.active .pd-faq-answer { grid-template-rows: 1fr; }\n  .pd-faq-answer \u003e div { overflow: hidden; }\n  .pd-faq-answer p { padding: 0 24px 20px; font-size: 14px; color: #4a4650; line-height: 1.7; margin: 0; }\n\n  \/* ===== TABLET ===== *\/\n  @media (max-width: 1024px) {\n    .pd-sinais-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  \/* ===== MOBILE ===== *\/\n  @media (max-width: 768px) {\n    .pd-solucao { grid-template-columns: 1fr; gap: 28px; }\n    .pd-solucao-img { order: -1; }\n    .pd-solucao-img img, .pd-solucao-img .pd-img-fallback { max-width: 300px; }\n    .pd-solucao-content { text-align: center; }\n    .pd-solucao-beneficios { grid-template-columns: 1fr; text-align: left; }\n    .pd-ativos, .pd-faq { margin: 20px 0; }\n    .pd-escolha { margin: 0 0 20px; }\n  }\n\n  \/* ===== MOBILE PEQUENO ===== *\/\n  @media (max-width: 600px) {\n    .pd-ativos-grid { flex-direction: column; align-items: center; }\n    .pd-arrow { transform: rotate(90deg); display: block; margin: 4px auto; }\n    .pd-ativo-card { width: 100%; max-width: 320px; text-align: center; }\n    .pd-semana-arrow { display: none; }\n    .pd-semanas-grid { flex-direction: column; align-items: center; }\n    .pd-semana-card { width: 100%; max-width: 320px; }\n    .pd-semana-icon { margin-left: auto; margin-right: auto; }\n    .pd-sinais-grid { grid-template-columns: 1fr; }\n    .pd-sinal-box { min-height: 0; }\n    .pd-escolha-grid { flex-direction: column; align-items: center; }\n    .pd-escolha-card { width: 100%; max-width: 340px; }\n    .pd-uso-grid { flex-direction: column; align-items: center; }\n    .pd-uso-card { width: 100%; max-width: 320px; }\n  }\n\n  \/* ===== ACESSIBILIDADE: reduz movimento ===== *\/\n  @media (prefers-reduced-motion: reduce) {\n    .pd-wrap *, .pd-wrap *::before, .pd-wrap *::after {\n      transition-duration: .01ms !important;\n      animation-duration: .01ms !important;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"pd-wrap\"\u003e\n\n  \u003c!-- SOLUÇÃO --\u003e\n  \u003csection class=\"pd-solucao\" aria-labelledby=\"pd-solucao-title\"\u003e\n    \u003cdiv class=\"pd-solucao-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0695\/7727\/7580\/files\/BUMBUM_DERMO_2.png?v=1781711234\" alt=\"Pote de BumBum Dermo da DermoClub\" width=\"460\" height=\"460\" loading=\"lazy\" decoding=\"async\"\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"pd-solucao-content\"\u003e\n      \u003cspan class=\"pd-solucao-tag\"\u003eA Solução\u003c\/span\u003e\n      \u003ch2 id=\"pd-solucao-title\"\u003eBumBum Dermo\u003c\/h2\u003e\n      \u003cp class=\"pd-solucao-desc\"\u003eTratamento corporal de \u003cspan\u003ealta performance\u003c\/span\u003e para \u003cspan\u003efirmeza\u003c\/span\u003e, textura uniforme e \u003cspan\u003ehidratação profunda\u003c\/span\u003e.\u003c\/p\u003e\n      \u003cp class=\"pd-solucao-sub\"\u003eDesenvolvido com ativos dermatológicos que atuam nas camadas mais profundas da pele, combatendo flacidez, celulite e irregularidades com ação tripla integrada.\u003c\/p\u003e\n      \u003cdiv class=\"pd-solucao-beneficios\"\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e✨\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFirmeza intensa\u003c\/h4\u003e\n\u003cp\u003eFortalece as fibras de sustentação da pele\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e💧\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eHidratação profunda\u003c\/h4\u003e\n\u003cp\u003eNutrição intensa sem sensação oleosa\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e🌹\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eReduz celulite\u003c\/h4\u003e\n\u003cp\u003eSuaviza o aspecto casca de laranja visivelmente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e🌶️\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eEfeito termogênico\u003c\/h4\u003e\n\u003cp\u003eAtiva a circulação e potencializa resultados\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e☕\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eDrenagem localizada\u003c\/h4\u003e\n\u003cp\u003eCafeína que quebra células de gordura\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"pd-sol-item\"\u003e\n\u003cdiv class=\"pd-sol-icon\" aria-hidden=\"true\"\u003e🌿\u003c\/div\u003e\n\u003cdiv\u003e\n\u003ch4\u003eFórmula vegana\u003c\/h4\u003e\n\u003cp\u003eSem parabenos, testada dermatologicamente\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ATIVOS --\u003e\n  \u003csection class=\"pd-ativos\" aria-labelledby=\"pd-ativos-title\"\u003e\n    \u003ch2 id=\"pd-ativos-title\"\u003eOs ativos que fazem o \u003cspan\u003eBumBum Dermo funcionar\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"pd-section-sub\"\u003eUma combinação exclusiva de ingredientes que transforma a pele de dentro para fora.\u003c\/p\u003e\n    \u003cdiv class=\"pd-ativos-grid\"\u003e\n      \u003cdiv class=\"pd-ativo-card\"\u003e\n\u003cspan class=\"pd-ativo-icon\" aria-hidden=\"true\"\u003e🌹\u003c\/span\u003e\u003ch3\u003eRosa Mosqueta\u003c\/h3\u003e\n\u003cp\u003eRegenera, suaviza estrias e devolve elasticidade natural\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"pd-arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003cdiv class=\"pd-ativo-card\"\u003e\n\u003cspan class=\"pd-ativo-icon\" aria-hidden=\"true\"\u003e🌼\u003c\/span\u003e\u003ch3\u003eArnica\u003c\/h3\u003e\n\u003cp\u003eAnti-inflamatório que melhora circulação e combate celulite\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"pd-arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003cdiv class=\"pd-ativo-card\"\u003e\n\u003cspan class=\"pd-ativo-icon\" aria-hidden=\"true\"\u003e🌶️\u003c\/span\u003e\u003ch3\u003eCapsicum\u003c\/h3\u003e\n\u003cp\u003eTermogênico que aquece e potencializa queima de gordura localizada\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"pd-arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003cdiv class=\"pd-ativo-card\"\u003e\n\u003cspan class=\"pd-ativo-icon\" aria-hidden=\"true\"\u003e☕\u003c\/span\u003e\u003ch3\u003eÓleo de Café\u003c\/h3\u003e\n\u003cp\u003eRico em cafeína, drena e quebra células de gordura visivelmente\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cspan class=\"pd-arrow\" aria-hidden=\"true\"\u003e→\u003c\/span\u003e\n      \u003cdiv class=\"pd-ativo-card\"\u003e\n\u003cspan class=\"pd-ativo-icon\" aria-hidden=\"true\"\u003e🌱\u003c\/span\u003e\u003ch3\u003eComplexo Botânico\u003c\/h3\u003e\n\u003cp\u003eCentella, Hera e Erva-mate que fortalecem o colágeno e firmam\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- RESULTADOS --\u003e\n  \u003csection class=\"pd-semanas\" aria-labelledby=\"pd-semanas-title\"\u003e\n    \u003ch2 id=\"pd-semanas-title\"\u003eO que muda quando você \u003cspan\u003ecomeça hoje?\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"pd-section-sub\"\u003eResultados progressivos com uso diário de manhã e à noite.\u003c\/p\u003e\n    \u003cdiv class=\"pd-semanas-grid\"\u003e\n      \u003cdiv class=\"pd-semana-card\"\u003e\n\u003cdiv class=\"pd-semana-icon\" aria-hidden=\"true\"\u003e💧\u003c\/div\u003e\n\u003cdiv class=\"pd-semana-label\"\u003eSemana 1\u003c\/div\u003e\n\u003ch3\u003ePele mais hidratada\u003c\/h3\u003e\n\u003cp\u003eMaciez imediata, toque aveludado e sensação refrescante desde a primeira aplicação.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-semana-arrow\" aria-hidden=\"true\"\u003e›\u003c\/div\u003e\n      \u003cdiv class=\"pd-semana-card\"\u003e\n\u003cdiv class=\"pd-semana-icon\" aria-hidden=\"true\"\u003e🔥\u003c\/div\u003e\n\u003cdiv class=\"pd-semana-label\"\u003eSemana 2 a 3\u003c\/div\u003e\n\u003ch3\u003eMenos celulite\u003c\/h3\u003e\n\u003cp\u003eRedução visível do aspecto casca de laranja e melhora na textura da pele.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-semana-arrow\" aria-hidden=\"true\"\u003e›\u003c\/div\u003e\n      \u003cdiv class=\"pd-semana-card\"\u003e\n\u003cdiv class=\"pd-semana-icon\" aria-hidden=\"true\"\u003e✨\u003c\/div\u003e\n\u003cdiv class=\"pd-semana-label\"\u003eMês 1+\u003c\/div\u003e\n\u003ch3\u003eFirmeza real\u003c\/h3\u003e\n\u003cp\u003ePele visivelmente mais firme, tonificada e com textura uniforme no espelho.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pd-semanas-footer\"\u003eConsistência transforma cuidado em \u003cspan\u003econfiança.\u003c\/span\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- SINAIS INTERATIVOS --\u003e\n  \u003csection class=\"pd-sinais\" aria-labelledby=\"pd-sinais-title\"\u003e\n    \u003ch2 id=\"pd-sinais-title\"\u003eVocê nota algum desses \u003cspan\u003esinais hoje?\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"pd-section-sub\"\u003eToque nos itens com os quais você mais se identifica.\u003c\/p\u003e\n    \u003cdiv class=\"pd-sinais-grid\" role=\"group\" aria-label=\"Sinais que você identifica na sua pele\"\u003e\n      \u003cbutton type=\"button\" class=\"pd-sinal-box\" aria-pressed=\"false\"\u003e\n        \u003cspan class=\"pd-sinal-image\" aria-hidden=\"true\"\u003e🍊\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-content\"\u003e\u003ch3\u003ePele com aspecto de \"casca de laranja\" e celulite?\u003c\/h3\u003e\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-radio\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"pd-sinal-box\" aria-pressed=\"false\"\u003e\n        \u003cspan class=\"pd-sinal-image\" aria-hidden=\"true\"\u003e📉\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-content\"\u003e\u003ch3\u003eFlacidez e perda de firmeza em coxas e glúteos?\u003c\/h3\u003e\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-radio\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"pd-sinal-box\" aria-pressed=\"false\"\u003e\n        \u003cspan class=\"pd-sinal-image\" aria-hidden=\"true\"\u003e🌵\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-content\"\u003e\u003ch3\u003ePele ressecada, áspera e sem viço natural?\u003c\/h3\u003e\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-radio\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton type=\"button\" class=\"pd-sinal-box\" aria-pressed=\"false\"\u003e\n        \u003cspan class=\"pd-sinal-image\" aria-hidden=\"true\"\u003e〰️\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-content\"\u003e\u003ch3\u003eEstrias e irregularidades na textura da pele?\u003c\/h3\u003e\u003c\/span\u003e\n        \u003cspan class=\"pd-sinal-radio\" aria-hidden=\"true\"\u003e\u003c\/span\u003e\n      \u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"pd-sinais-result\" data-pd-result role=\"status\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ESCOLHA --\u003e\n  \u003csection class=\"pd-escolha\" aria-labelledby=\"pd-escolha-title\"\u003e\n    \u003ch2 id=\"pd-escolha-title\"\u003eVocê pode se esconder… \u003cspan\u003eou pode se transformar.\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"pd-section-sub\"\u003eA pele que você deseja já está dentro de você. A diferença está na escolha que você faz hoje.\u003c\/p\u003e\n    \u003cdiv class=\"pd-escolha-grid\"\u003e\n      \u003cdiv class=\"pd-escolha-card sem\"\u003e\n        \u003cdiv class=\"pd-escolha-icon\" aria-hidden=\"true\"\u003e🕐\u003c\/div\u003e\n        \u003ch3\u003eContinuar insatisfeita\u003c\/h3\u003e\n        \u003cp\u003eConviver com a flacidez, a celulite e a falta de firmeza sem tomar atitude para mudar.\u003c\/p\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-escolha-card com\"\u003e\n        \u003cdiv class=\"pd-escolha-icon\" aria-hidden=\"true\"\u003e✨\u003c\/div\u003e\n        \u003ch3\u003eEscolher se sentir poderosa\u003c\/h3\u003e\n        \u003cp\u003eCom a fórmula de ação tripla que firma, hidrata e suaviza, transformando sua relação com o seu próprio corpo.\u003c\/p\u003e\n        \u003ca class=\"pd-escolha-cta\" href=\"#add-to-cart\"\u003eQuero me sentir poderosa →\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- COMO USAR --\u003e\n  \u003csection class=\"pd-uso\" aria-labelledby=\"pd-uso-title\"\u003e\n    \u003ch2 id=\"pd-uso-title\"\u003eComo usar o \u003cspan\u003eBumBum Dermo\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cp class=\"pd-section-sub\"\u003eUm ritual diário simples que transforma sua pele.\u003c\/p\u003e\n    \u003cdiv class=\"pd-uso-grid\"\u003e\n      \u003cdiv class=\"pd-uso-card\"\u003e\n\u003cdiv class=\"pd-uso-step\"\u003e1\u003c\/div\u003e\n\u003ch3\u003e2x ao dia\u003c\/h3\u003e\n\u003cp\u003eAplique pela manhã e à noite para resultados contínuos.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-uso-card\"\u003e\n\u003cdiv class=\"pd-uso-step\"\u003e2\u003c\/div\u003e\n\u003ch3\u003ePele limpa\u003c\/h3\u003e\n\u003cp\u003eUse sempre sobre pele limpa e seca para máxima absorção.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-uso-card\"\u003e\n\u003cdiv class=\"pd-uso-step\"\u003e3\u003c\/div\u003e\n\u003ch3\u003eMassageie\u003c\/h3\u003e\n\u003cp\u003eMovimentos circulares e ascendentes até absorção completa.\u003c\/p\u003e\n\u003c\/div\u003e\n      \u003cdiv class=\"pd-uso-card\"\u003e\n\u003cdiv class=\"pd-uso-step\"\u003e4\u003c\/div\u003e\n\u003ch3\u003eTodo dia\u003c\/h3\u003e\n\u003cp\u003eConsistência é a chave para resultados duradouros e visíveis.\u003c\/p\u003e\n\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- PERGUNTAS FREQUENTES --\u003e\n  \u003csection class=\"pd-faq\" aria-labelledby=\"pd-faq-title\"\u003e\n    \u003ch2 id=\"pd-faq-title\"\u003ePerguntas \u003cspan\u003efrequentes\u003c\/span\u003e\n\u003c\/h2\u003e\n    \u003cdiv class=\"pd-faq-container\"\u003e\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pd-faq-question\" aria-expanded=\"false\"\u003e\n          \u003ch3\u003eO produto causa ardência ou vermelhidão?\u003c\/h3\u003e\n          \u003cspan class=\"pd-faq-toggle\" aria-hidden=\"true\"\u003e∨\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pd-faq-answer\"\u003e\u003cdiv\u003e\u003cp\u003eO BumBum Dermo possui ativos termogênicos que podem causar um leve aquecimento e vermelhidão passageira na pele. Isso é normal e indica que a circulação local está sendo estimulada.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pd-faq-question\" aria-expanded=\"false\"\u003e\n          \u003ch3\u003eEm quanto tempo vejo resultados na celulite?\u003c\/h3\u003e\n          \u003cspan class=\"pd-faq-toggle\" aria-hidden=\"true\"\u003e∨\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pd-faq-answer\"\u003e\u003cdiv\u003e\u003cp\u003eCom o uso contínuo 2x ao dia, a maioria das clientes relata melhora na textura e suavização do aspecto casca de laranja entre 15 a 30 dias.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pd-faq-question\" aria-expanded=\"false\"\u003e\n          \u003ch3\u003ePode ser usado em outras áreas além do glúteo?\u003c\/h3\u003e\n          \u003cspan class=\"pd-faq-toggle\" aria-hidden=\"true\"\u003e∨\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pd-faq-answer\"\u003e\u003cdiv\u003e\u003cp\u003eSim! Ele é excelente para coxas, abdômen e braços. Use em qualquer região onde você deseje tratar flacidez, celulite e melhorar a firmeza da pele.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pd-faq-question\" aria-expanded=\"false\"\u003e\n          \u003ch3\u003eMancha a roupa ou deixa a pele oleosa?\u003c\/h3\u003e\n          \u003cspan class=\"pd-faq-toggle\" aria-hidden=\"true\"\u003e∨\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pd-faq-answer\"\u003e\u003cdiv\u003e\u003cp\u003eNão. A fórmula foi desenvolvida para ter rápida absorção e toque seco. Você pode se vestir logo após a aplicação sem medo de manchar suas roupas.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"pd-faq-item\"\u003e\n        \u003cbutton type=\"button\" class=\"pd-faq-question\" aria-expanded=\"false\"\u003e\n          \u003ch3\u003eGestantes podem utilizar?\u003c\/h3\u003e\n          \u003cspan class=\"pd-faq-toggle\" aria-hidden=\"true\"\u003e∨\u003c\/span\u003e\n        \u003c\/button\u003e\n        \u003cdiv class=\"pd-faq-answer\"\u003e\u003cdiv\u003e\u003cp\u003eEmbora a fórmula seja segura, recomendamos que gestantes e lactantes consultem seu médico antes de iniciar o uso de qualquer dermocosmético com ação termogênica.\u003c\/p\u003e\u003c\/div\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\n(function () {\n  var root = document.currentScript.closest('body') || document;\n  var wrap = root.querySelector('.pd-wrap');\n  if (!wrap || wrap.dataset.pdInit) return;\n  wrap.dataset.pdInit = '1';\n\n  \/* ----- FAQ (accordion: um aberto por vez) ----- *\/\n  var faqButtons = wrap.querySelectorAll('.pd-faq-question');\n  faqButtons.forEach(function (btn) {\n    btn.addEventListener('click', function () {\n      var item = btn.closest('.pd-faq-item');\n      var isOpen = item.classList.contains('active');\n      wrap.querySelectorAll('.pd-faq-item.active').forEach(function (open) {\n        open.classList.remove('active');\n        open.querySelector('.pd-faq-question').setAttribute('aria-expanded', 'false');\n      });\n      if (!isOpen) {\n        item.classList.add('active');\n        btn.setAttribute('aria-expanded', 'true');\n      }\n    });\n  });\n\n  \/* ----- SINAIS (multi-seleção) ----- *\/\n  var sinais = wrap.querySelectorAll('.pd-sinal-box');\n  var resultEl = wrap.querySelector('[data-pd-result]');\n\n  function updateResult() {\n    var count = wrap.querySelectorAll('.pd-sinal-box.active').length;\n    if (count === 0) {\n      resultEl.classList.remove('show');\n      resultEl.innerHTML = '';\n      return;\n    }\n    var msg = count === 1\n      ? 'Se você identifica \u003cstrong\u003e1 desses sinais\u003c\/strong\u003e, o BumBum Dermo foi feito para você.'\n      : 'Você identifica \u003cstrong\u003e' + count + ' desses sinais\u003c\/strong\u003e. O BumBum Dermo trata exatamente isso, com ação tripla.';\n    resultEl.innerHTML = msg + '\u003cbr\u003e\u003ca class=\"pd-cta-link\" href=\"#add-to-cart\"\u003eQuero transformar minha pele →\u003c\/a\u003e';\n    resultEl.classList.add('show');\n  }\n\n  sinais.forEach(function (box) {\n    box.addEventListener('click', function () {\n      var active = box.classList.toggle('active');\n      box.setAttribute('aria-pressed', active ? 'true' : 'false');\n      updateResult();\n    });\n  });\n\n  \/* ----- Scroll suave para CTAs internos ----- *\/\n  wrap.querySelectorAll('a[href^=\"#\"]').forEach(function (link) {\n    link.addEventListener('click', function (e) {\n      var id = link.getAttribute('href');\n      if (id.length \u003c 2) return;\n      var target = document.querySelector(id);\n      if (target) {\n        e.preventDefault();\n        target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n      }\n    });\n  });\n})();\n\u003c\/script\u003e","brand":"Dermopro","offers":[{"title":"Default Title","offer_id":46149664276620,"sku":"BUM-90D-K3-B2C","price":147.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0695\/7727\/7580\/files\/Bbdermo_02.jpg?v=1773939171","url":"https:\/\/www.oficialdermoclub.com\/products\/bumbum-dermo-creme-firmador-de-pele","provider":"DermoClub","version":"1.0","type":"link"}