{"product_id":"serum-clareador-solaris-derm","title":"Sérum Clareador - Solaris Derm","description":"\u003cstyle\u003e\n\/* CORREÇÕES DE RESPONSIVIDADE — SOLARIS DERM *\/\n\n.solaris-description {\n  width: 100%;\n  max-width: 100%;\n  min-width: 0;\n  overflow: visible;\n  container-type: inline-size;\n  container-name: solaris;\n}\n\n.solaris-description *,\n.solaris-description *::before,\n.solaris-description *::after {\n  box-sizing: border-box;\n  min-width: 0;\n}\n\n.solaris-description h2,\n.solaris-description h3,\n.solaris-description p,\n.solaris-description li,\n.solaris-description strong,\n.solaris-description span {\n  white-space: normal !important;\n  word-break: normal !important;\n  overflow-wrap: break-word;\n}\n\n.solaris-section-title,\n.solaris-active h3,\n.solaris-footer-column h3 {\n  max-width: 100%;\n  overflow: visible;\n}\n\n\/* Remove as bolinhas duplicadas inseridas pelo tema *\/\n\n.solaris-clean-list,\n.solaris-steps {\n  list-style: none !important;\n}\n\n.solaris-clean-list li::marker,\n.solaris-steps li::marker {\n  content: \"\";\n}\n\n.solaris-clean-list li {\n  list-style: none !important;\n}\n\n\/* Garante que os cards não cortem conteúdo *\/\n\n.solaris-active,\n.solaris-benefit,\n.solaris-detail,\n.solaris-footer-column,\n.solaris-regulatory,\n.solaris-usage \u003e div,\n.solaris-steps {\n  width: 100%;\n  max-width: 100%;\n  overflow: visible;\n}\n\n\/*\n  Adaptação baseada na largura real da descrição,\n  e não na largura da tela do computador.\n*\/\n\n@container solaris (max-width: 760px) {\n\n  .solaris-benefits-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .solaris-benefit,\n  .solaris-benefit:nth-child(odd),\n  .solaris-benefit:nth-child(even) {\n    padding: 22px 0;\n    border-right: 0;\n  }\n\n  .solaris-actives-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n\n  .solaris-active {\n    min-height: auto;\n    padding: 26px;\n  }\n\n  .solaris-active-index {\n    margin-bottom: 30px;\n  }\n\n  .solaris-active h3 {\n    font-size: 22px;\n    line-height: 1.2;\n  }\n\n  .solaris-usage {\n    grid-template-columns: 1fr;\n    gap: 32px;\n    padding: 36px 28px;\n  }\n\n  .solaris-steps {\n    width: 100%;\n  }\n\n  .solaris-steps li {\n    width: 100%;\n    padding-right: 0;\n    line-height: 1.65;\n  }\n\n  .solaris-footer-grid {\n    grid-template-columns: 1fr;\n    gap: 36px;\n  }\n\n  .solaris-regulatory {\n    padding: 36px 0 0;\n    border-left: 0;\n    border-top: 1px solid var(--solaris-border);\n  }\n\n  .solaris-footer-column h3 {\n    font-size: 23px;\n    line-height: 1.2;\n  }\n}\n\n\/* Informações em três colunas enquanto houver espaço *\/\n\n@container solaris (max-width: 480px) {\n\n  .solaris-intro {\n    padding: 28px 22px;\n  }\n\n  .solaris-intro h2 {\n    font-size: 29px;\n  }\n\n  .solaris-details {\n    grid-template-columns: 1fr;\n  }\n\n  .solaris-detail,\n  .solaris-detail:first-child,\n  .solaris-detail:last-child {\n    padding: 18px 0;\n    border-right: 0;\n    border-bottom: 1px solid var(--solaris-border);\n  }\n\n  .solaris-detail:last-child {\n    border-bottom: 0;\n  }\n\n  .solaris-usage {\n    padding: 32px 22px;\n  }\n\n  .solaris-steps li {\n    padding-left: 42px;\n  }\n}\n\n\/* Número do processo pode quebrar sem ultrapassar a coluna *\/\n\n.solaris-process strong {\n  display: block;\n  max-width: 100%;\n  overflow-wrap: anywhere;\n}\n\u003c\/style\u003e\n\u003cstyle\u003e\n  .solaris-description {\n    --solaris-text: #2d2926;\n    --solaris-muted: #716a64;\n    --solaris-accent: #aa8665;\n    --solaris-border: #ded5cc;\n    --solaris-background: #f6f1eb;\n    --solaris-soft-background: #fbf9f6;\n\n    width: 100%;\n    margin: 38px auto 0;\n    color: var(--solaris-text);\n    font-family: var(--font-body-family, Arial, sans-serif);\n  }\n\n  .solaris-description * {\n    box-sizing: border-box;\n  }\n\n  .solaris-description h2,\n  .solaris-description h3,\n  .solaris-description p {\n    margin-top: 0;\n  }\n\n  .solaris-description h2,\n  .solaris-description h3 {\n    font-family: var(--font-heading-family, Georgia, serif);\n    font-weight: 500;\n    color: var(--solaris-text);\n  }\n\n  .solaris-description p,\n  .solaris-description li {\n    color: var(--solaris-muted);\n    font-size: 15px;\n    line-height: 1.75;\n  }\n\n  .solaris-eyebrow {\n    display: block;\n    margin-bottom: 14px;\n    color: var(--solaris-accent);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.18em;\n    line-height: 1.4;\n    text-transform: uppercase;\n  }\n\n  .solaris-section-title {\n    margin-bottom: 24px;\n    font-size: clamp(25px, 3vw, 34px);\n    line-height: 1.15;\n    letter-spacing: -0.02em;\n  }\n\n  \/* Introdução *\/\n\n  .solaris-intro {\n    padding: 34px;\n    background: var(--solaris-background);\n    border-radius: 4px;\n  }\n\n  .solaris-intro h2 {\n    max-width: 540px;\n    margin-bottom: 18px;\n    font-size: clamp(28px, 4vw, 42px);\n    line-height: 1.08;\n    letter-spacing: -0.025em;\n  }\n\n  .solaris-intro p {\n    max-width: 650px;\n    margin-bottom: 0;\n    font-size: 16px;\n  }\n\n  \/* Benefícios *\/\n\n  .solaris-benefits {\n    padding: 54px 0;\n    border-bottom: 1px solid var(--solaris-border);\n  }\n\n  .solaris-benefits-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 0;\n    border-top: 1px solid var(--solaris-border);\n  }\n\n  .solaris-benefit {\n    display: grid;\n    grid-template-columns: 38px 1fr;\n    gap: 14px;\n    padding: 24px 20px 24px 0;\n    border-bottom: 1px solid var(--solaris-border);\n  }\n\n  .solaris-benefit:nth-child(odd) {\n    padding-right: 30px;\n    border-right: 1px solid var(--solaris-border);\n  }\n\n  .solaris-benefit:nth-child(even) {\n    padding-left: 30px;\n  }\n\n  .solaris-number {\n    color: var(--solaris-accent);\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.1em;\n  }\n\n  .solaris-benefit p {\n    margin: 0;\n  }\n\n  \/* Ativos *\/\n\n  .solaris-actives {\n    padding: 54px 0;\n  }\n\n  .solaris-actives-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 14px;\n  }\n\n  .solaris-active {\n    min-height: 230px;\n    padding: 28px;\n    background: var(--solaris-soft-background);\n    border: 1px solid var(--solaris-border);\n    border-radius: 4px;\n  }\n\n  .solaris-active-index {\n    display: block;\n    margin-bottom: 52px;\n    color: var(--solaris-accent);\n    font-size: 11px;\n    letter-spacing: 0.15em;\n  }\n\n  .solaris-active h3 {\n    margin-bottom: 12px;\n    font-size: 21px;\n    line-height: 1.25;\n  }\n\n  .solaris-active p {\n    margin-bottom: 0;\n    font-size: 14px;\n  }\n\n  \/* Modo de uso *\/\n\n  .solaris-usage {\n    display: grid;\n    grid-template-columns: minmax(180px, 0.7fr) minmax(0, 1.3fr);\n    gap: 50px;\n    padding: 50px;\n    background: var(--solaris-text);\n    border-radius: 4px;\n  }\n\n  .solaris-usage .solaris-eyebrow {\n    color: #d5b89d;\n  }\n\n  .solaris-usage h2 {\n    margin-bottom: 0;\n    color: #ffffff;\n  }\n\n  .solaris-steps {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    counter-reset: solaris-step;\n  }\n\n  .solaris-steps li {\n    position: relative;\n    padding: 0 0 20px 46px;\n    color: rgba(255, 255, 255, 0.75);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.14);\n    counter-increment: solaris-step;\n  }\n\n  .solaris-steps li + li {\n    padding-top: 20px;\n  }\n\n  .solaris-steps li::before {\n    content: \"0\" counter(solaris-step);\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: #d5b89d;\n    font-size: 11px;\n    letter-spacing: 0.08em;\n  }\n\n  .solaris-steps li + li::before {\n    top: 20px;\n  }\n\n  .solaris-steps li:last-child {\n    padding-bottom: 0;\n    border-bottom: 0;\n  }\n\n  \/* Informações *\/\n\n  .solaris-details {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    margin: 0;\n    padding: 36px 0;\n    border-bottom: 1px solid var(--solaris-border);\n  }\n\n  .solaris-detail {\n    padding: 4px 28px;\n    text-align: center;\n    border-right: 1px solid var(--solaris-border);\n  }\n\n  .solaris-detail:first-child {\n    padding-left: 0;\n  }\n\n  .solaris-detail:last-child {\n    padding-right: 0;\n    border-right: 0;\n  }\n\n  .solaris-detail-label {\n    display: block;\n    margin-bottom: 7px;\n    color: var(--solaris-accent);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.16em;\n    text-transform: uppercase;\n  }\n\n  .solaris-detail-value {\n    color: var(--solaris-text);\n    font-family: var(--font-heading-family, Georgia, serif);\n    font-size: 18px;\n  }\n\n  \/* Segurança e Anvisa *\/\n\n  .solaris-footer-grid {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 46px;\n    padding: 48px 0 30px;\n  }\n\n  .solaris-footer-column h3 {\n    margin-bottom: 20px;\n    font-size: 24px;\n  }\n\n  .solaris-clean-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .solaris-clean-list li {\n    position: relative;\n    padding: 10px 0 10px 18px;\n    border-bottom: 1px solid var(--solaris-border);\n  }\n\n  .solaris-clean-list li::before {\n    content: \"\";\n    position: absolute;\n    top: 20px;\n    left: 0;\n    width: 4px;\n    height: 4px;\n    background: var(--solaris-accent);\n    border-radius: 50%;\n  }\n\n  .solaris-regulatory {\n    padding-left: 38px;\n    border-left: 1px solid var(--solaris-border);\n  }\n\n  .solaris-regulatory p {\n    margin-bottom: 14px;\n  }\n\n  .solaris-process {\n    margin-top: 24px;\n    padding-top: 20px;\n    border-top: 1px solid var(--solaris-border);\n  }\n\n  .solaris-process span {\n    display: block;\n    margin-bottom: 6px;\n    color: var(--solaris-accent);\n    font-size: 10px;\n    font-weight: 600;\n    letter-spacing: 0.15em;\n    text-transform: uppercase;\n  }\n\n  .solaris-process strong {\n    color: var(--solaris-text);\n    font-size: 15px;\n    font-weight: 500;\n  }\n\n  .solaris-disclaimer {\n    margin: 0;\n    padding-top: 22px;\n    color: #8a837e;\n    font-size: 12px;\n    line-height: 1.7;\n    border-top: 1px solid var(--solaris-border);\n  }\n\n  @media screen and (max-width: 749px) {\n    .solaris-description {\n      margin-top: 26px;\n    }\n\n    .solaris-intro {\n      padding: 28px 22px;\n    }\n\n    .solaris-intro h2 {\n      font-size: 30px;\n    }\n\n    .solaris-benefits,\n    .solaris-actives {\n      padding: 42px 0;\n    }\n\n    .solaris-benefits-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .solaris-benefit,\n    .solaris-benefit:nth-child(odd),\n    .solaris-benefit:nth-child(even) {\n      padding: 20px 0;\n      border-right: 0;\n    }\n\n    .solaris-actives-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .solaris-active {\n      min-height: auto;\n      padding: 24px;\n    }\n\n    .solaris-active-index {\n      margin-bottom: 34px;\n    }\n\n    .solaris-usage {\n      grid-template-columns: 1fr;\n      gap: 34px;\n      padding: 34px 24px;\n    }\n\n    .solaris-details {\n      grid-template-columns: 1fr;\n      padding: 22px 0;\n    }\n\n    .solaris-detail,\n    .solaris-detail:first-child,\n    .solaris-detail:last-child {\n      padding: 18px 0;\n      border-right: 0;\n      border-bottom: 1px solid var(--solaris-border);\n    }\n\n    .solaris-detail:last-child {\n      border-bottom: 0;\n    }\n\n    .solaris-footer-grid {\n      grid-template-columns: 1fr;\n      gap: 38px;\n      padding-top: 40px;\n    }\n\n    .solaris-regulatory {\n      padding-top: 36px;\n      padding-left: 0;\n      border-top: 1px solid var(--solaris-border);\n      border-left: 0;\n    }\n  }\n\u003c\/style\u003e\n\n\u003cdiv class=\"solaris-description\"\u003e\n\n  \u003csection class=\"solaris-intro\"\u003e\n    \u003cspan class=\"solaris-eyebrow\"\u003eCuidado facial diário\u003c\/span\u003e\n\n    \u003ch2\u003eSérum Clareador Solaris Derm\u003c\/h2\u003e\n\n    \u003cp\u003e\n      Desenvolvido para auxiliar no cuidado do melasma e de outras manchas\n      faciais, combinando ativos dermatológicos que contribuem para uma pele\n      mais uniforme, luminosa e com aparência saudável.\n    \u003c\/p\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solaris-benefits\"\u003e\n    \u003cspan class=\"solaris-eyebrow\"\u003eResultados e benefícios\u003c\/span\u003e\n\n    \u003ch2 class=\"solaris-section-title\"\u003e\n      Cuidado direcionado para uma pele mais uniforme\n    \u003c\/h2\u003e\n\n    \u003cdiv class=\"solaris-benefits-grid\"\u003e\n      \u003cdiv class=\"solaris-benefit\"\u003e\n        \u003cspan class=\"solaris-number\"\u003e01\u003c\/span\u003e\n        \u003cp\u003eAuxilia no cuidado do melasma e de outras manchas faciais.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"solaris-benefit\"\u003e\n        \u003cspan class=\"solaris-number\"\u003e02\u003c\/span\u003e\n        \u003cp\u003eContribui para uma pele com tonalidade mais uniforme.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"solaris-benefit\"\u003e\n        \u003cspan class=\"solaris-number\"\u003e03\u003c\/span\u003e\n        \u003cp\u003eFavorece uma aparência mais luminosa e revitalizada.\u003c\/p\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"solaris-benefit\"\u003e\n        \u003cspan class=\"solaris-number\"\u003e04\u003c\/span\u003e\n        \u003cp\u003eIntegra facilmente a rotina diária de cuidados com a pele.\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solaris-actives\"\u003e\n    \u003cspan class=\"solaris-eyebrow\"\u003eComposição\u003c\/span\u003e\n\n    \u003ch2 class=\"solaris-section-title\"\u003eAtivos principais\u003c\/h2\u003e\n\n    \u003cdiv class=\"solaris-actives-grid\"\u003e\n      \u003carticle class=\"solaris-active\"\u003e\n        \u003cspan class=\"solaris-active-index\"\u003e01\u003c\/span\u003e\n\n        \u003ch3\u003eÁcido Tranexâmico\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Auxilia no cuidado das manchas e do melasma, contribuindo para uma\n          pele com tonalidade mais uniforme.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"solaris-active\"\u003e\n        \u003cspan class=\"solaris-active-index\"\u003e02\u003c\/span\u003e\n\n        \u003ch3\u003eBlend de AHAs\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Promove uma renovação celular suave, favorecendo uma aparência mais\n          uniforme e luminosa.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n\n      \u003carticle class=\"solaris-active\"\u003e\n        \u003cspan class=\"solaris-active-index\"\u003e03\u003c\/span\u003e\n\n        \u003ch3\u003eVitamina E\u003c\/h3\u003e\n\n        \u003cp\u003e\n          Possui ação antioxidante e auxilia na proteção da pele contra a ação\n          dos radicais livres.\n        \u003c\/p\u003e\n      \u003c\/article\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solaris-usage\"\u003e\n    \u003cdiv\u003e\n      \u003cspan class=\"solaris-eyebrow\"\u003eRitual de cuidado\u003c\/span\u003e\n\n      \u003ch2 class=\"solaris-section-title\"\u003eComo usar\u003c\/h2\u003e\n    \u003c\/div\u003e\n\n    \u003col class=\"solaris-steps\"\u003e\n      \u003cli\u003e\n        Com a pele limpa e seca, aplique diariamente de três a cinco gotas do\n        sérum.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Espalhe suavemente pelo rosto até que o produto seja completamente\n        absorvido.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Utilize preferencialmente durante o período noturno.\n      \u003c\/li\u003e\n\n      \u003cli\u003e\n        Durante o tratamento, utilize protetor solar diariamente.\n      \u003c\/li\u003e\n    \u003c\/ol\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solaris-details\"\u003e\n    \u003cdiv class=\"solaris-detail\"\u003e\n      \u003cspan class=\"solaris-detail-label\"\u003eConteúdo\u003c\/span\u003e\n      \u003cspan class=\"solaris-detail-value\"\u003e30 mL\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"solaris-detail\"\u003e\n      \u003cspan class=\"solaris-detail-label\"\u003eRendimento\u003c\/span\u003e\n      \u003cspan class=\"solaris-detail-value\"\u003eAproximadamente 1 mês\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"solaris-detail\"\u003e\n      \u003cspan class=\"solaris-detail-label\"\u003eFrequência\u003c\/span\u003e\n      \u003cspan class=\"solaris-detail-value\"\u003eUso diário\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"solaris-footer-grid\"\u003e\n    \u003cdiv class=\"solaris-footer-column\"\u003e\n      \u003cspan class=\"solaris-eyebrow\"\u003eSua compra\u003c\/span\u003e\n      \u003ch3\u003eSegurança em cada etapa\u003c\/h3\u003e\n\n      \u003cul class=\"solaris-clean-list\"\u003e\n        \u003cli\u003eProduto original Solaris Derm\u003c\/li\u003e\n        \u003cli\u003ePagamento realizado em ambiente seguro\u003c\/li\u003e\n        \u003cli\u003eEnvio para todo o Brasil\u003c\/li\u003e\n        \u003cli\u003eAtendimento especializado\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"solaris-footer-column solaris-regulatory\"\u003e\n      \u003cspan class=\"solaris-eyebrow\"\u003eRegularização\u003c\/span\u003e\n      \u003ch3\u003eProduto regularizado na Anvisa\u003c\/h3\u003e\n\n      \u003cp\u003e\n        Produto regularizado junto à Agência Nacional de Vigilância Sanitária,\n        em conformidade com a legislação aplicável aos produtos cosméticos.\n      \u003c\/p\u003e\n\n      \u003cdiv class=\"solaris-process\"\u003e\n        \u003cspan\u003eNúmero do processo\u003c\/span\u003e\n        \u003cstrong\u003e25351.075204\/2026-92\u003c\/strong\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003cp class=\"solaris-disclaimer\"\u003e\n    Os resultados podem variar de acordo com as características individuais da\n    pele e com a utilização correta do produto. Siga o modo de uso indicado e\n    utilize protetor solar diariamente durante o tratamento.\n  \u003c\/p\u003e\n\n\u003c\/div\u003e","brand":"Solaris Derm","offers":[{"title":"Default Title","offer_id":45269353103475,"sku":"SD-SCM-30","price":167.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0698\/9496\/3315\/files\/2_3.png?v=1784652586","url":"https:\/\/checkout.solarisderm.com.br\/products\/serum-clareador-solaris-derm","provider":"Solaris Derm","version":"1.0","type":"link"}