{"product_id":"mascara-de-dormir-serenium©","title":"Máscara de dormir Serenium©","description":"\u003c!-- Descrição responsiva | Máscara de dormir Serenium© --\u003e\n\u003cstyle\u003e\n  .serenium-mask-desc {\n    --serenium-navy: #303d66;\n    --serenium-navy-dark: #202a49;\n    --serenium-blue-light: #eef4fb;\n    --serenium-text: #273044;\n    --serenium-muted: #667085;\n    --serenium-border: #dfe7f1;\n    --serenium-white: #ffffff;\n    max-width: 1120px;\n    margin: 0 auto;\n    color: var(--serenium-text);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .serenium-mask-desc *,\n  .serenium-mask-desc *::before,\n  .serenium-mask-desc *::after {\n    box-sizing: border-box;\n  }\n\n  .serenium-mask-desc h2,\n  .serenium-mask-desc h3,\n  .serenium-mask-desc p {\n    margin-top: 0;\n  }\n\n  .serenium-mask-desc h2,\n  .serenium-mask-desc h3 {\n    color: var(--serenium-navy-dark);\n    line-height: 1.2;\n    letter-spacing: -0.02em;\n  }\n\n  .serenium-mask-desc__hero {\n    position: relative;\n    overflow: hidden;\n    padding: clamp(32px, 6vw, 72px);\n    border: 1px solid var(--serenium-border);\n    border-radius: 24px;\n    background:\n      radial-gradient(circle at 90% 10%, rgba(255, 255, 255, 0.95) 0, rgba(255, 255, 255, 0) 34%),\n      linear-gradient(135deg, #f8fbff 0%, var(--serenium-blue-light) 100%);\n  }\n\n  .serenium-mask-desc__eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 14px;\n    color: var(--serenium-navy);\n    font-size: 0.78rem;\n    font-weight: 800;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n  }\n\n  .serenium-mask-desc__eyebrow::before {\n    width: 24px;\n    height: 2px;\n    background: currentColor;\n    content: \"\";\n  }\n\n  .serenium-mask-desc__title {\n    max-width: 760px;\n    margin-bottom: 18px;\n    font-size: clamp(2rem, 5vw, 3.75rem);\n  }\n\n  .serenium-mask-desc__lead {\n    max-width: 760px;\n    margin-bottom: 0;\n    color: #46526a;\n    font-size: clamp(1rem, 2vw, 1.18rem);\n  }\n\n  .serenium-mask-desc__section {\n    padding: clamp(40px, 6vw, 72px) 0 0;\n  }\n\n  .serenium-mask-desc__heading {\n    margin-bottom: 12px;\n    font-size: clamp(1.55rem, 3vw, 2.25rem);\n    text-align: center;\n  }\n\n  .serenium-mask-desc__intro {\n    max-width: 720px;\n    margin: 0 auto 30px;\n    color: var(--serenium-muted);\n    text-align: center;\n  }\n\n  .serenium-mask-desc__grid {\n    display: grid;\n    grid-template-columns: repeat(4, minmax(0, 1fr));\n    gap: 16px;\n  }\n\n  .serenium-mask-desc__card {\n    padding: 24px;\n    border: 1px solid var(--serenium-border);\n    border-radius: 18px;\n    background: var(--serenium-white);\n    box-shadow: 0 8px 28px rgba(48, 61, 102, 0.07);\n  }\n\n  .serenium-mask-desc__icon {\n    display: grid;\n    width: 42px;\n    height: 42px;\n    margin-bottom: 16px;\n    border-radius: 50%;\n    background: var(--serenium-blue-light);\n    color: var(--serenium-navy);\n    font-size: 1.15rem;\n    font-weight: 800;\n    place-items: center;\n  }\n\n  .serenium-mask-desc__card h3 {\n    margin-bottom: 8px;\n    font-size: 1.08rem;\n  }\n\n  .serenium-mask-desc__card p {\n    margin-bottom: 0;\n    color: var(--serenium-muted);\n    font-size: 0.95rem;\n  }\n\n  .serenium-mask-desc__split {\n    display: grid;\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n    gap: 20px;\n  }\n\n  .serenium-mask-desc__panel {\n    padding: clamp(26px, 4vw, 42px);\n    border-radius: 20px;\n    background: var(--serenium-blue-light);\n  }\n\n  .serenium-mask-desc__panel--dark {\n    background: var(--serenium-navy);\n    color: rgba(255, 255, 255, 0.84);\n  }\n\n  .serenium-mask-desc__panel h2 {\n    margin-bottom: 18px;\n    font-size: clamp(1.35rem, 2.5vw, 1.85rem);\n  }\n\n  .serenium-mask-desc__panel--dark h2 {\n    color: var(--serenium-white);\n  }\n\n  .serenium-mask-desc__list {\n    display: grid;\n    gap: 13px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n  }\n\n  .serenium-mask-desc__list li {\n    position: relative;\n    padding-left: 30px;\n  }\n\n  .serenium-mask-desc__list li::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    color: var(--serenium-navy);\n    font-weight: 900;\n    content: \"✓\";\n  }\n\n  .serenium-mask-desc__panel--dark .serenium-mask-desc__list li::before {\n    color: #ffffff;\n  }\n\n  .serenium-mask-desc__steps {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 18px;\n    counter-reset: serenium-step;\n  }\n\n  .serenium-mask-desc__step {\n    padding: 22px 22px 22px 66px;\n    border-top: 1px solid var(--serenium-border);\n    counter-increment: serenium-step;\n    position: relative;\n  }\n\n  .serenium-mask-desc__step::before {\n    position: absolute;\n    top: 18px;\n    left: 14px;\n    display: grid;\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background: var(--serenium-navy);\n    color: var(--serenium-white);\n    content: counter(serenium-step);\n    font-size: 0.9rem;\n    font-weight: 800;\n    place-items: center;\n  }\n\n  .serenium-mask-desc__step h3 {\n    margin-bottom: 5px;\n    font-size: 1rem;\n  }\n\n  .serenium-mask-desc__step p {\n    margin-bottom: 0;\n    color: var(--serenium-muted);\n    font-size: 0.94rem;\n  }\n\n  .serenium-mask-desc__note {\n    margin-top: clamp(38px, 6vw, 68px);\n    padding: 22px 26px;\n    border-left: 4px solid var(--serenium-navy);\n    border-radius: 8px 16px 16px 8px;\n    background: #f7f9fc;\n    color: var(--serenium-muted);\n    font-size: 0.92rem;\n  }\n\n  .serenium-mask-desc__note strong {\n    color: var(--serenium-navy-dark);\n  }\n\n  @media (max-width: 900px) {\n    .serenium-mask-desc__grid {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  @media (max-width: 640px) {\n    .serenium-mask-desc {\n      font-size: 15px;\n    }\n\n    .serenium-mask-desc__hero {\n      padding: 30px 22px;\n      border-radius: 18px;\n    }\n\n    .serenium-mask-desc__section {\n      padding-top: 38px;\n    }\n\n    .serenium-mask-desc__grid,\n    .serenium-mask-desc__split,\n    .serenium-mask-desc__steps {\n      grid-template-columns: 1fr;\n    }\n\n    .serenium-mask-desc__grid {\n      gap: 12px;\n    }\n\n    .serenium-mask-desc__card,\n    .serenium-mask-desc__panel {\n      padding: 22px;\n      border-radius: 16px;\n    }\n\n    .serenium-mask-desc__step {\n      padding-right: 8px;\n    }\n  }\n\u003c\/style\u003e\n\u003csection class=\"serenium-mask-desc\"\u003e\u003cheader class=\"serenium-mask-desc__hero\"\u003e\n\u003ch2 class=\"serenium-mask-desc__title\"\u003eMenos luz. Mais tranquilidade para descansar.\u003c\/h2\u003e\n\u003cp class=\"serenium-mask-desc__lead\"\u003eA \u003cstrong\u003eMáscara de dormir Serenium©\u003c\/strong\u003e ajuda a reduzir os estímulos luminosos ao seu redor, criando uma atmosfera mais aconchegante para dormir, relaxar ou fazer uma pausa durante o dia. Leve, macia e prática, acompanha você em casa e em qualquer viagem.\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"serenium-mask-desc__section\"\u003e\n\u003ch2 class=\"serenium-mask-desc__heading\"\u003eConforto pensado para a sua rotina\u003c\/h2\u003e\n\u003cp class=\"serenium-mask-desc__intro\"\u003eUma máscara para os olhos desenvolvida para tornar seus momentos de descanso mais escuros, calmos e confortáveis.\u003c\/p\u003e\n\u003cdiv class=\"serenium-mask-desc__grid\"\u003e\n\u003carticle class=\"serenium-mask-desc__card\"\u003e\u003cspan class=\"serenium-mask-desc__icon\"\u003e◐\u003c\/span\u003e\n\u003ch3\u003eRedução da luminosidade\u003c\/h3\u003e\n\u003cp\u003eAjuda a bloquear a luz do ambiente e favorece uma experiência de descanso com menos distrações visuais.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"serenium-mask-desc__card\"\u003e\u003cspan class=\"serenium-mask-desc__icon\"\u003e≈\u003c\/span\u003e\n\u003ch3\u003eToque suave\u003c\/h3\u003e\n\u003cp\u003eSuperfície macia e agradável em contato com a pele para acompanhar seus momentos de sono e relaxamento.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"serenium-mask-desc__card\"\u003e\u003cspan class=\"serenium-mask-desc__icon\"\u003e↔\u003c\/span\u003e\n\u003ch3\u003eFaixa elástica\u003c\/h3\u003e\n\u003cp\u003eO elástico flexível facilita o ajuste e mantém a máscara posicionada de forma prática durante o uso.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003carticle class=\"serenium-mask-desc__card\"\u003e\u003cspan class=\"serenium-mask-desc__icon\"\u003e✦\u003c\/span\u003e\n\u003ch3\u003eLeve e portátil\u003c\/h3\u003e\n\u003cp\u003eFácil de guardar e transportar na bolsa, mochila ou mala, ocupando pouco espaço no dia a dia.\u003c\/p\u003e\n\u003c\/article\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serenium-mask-desc__section serenium-mask-desc__split\"\u003e\n\u003cdiv class=\"serenium-mask-desc__panel\"\u003e\n\u003ch2\u003eIdeal para diferentes momentos\u003c\/h2\u003e\n\u003cul class=\"serenium-mask-desc__list\"\u003e\n\u003cli\u003eSono noturno em ambientes com claridade\u003c\/li\u003e\n\u003cli\u003eCochilos e pausas de descanso durante o dia\u003c\/li\u003e\n\u003cli\u003eViagens de avião, ônibus ou carro como passageiro\u003c\/li\u003e\n\u003cli\u003eHotéis, quartos compartilhados e mudanças de rotina\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serenium-mask-desc__panel serenium-mask-desc__panel--dark\"\u003e\n\u003ch2\u003eDetalhes do produto\u003c\/h2\u003e\n\u003cul class=\"serenium-mask-desc__list\"\u003e\n\u003cli\u003eCor: azul-marinho\u003c\/li\u003e\n\u003cli\u003eFaixa elástica flexível\u003c\/li\u003e\n\u003cli\u003eDesign leve e compacto\u003c\/li\u003e\n\u003cli\u003eUso reutilizável\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serenium-mask-desc__section\"\u003e\n\u003ch2 class=\"serenium-mask-desc__heading\"\u003eComo usar\u003c\/h2\u003e\n\u003cp class=\"serenium-mask-desc__intro\"\u003eTrês passos simples para tornar seu momento de descanso mais confortável.\u003c\/p\u003e\n\u003cdiv class=\"serenium-mask-desc__steps\"\u003e\n\u003cdiv class=\"serenium-mask-desc__step\"\u003e\n\u003ch3\u003ePosicione\u003c\/h3\u003e\n\u003cp\u003eApoie delicadamente a máscara sobre os olhos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serenium-mask-desc__step\"\u003e\n\u003ch3\u003eAjuste\u003c\/h3\u003e\n\u003cp\u003eColoque a faixa elástica ao redor da cabeça, sem apertar excessivamente.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"serenium-mask-desc__step\"\u003e\n\u003ch3\u003eRelaxe\u003c\/h3\u003e\n\u003cp\u003eEncontre uma posição confortável e aproveite um ambiente com menos luz.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp class=\"serenium-mask-desc__note\"\u003e\u003cstrong\u003eCuidados:\u003c\/strong\u003e higienize suavemente, sem torcer, e deixe secar naturalmente à sombra. Para maior durabilidade, evite alvejantes e superfícies abrasivas.\u003c\/p\u003e\n\u003c\/section\u003e","brand":"Serenium Saúde","offers":[{"title":"Default Title","offer_id":49005630128383,"sku":null,"price":109.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0817\/1231\/6671\/files\/ChatGPT-Image-Aug-12_-2026_-02_42_55-PM-_1__1.webp?v=1786556686","url":"https:\/\/sereniumsaude.com.br\/products\/mascara-de-dormir-serenium%c2%a9","provider":"Serenium Saúde","version":"1.0","type":"link"}