{"product_id":"colar-coracao-azul-prata-925","title":"Colar Coração Azul em Prata 925 com Zircônia 45cm","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"utf-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\"\u003e\n\u003ctitle\u003eDescrição estilo landing page — template editável\u003c\/title\u003e\n\n\u003c!-- CSS do editor (não vai no HTML exportado) --\u003e\n\u003cstyle\u003e\nbody{margin:0;background:#e8e6e1;font:14px system-ui,sans-serif}\n.barra{position:sticky;top:0;z-index:5;display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#2b2b2b;color:#fff}\n.barra button,.barra select{font:inherit;padding:6px 10px}\n.barra span{font-size:12px;opacity:.75}\n.contador{display:block;margin:6px 0 0;font:600 11px system-ui,sans-serif;letter-spacing:0}\n.contador.ok{color:#1a7f37}.contador.baixo{color:#b26a00}.contador.alto{color:#c62828}\n[contenteditable]:hover{outline:1px dashed #aaa;outline-offset:4px}\n[contenteditable]:focus{outline:2px solid #3b7ddd;outline-offset:4px}\n\u003c\/style\u003e\n\n\u003c!-- CSS da descrição (vai no HTML exportado). Tokens PROVISÓRIOS: não são os medidos da Voulu — troque pelos do script. --\u003e\n\u003cstyle id=\"css\"\u003e\n.desc{\n  --fonte-titulo:Georgia,\"Times New Roman\",serif;\n  --fonte-texto:system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif;\n  --titulo-tam:22px; --titulo-tam-m:18px; --titulo-letras:.12em;\n  --texto-tam:16px; --texto-tam-m:15px; --texto-linha:1.7; --alinh:left;\n  --cor-fundo:#fff; --cor-titulo:#222; --cor-texto:#555; --cor-kicker:#888;\n  --cor-btn:#2b2b2b; --cor-btn-texto:#fff; --cor-img:#e9e7e2;\n  --max-w:1100px; --texto-max:640px; --lateral:24px; --lateral-m:16px;\n  --gap-bloco:72px; --gap-bloco-m:48px; --gap-titulo:12px; --gap-img:24px;\n  --img-ratio:1\/1; --raio:0;\n}\n.desc{max-width:var(--max-w);margin:0 auto;padding:var(--gap-bloco) var(--lateral);box-sizing:border-box;background:var(--cor-fundo);font:var(--texto-tam)\/var(--texto-linha) var(--fonte-texto);color:var(--cor-texto)}\n.desc *{box-sizing:border-box}\n.desc h2,.desc h3,.desc h4{margin:0 0 var(--gap-titulo);font-family:var(--fonte-titulo);font-weight:400;color:var(--cor-titulo)}\n.desc h2{font-size:calc(var(--titulo-tam)*1.25)}\n.desc h3{font-size:var(--titulo-tam);letter-spacing:var(--titulo-letras)}\n.desc h4{font:600 var(--texto-tam)\/1.4 var(--fonte-texto)}\n.desc p{margin:0 0 var(--gap-titulo)}\n.desc .kicker{margin:0 0 6px;font-size:13px;color:var(--cor-kicker)}\n.desc .video{display:block;width:100%;aspect-ratio:16\/9;margin:0 0 var(--gap-bloco);background:var(--cor-img);border-radius:var(--raio)}\n.desc .bloco{margin:0 0 var(--gap-bloco)}\n.desc .bloco-txt{max-width:var(--texto-max);margin:0 auto var(--gap-img);text-align:var(--alinh)}\n.desc .bloco-img{display:block;width:100%;aspect-ratio:var(--img-ratio);object-fit:cover;background:var(--cor-img);border-radius:var(--raio)}\n.desc .specs{margin:var(--gap-titulo) 0}\n.desc .specs strong{color:var(--cor-titulo)}\n.desc .btn{display:inline-block;margin-top:var(--gap-titulo);padding:14px 28px;background:var(--cor-btn);color:var(--cor-btn-texto);font-size:14px;letter-spacing:.04em;text-decoration:none;border-radius:var(--raio)}\n.desc .faq{max-width:var(--texto-max);margin:0 auto}\n.desc .faq-item{padding:16px 0;border-top:1px solid var(--cor-img)}\n.desc .faq-item p{margin:0}\n\/* layout zigzag (alternativa ao empilhado) *\/\n.desc.zigzag .bloco{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-img);align-items:center}\n.desc.zigzag .bloco-txt{max-width:none;margin:0}\n.desc.zigzag .bloco:nth-of-type(even) .bloco-img{order:-1}\n@media (max-width:749px){\n  .desc{padding:var(--gap-bloco-m) var(--lateral-m);font-size:var(--texto-tam-m)}\n  .desc h3{font-size:var(--titulo-tam-m)}\n  .desc .bloco,.desc .video{margin-bottom:var(--gap-bloco-m)}\n  .desc.zigzag .bloco{display:block}\n  .desc.zigzag .bloco-txt{margin:0 0 var(--gap-img)}\n}\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"desc\"\u003e\n\n  \u003c!-- vídeo do topo: adicione \u003csource src=\"URL.mp4\" type=\"video\/mp4\"\u003e --\u003e\n  \u003cvideo class=\"video\" controls muted playsinline\u003e\u003c\/video\u003e\n\n  \u003c!-- Blocos 1–3: título (1–2 palavras, em caixa alta) + parágrafo (46–69 palavras) + imagem --\u003e\n  \u003csection class=\"bloco\"\u003e\n    \u003cdiv class=\"bloco-txt\"\u003e\n      \u003ch3 contenteditable data-min=\"1\" data-max=\"2\"\u003eCONCEITO\u003c\/h3\u003e\n      \u003cp contenteditable data-min=\"46\" data-max=\"69\"\u003eEscreva aqui…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"bloco-img\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"\"\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bloco\"\u003e\n    \u003cdiv class=\"bloco-txt\"\u003e\n      \u003ch3 contenteditable data-min=\"1\" data-max=\"2\"\u003eMATERIAL\u003c\/h3\u003e\n      \u003cp contenteditable data-min=\"46\" data-max=\"69\"\u003eEscreva aqui…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"bloco-img\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"\"\u003e\n  \u003c\/section\u003e\n\n  \u003csection class=\"bloco\"\u003e\n    \u003cdiv class=\"bloco-txt\"\u003e\n      \u003ch3 contenteditable data-min=\"1\" data-max=\"2\"\u003eEMOÇÃO\u003c\/h3\u003e\n      \u003cp contenteditable data-min=\"46\" data-max=\"69\"\u003eEscreva aqui…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"bloco-img\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Bloco 4: igual aos anteriores, mais mini-lista de specs e botão de WhatsApp (sem imagem depois) --\u003e\n  \u003csection class=\"bloco\"\u003e\n    \u003cdiv class=\"bloco-txt\"\u003e\n      \u003ch3 contenteditable data-min=\"1\" data-max=\"2\"\u003eDETALHE\u003c\/h3\u003e\n      \u003cp contenteditable data-min=\"46\" data-max=\"69\"\u003eEscreva aqui…\u003c\/p\u003e\n      \u003cp class=\"specs\" contenteditable\u003e\u003cstrong\u003eOpções:\u003c\/strong\u003e\u003cbr\u003eOpção A → especificação\u003cbr\u003eOpção B → especificação\u003c\/p\u003e\n      \u003ca class=\"btn\" href=\"#\" contenteditable\u003eFalar com um especialista\u003c\/a\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- Prova técnica: kicker + H2 + parágrafo (~42 palavras) + imagem --\u003e\n  \u003csection class=\"bloco\"\u003e\n    \u003cdiv class=\"bloco-txt\"\u003e\n      \u003cp class=\"kicker\" contenteditable\u003eprova técnica\u003c\/p\u003e\n      \u003ch2 contenteditable\u003eCertificação\u003c\/h2\u003e\n      \u003cp contenteditable data-min=\"38\" data-max=\"50\"\u003eEscreva aqui…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cimg class=\"bloco-img\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" alt=\"\"\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- FAQ: pergunta 4–11 palavras, resposta 27–50 palavras. Duplique um .faq-item para adicionar. --\u003e\n  \u003csection class=\"faq\"\u003e\n    \u003ch2 contenteditable\u003eDúvidas frequentes\u003c\/h2\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003ch4 contenteditable data-min=\"4\" data-max=\"11\"\u003ePergunta?\u003c\/h4\u003e\n      \u003cp contenteditable data-min=\"27\" data-max=\"50\"\u003eResposta…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003ch4 contenteditable data-min=\"4\" data-max=\"11\"\u003ePergunta?\u003c\/h4\u003e\n      \u003cp contenteditable data-min=\"27\" data-max=\"50\"\u003eResposta…\u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"faq-item\"\u003e\n      \u003ch4 contenteditable data-min=\"4\" data-max=\"11\"\u003ePergunta?\u003c\/h4\u003e\n      \u003cp contenteditable data-min=\"27\" data-max=\"50\"\u003eResposta…\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e\n\n\u003cscript\u003e\nconst $ = s =\u003e document.querySelector(s);\nconst U = \/[\\p{L}\\p{N}]\/u, wc = t =\u003e t.trim().split(\/\\s+\/).filter(w =\u003e U.test(w)).length;\n\n\/\/ contadores de palavras\ndocument.querySelectorAll('[data-max]').forEach(el =\u003e {\n  const c = document.createElement('small');\n  c.contentEditable = 'false';\n  el.after(c);\n  const up = () =\u003e {\n    const n = wc(el.textContent), mn = +el.dataset.min, mx = +el.dataset.max;\n    c.className = 'contador ' + (n \u003c mn ? 'baixo' : n \u003e mx ? 'alto' : 'ok');\n    c.textContent = `${n} palavras · alvo ${mn}–${mx}`;\n  };\n  el.addEventListener('input', up); up();\n});\n\n\/\/ colar só texto; Enter não quebra títulos\naddEventListener('paste', e =\u003e { if (e.target.isContentEditable) { e.preventDefault(); document.execCommand('insertText', false, e.clipboardData.getData('text\/plain')); } });\naddEventListener('keydown', e =\u003e { if (e.key === 'Enter' \u0026\u0026 e.target.matches('h2,h3,h4,.kicker,.btn')) e.preventDefault(); });\n\n\/\/ layout\n$('#lay').onchange = e =\u003e $('.desc').classList.toggle('zigzag', e.target.value === 'zigzag');\n\n\/\/ copiar HTML limpo (CSS da descrição + markup, sem contadores nem atributos de edição)\n$('#cp').onclick = async () =\u003e {\n  const c = $('.desc').cloneNode(true);\n  c.querySelectorAll('.contador').forEach(x =\u003e x.remove());\n  c.querySelectorAll('[contenteditable]').forEach(x =\u003e ['contenteditable', 'data-min', 'data-max'].forEach(a =\u003e x.removeAttribute(a)));\n  const h = `\u003cstyle\u003e${$('#css').textContent}\u003c\/style\u003e\\n${c.outerHTML}`;\n  try { await navigator.clipboard.writeText(h); }\n  catch { const t = document.createElement('textarea'); t.value = h; document.body.append(t); t.select(); document.execCommand('copy'); t.remove(); }\n  $('#st').textContent = 'HTML limpo copiado ✓';\n};\n\u003c\/script\u003e\n\n\n\u003c\/body\u003e","brand":"PRATA,PLEASE!","offers":[{"title":"Default Title","offer_id":47465013641404,"sku":null,"price":289.0,"currency_code":"BRL","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0794\/2101\/4204\/files\/6-Foto-6.jpg?v=1789162505","url":"https:\/\/prataplease.com.br\/products\/colar-coracao-azul-prata-925","provider":"PRATA,PLEASE!","version":"1.0","type":"link"}