{"product_id":"bookmark™-marcador-de-pagina-inteligente-kit-com-3-unidades","title":"BookMark™ – Marcador de Página Inteligente (Kit com 3 unidades)","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003clink rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@400;600;700\u0026amp;family=DM+Sans:wght@300;400;500\u0026amp;display=swap\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --cream: #F0F6FF;\n    --warm: #E0EEFA;\n    --ink: #0F1F3D;\n    --muted: #5A7090;\n    --accent: #1A6FD4;\n    --accent-light: #DBE9FB;\n    --border: #C5D9F0;\n  }\n\n  body {\n    font-family: 'DM Sans', sans-serif;\n    background: var(--cream);\n    color: var(--ink);\n    line-height: 1.6;\n  }\n\n  .wrapper {\n    max-width: 680px;\n    margin: 0 auto;\n    padding: 0 24px 80px;\n  }\n\n  \/* HERO *\/\n  .hero {\n    text-align: center;\n    padding: 56px 0 40px;\n    border-bottom: 1px solid var(--border);\n    margin-bottom: 40px;\n  }\n\n  .badge {\n    display: inline-block;\n    background: var(--accent-light);\n    color: var(--accent);\n    font-size: 11px;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    padding: 6px 16px;\n    border-radius: 100px;\n    margin-bottom: 20px;\n  }\n\n  .hero h1 {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(32px, 6vw, 48px);\n    font-weight: 700;\n    line-height: 1.15;\n    color: var(--ink);\n    margin-bottom: 8px;\n  }\n\n  .hero h1 span {\n    color: var(--accent);\n  }\n\n  .hero .tagline {\n    font-size: 17px;\n    color: var(--muted);\n    font-weight: 300;\n    margin-bottom: 28px;\n  }\n\n  .hero-hook {\n    background: var(--warm);\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 20px 24px;\n    font-size: 16px;\n    color: var(--ink);\n    line-height: 1.65;\n  }\n\n  .hero-hook strong {\n    color: var(--accent);\n    font-weight: 500;\n  }\n\n  \/* BENEFÍCIOS *\/\n  .benefits {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    margin-bottom: 48px;\n  }\n\n  .benefit-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    background: #fff;\n    border: 1px solid var(--border);\n    border-radius: 14px;\n    padding: 18px 20px;\n    transition: border-color 0.2s;\n  }\n\n  .benefit-item:hover {\n    border-color: var(--accent);\n  }\n\n  .benefit-icon {\n    width: 40px;\n    height: 40px;\n    border-radius: 10px;\n    background: var(--accent-light);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .benefit-icon svg {\n    width: 20px;\n    height: 20px;\n    stroke: var(--accent);\n    fill: none;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .benefit-text h3 {\n    font-size: 15px;\n    font-weight: 500;\n    margin-bottom: 3px;\n    color: var(--ink);\n  }\n\n  .benefit-text p {\n    font-size: 14px;\n    color: var(--muted);\n    line-height: 1.5;\n  }\n\n  \/* FAQ *\/\n  .section-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 24px;\n    font-weight: 600;\n    color: var(--ink);\n    margin-bottom: 20px;\n  }\n\n  .faq {\n    margin-bottom: 48px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .faq-item {\n    border: 1px solid var(--border);\n    border-radius: 12px;\n    overflow: hidden;\n    background: #fff;\n    margin-bottom: 8px;\n  }\n\n  .faq-question {\n    width: 100%;\n    background: none;\n    border: none;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 18px 20px;\n    font-family: 'DM Sans', sans-serif;\n    font-size: 15px;\n    font-weight: 500;\n    color: var(--ink);\n    text-align: left;\n    gap: 12px;\n    list-style: none;\n  }\n\n  .faq-question::-webkit-details-marker { display: none; }\n\n  .faq-question:hover {\n    background: var(--cream);\n  }\n\n  .faq-arrow {\n    width: 20px;\n    height: 20px;\n    stroke: var(--muted);\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    flex-shrink: 0;\n    transition: transform 0.25s ease;\n  }\n\n  details[open] .faq-arrow {\n    transform: rotate(180deg);\n  }\n\n  .faq-answer {\n    padding: 0 20px 18px;\n    font-size: 14px;\n    color: var(--muted);\n    line-height: 1.65;\n    border-top: 1px solid var(--border);\n    padding-top: 14px;\n  }\n\n  \/* SPECS *\/\n  .specs {\n    background: var(--warm);\n    border: 1px solid var(--border);\n    border-radius: 16px;\n    padding: 24px;\n    margin-bottom: 48px;\n  }\n\n  .specs-title {\n    font-family: 'Playfair Display', serif;\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 16px;\n    color: var(--ink);\n  }\n\n  .specs-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 12px;\n  }\n\n  .spec-row {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .spec-label {\n    font-size: 11px;\n    color: var(--muted);\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  }\n\n  .spec-value {\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--ink);\n  }\n\n  \/* CTA *\/\n  .cta-block {\n    background: #0F2A5E;\n    border-radius: 20px;\n    padding: 36px 28px;\n    text-align: center;\n    color: #fff;\n  }\n\n  .cta-block p {\n    font-size: 15px;\n    color: rgba(255,255,255,0.65);\n    margin-bottom: 6px;\n  }\n\n  .cta-block h2 {\n    font-family: 'Playfair Display', serif;\n    font-size: 26px;\n    font-weight: 600;\n    margin-bottom: 24px;\n    color: #fff;\n    line-height: 1.25;\n  }\n\n  .cta-block h2 em {\n    color: #7EC8F7;\n    font-style: normal;\n  }\n\n  .guarantee {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.5);\n    margin-top: 16px;\n  }\n\n  .guarantee svg {\n    width: 14px;\n    height: 14px;\n    stroke: rgba(255,255,255,0.5);\n    fill: none;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  .kit-badge {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background: rgba(255,255,255,0.1);\n    border: 1px solid rgba(255,255,255,0.15);\n    border-radius: 100px;\n    padding: 8px 20px;\n    font-size: 13px;\n    color: rgba(255,255,255,0.8);\n    margin-bottom: 20px;\n  }\n\n  .dot {\n    width: 6px;\n    height: 6px;\n    background: #7EC8F7;\n    border-radius: 50%;\n  }\n\u003c\/style\u003e\n\u003cdiv class=\"wrapper\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"badge\"\u003eKit com 3 unidades\u003c\/div\u003e\n\u003ch1\u003eBookMark\u003cspan\u003e™\u003c\/span\u003e\u003cbr\u003eMarcador de Página Inteligente\u003c\/h1\u003e\n\u003cp class=\"tagline\"\u003eMarque onde parou. Volte exatamente lá.\u003c\/p\u003e\n\u003cdiv class=\"hero-hook\"\u003eSabe aquela frustração de abrir o livro e não lembrar onde parou?\u003cbr\u003eCom o BookMark™ você marca \u003cstrong\u003ea página e a linha exata\u003c\/strong\u003e — e na próxima vez que abrir, continua de onde saiu. Simples assim.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- BENEFÍCIOS --\u003e\n\u003cdiv class=\"benefits\"\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 2L2 7l10 5 10-5-10-5z\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 17l10 5 10-5\"\u003e\u003c\/path\u003e\u003cpath d=\"M2 12l10 5 10-5\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eMarca a linha, não só a página\u003c\/h3\u003e\n\u003cp\u003eDiferente dos marcadores tradicionais, você sabe exatamente onde parou de ler — sem ficar procurando.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M9 12l2 2 4-4\"\u003e\u003c\/path\u003e\u003crect rx=\"4\" height=\"18\" width=\"18\" y=\"3\" x=\"3\"\u003e\u003c\/rect\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eNão estraga o livro\u003c\/h3\u003e\n\u003cp\u003eO silicone macio não amassa nem rasga as folhas. Pode usar sem medo, mesmo nos livros favoritos.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle r=\"10\" cy=\"12\" cx=\"12\"\u003e\u003c\/circle\u003e\u003cpath d=\"M12 6v6l4 2\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eServe em tudo que você lê\u003c\/h3\u003e\n\u003cp\u003eLivros, cadernos, agendas e planners. Funciona em qualquer espessura, com encaixe firme e seguro.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"benefit-item\"\u003e\n\u003cdiv class=\"benefit-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M20 7H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\"\u003e\u003c\/path\u003e\u003cpath d=\"M16 21V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"\u003e\u003c\/path\u003e\u003c\/svg\u003e\u003c\/div\u003e\n\u003cdiv class=\"benefit-text\"\u003e\n\u003ch3\u003eKit com 3 — use em livros diferentes ao mesmo tempo\u003c\/h3\u003e\n\u003cp\u003eLeitura, estudo e agenda juntos? Cada um com seu marcador. Chega de tirar e colocar toda hora.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- SPECS --\u003e\n\u003cdiv class=\"specs\"\u003e\n\u003cdiv class=\"specs-title\"\u003eO que vem na embalagem\u003c\/div\u003e\n\u003cdiv class=\"specs-grid\"\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eConteúdo\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e3 marcadores\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eMaterial\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eSilicone flexível\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eDimensões\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e9,6 × 5,8 × 1,4 cm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003ePeso unitário\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003e~5 g cada\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eCores\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eVariadas\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"spec-row\"\u003e\n\u003cspan class=\"spec-label\"\u003eReutilizável\u003c\/span\u003e \u003cspan class=\"spec-value\"\u003eSim\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ --\u003e\n\u003ch2 class=\"section-title\"\u003eDúvidas frequentes\u003c\/h2\u003e\n\u003cdiv class=\"faq\"\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary class=\"faq-question\"\u003eVai deixar marca ou dobrar as páginas? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eNão. O silicone é macio e flexível, então não pressiona nem amassa as folhas. Pode usar nos livros mais delicados sem preocupação.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary class=\"faq-question\"\u003eFunciona em livros grossos? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eSim. O silicone se adapta e encaixa bem em livros finos e grossos. Desde um livrinho de bolso até um romance de 800 páginas.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\" open=\"\"\u003e\n\u003csummary class=\"faq-question\"\u003eComo ele marca a linha exata? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eO clipe é posicionado direto na linha onde você parou — funciona como um guia de leitura, não apenas um separador de página.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary class=\"faq-question\"\u003ePor que vem 3 unidades? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eQuem lê normalmente alterna entre mais de uma coisa — um livro, um caderno de estudo, uma agenda. Com 3, você não precisa ficar trocando de lugar. Cada leitura tem o seu marcador.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary class=\"faq-question\"\u003eVai durar? É resistente? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eSim. O silicone de alta resistência não deforma com o uso contínuo. Não tem mola pra enfraquecer nem metal pra enferrujar. Dura bastante com uso diário.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cdetails class=\"faq-item\"\u003e\n\u003csummary class=\"faq-question\"\u003eDá pra lavar? \u003csvg viewbox=\"0 0 24 24\" class=\"faq-arrow\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"faq-answer\"\u003eDá, sim. Água e sabão resolvem. Seca rápido e está pronto pra usar de novo.\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c!-- CTA --\u003e\n\u003cdiv class=\"cta-block\"\u003e\n\u003cdiv class=\"kit-badge\"\u003e\n\u003cspan class=\"dot\"\u003e\u003c\/span\u003e BookMark™ - Kit com 3 unidades\u003c\/div\u003e\n\u003ch2\u003eSua página te espera no lugar certo.\u003c\/h2\u003e\n\u003cp\u003eLeve, simples e que resolve de verdade.\u003c\/p\u003e\n\u003cdiv class=\"guarantee\"\u003e\n\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\u003e\u003c\/path\u003e\u003c\/svg\u003e Produto seguro · Não danifica livros · Durável\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"Loja Wing","offers":[{"title":"Default Title","offer_id":51458583331104,"sku":null,"price":99.9,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0747\/2948\/8672\/files\/Sem-Titulo-1_0fb1b246-1aed-4233-8c2c-13253a344343.webp?v=1775690569","url":"https:\/\/www.lojawing.com\/products\/bookmark%e2%84%a2-marcador-de-pagina-inteligente-kit-com-3-unidades","provider":"Loja Wing","version":"1.0","type":"link"}