{"id":2,"date":"2026-10-19T01:32:47","date_gmt":"2026-10-19T01:32:47","guid":{"rendered":"https:\/\/mascaraszumbi.supercriativos.com.br\/?page_id=2"},"modified":"2026-10-19T02:36:50","modified_gmt":"2026-10-19T02:36:50","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/mascaraszumbi.supercriativos.com.br\/","title":{"rendered":"Mascara Zumbi Divertidas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7ed1a8 e-con-full e-flex e-con e-parent\" data-id=\"b7ed1a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1ef0ae elementor-widget elementor-widget-html\" data-id=\"f1ef0ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>M\u00e1scaras de Zumbi para Halloween \u2014 +12 m\u00e1scaras para colorir, recortar e usar<\/title>\n<meta name=\"description\" content=\"+12 m\u00e1scaras de zumbi para imprimir, colorir, recortar e usar na festa de Halloween. Download imediato em PDF.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Creepster&family=Nunito:wght@400;600;800;900&display=swap\" rel=\"stylesheet\">\n\n<!--\n=====================================================================\n  CONFIGURA\u00c7\u00c3O \u2014 edite aqui textos, pre\u00e7os, links e imagens\n  (o restante da p\u00e1gina \u00e9 montado a partir deste bloco)\n=====================================================================\n-->\n<script>\nconst CONFIG = {\n  produto: \"M\u00e1scaras de Zumbi para Halloween\",\n\n  \/\/ Capa do produto (suba a imagem na Biblioteca de M\u00eddia e cole a URL)\n  imagemCapa: \"\", \/\/ URL da capa\/mockup do hero \u2014 vazio mostra placeholder\n  imagemMockupMascaras: \"\", \/\/ opcional: foto das folhas impressas \/ crian\u00e7as usando\n\n  \/\/ Data-limite da oferta (contagem regressiva). Formato ISO com fuso de Bras\u00edlia.\n  fimOferta: \"2026-10-31T23:59:59-03:00\",\n\n  \/\/ Links de checkout CartPanda\n  checkoutBasico:   \"https:\/\/SEU-CHECKOUT-CARTPANDA\/basico\",\n  checkoutCompleto: \"https:\/\/SEU-CHECKOUT-CARTPANDA\/completo\",\n\n  planos: {\n    basico: {\n      nome: \"Pacote B\u00e1sico\",\n      imagem: \"\", \/\/ mockup do pacote (ex: 12 folhas P&B) \u2014 vazio mostra placeholder\n      de: \"R$ 19,90\",\n      por: \"9,90\",\n      itens: [\n        \"12 m\u00e1scaras de zumbi em PDF (preto e branco)\",\n        \"Prontas para imprimir em folha A4\",\n        \"Guia r\u00e1pido de montagem\",\n        \"Acesso imediato por e-mail\"\n      ]\n    },\n    completo: {\n      nome: \"Kit Festa Completa\",\n      imagem: \"\", \/\/ mockup do kit completo (m\u00e1scaras + b\u00f4nus) \u2014 vazio mostra placeholder\n      de: \"R$ 47,00\",\n      por: \"19,90\",\n      itens: [\n        \"12 m\u00e1scaras de zumbi para colorir (P&B)\",\n        \"12 vers\u00f5es j\u00e1 coloridas, prontas para usar\",\n        \"B\u00d4NUS 1: Kit Decora\u00e7\u00e3o Halloween (bandeirolas, tags de doces e convite)\",\n        \"B\u00d4NUS 2: 20 desenhos de Zumbis Atrapalhados para colorir\",\n        \"B\u00d4NUS 3: Guia \u201cFesta de Halloween em casa em 1 hora\u201d\",\n        \"Acesso imediato + atualiza\u00e7\u00f5es gr\u00e1tis\"\n      ]\n    }\n  },\n\n  \/\/ As 12 m\u00e1scaras (nome, cor de destaque e um detalhe em emoji)\n  mascaras: [\n    { nome: \"Zumbi C\u00e9rebro Exposto\", cor: \"#b6f23a\", detalhe: \"\ud83e\udde0\" },\n    { nome: \"Zumbi Princesa do La\u00e7o\", cor: \"#c9a6ff\", detalhe: \"\ud83c\udf80\" },\n    { nome: \"Zumbi Parafuso\",         cor: \"#7ed957\", detalhe: \"\ud83d\udd29\" },\n    { nome: \"Zumbi M\u00famia\",            cor: \"#f1e3c2\", detalhe: \"\ud83e\ude79\" },\n    { nome: \"Zumbi Pirata\",           cor: \"#ffb366\", detalhe: \"\ud83c\udff4\u200d\u2620\ufe0f\" },\n    { nome: \"Zumbi Vampirinho\",       cor: \"#ff8fa3\", detalhe: \"\ud83e\udd87\" },\n    { nome: \"Zumbi Bruxinha\",         cor: \"#a5e887\", detalhe: \"\ud83e\uddf9\" },\n    { nome: \"Zumbi Ab\u00f3bora\",          cor: \"#ff9a3c\", detalhe: \"\ud83c\udf83\" },\n    { nome: \"Zumbi Esqueleto\",        cor: \"#e9e9f0\", detalhe: \"\ud83e\uddb4\" },\n    { nome: \"Zumbi Lobisomem\",        cor: \"#c7a27c\", detalhe: \"\ud83c\udf15\" },\n    { nome: \"Zumbi Palha\u00e7o\",          cor: \"#7fd3ff\", detalhe: \"\ud83c\udf88\" },\n    { nome: \"Zumbi Astronauta\",       cor: \"#b8c4ff\", detalhe: \"\ud83d\ude80\" }\n  ],\n\n  \/\/ CARROSSEL (2\u00aa se\u00e7\u00e3o): imagens das m\u00e1scaras. Cole as URLs da Biblioteca de M\u00eddia.\n  \/\/ Enquanto estiver vazio, o carrossel mostra as ilustra\u00e7\u00f5es das 12 m\u00e1scaras acima.\n  \/\/ ex: { src: \"https:\/\/...\/mascara-01.jpg\", legenda: \"Zumbi C\u00e9rebro Exposto\" }\n  carrossel: [\n    \/\/ { src: \"\", legenda: \"\" },\n  ],\n  carrosselAutoplay: 3500, \/\/ ms entre slides (0 = desligado)\n\n  \/\/ Imagens dos 3 b\u00f4nus (na ordem). Vazio mostra placeholder.\n  bonusImagens: [\n    \"\", \/\/ B\u00d4NUS 1 \u2014 Kit Decora\u00e7\u00e3o Halloween\n    \"\", \/\/ B\u00d4NUS 2 \u2014 20 Zumbis Atrapalhados\n    \"\"  \/\/ B\u00d4NUS 3 \u2014 Guia Festa de Halloween em 1 hora\n  ],\n\n  \/\/ Depoimentos REAIS de clientes. A se\u00e7\u00e3o s\u00f3 aparece se houver itens aqui.\n  \/\/ ex: { nome: \"Ana, m\u00e3e do Pedro (7 anos)\", texto: \"...\" }\n  depoimentos: [],\n\n  garantiaDias: 7,\n  whatsappSuporte: \"\" \/\/ opcional: \"5517999999999\"\n};\n<\/script>\n\n<style>\n:root{\n  --roxo-escuro:#1a0933;\n  --roxo:#2d1259;\n  --roxo-medio:#5b21b6;\n  --roxo-vivo:#8b3dff;\n  --verde:#b6f23a;\n  --verde-escuro:#7ab317;\n  --laranja:#ff7a1a;\n  --laranja-escuro:#d95d00;\n  --amarelo:#ffd60a;\n  --branco:#ffffff;\n  --creme:#fff8ec;\n  --texto:#1d1530;\n  --cinza:#6b6380;\n  --raio:18px;\n}\n*{box-sizing:border-box;margin:0;padding:0}\nhtml{scroll-behavior:smooth}\nbody{\n  font-family:'Nunito',system-ui,sans-serif;\n  background:var(--roxo-escuro);\n  color:var(--branco);\n  line-height:1.55;\n  overflow-x:hidden;\n}\nimg{max-width:100%;display:block}\na{color:inherit}\n.container{width:100%;max-width:1080px;margin:0 auto;padding:0 16px}\n\n\/* ---------- Tipografia ---------- *\/\n.titulo-terror{\n  font-family:'Creepster',cursive;\n  letter-spacing:2px;\n  line-height:1;\n}\n.titulo-hq{font-family:'Bangers',cursive;letter-spacing:1.5px;line-height:1.05}\nh2.secao-titulo{\n  font-family:'Bangers',cursive;\n  font-size:clamp(2rem,5.5vw,3.2rem);\n  letter-spacing:1.5px;\n  text-align:center;\n  line-height:1.05;\n  margin-bottom:12px;\n}\n.secao-sub{text-align:center;max-width:640px;margin:0 auto 36px;font-size:1.08rem;opacity:.9}\n.verde{color:var(--verde)} .laranja{color:var(--laranja)} .amarelo{color:var(--amarelo)}\n\n\/* ---------- Barra de urg\u00eancia ---------- *\/\n.barra-urgencia{\n  background:var(--laranja);\n  color:var(--roxo-escuro);\n  text-align:center;\n  font-weight:900;\n  font-size:.92rem;\n  padding:9px 12px;\n  position:sticky;top:0;z-index:50;\n}\n.barra-urgencia span.timer{background:var(--roxo-escuro);color:var(--verde);padding:2px 8px;border-radius:6px;margin-left:6px;font-variant-numeric:tabular-nums;white-space:nowrap}\n\n\/* ---------- Bot\u00f5es ---------- *\/\n.btn{\n  display:inline-flex;align-items:center;justify-content:center;gap:10px;\n  font-family:'Bangers',cursive;font-size:1.55rem;letter-spacing:1.5px;\n  text-decoration:none;text-align:center;\n  background:var(--verde);color:var(--roxo-escuro);\n  padding:16px 34px;border-radius:999px;\n  border:3px solid var(--roxo-escuro);\n  box-shadow:0 6px 0 var(--verde-escuro),0 10px 30px rgba(182,242,58,.35);\n  transition:transform .15s,box-shadow .15s;\n  animation:pulsar 2.2s ease-in-out infinite;\n}\n.btn:hover{transform:translateY(-2px)}\n.btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--verde-escuro)}\n.btn.laranja-btn{background:var(--laranja);color:var(--branco);box-shadow:0 6px 0 var(--laranja-escuro),0 10px 30px rgba(255,122,26,.35)}\n.btn.contorno{background:transparent;color:var(--roxo);border-color:var(--roxo);box-shadow:none;animation:none}\n@keyframes pulsar{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}\n.mini-seguro{font-size:.85rem;opacity:.8;margin-top:12px}\n\n\/* ---------- Hero ---------- *\/\n.hero{\n  position:relative;\n  padding:44px 0 64px;\n  background:\n    radial-gradient(circle at 85% 8%,rgba(255,240,200,.25) 0,rgba(255,240,200,0) 22%),\n    radial-gradient(ellipse at 50% 120%,var(--roxo-medio) 0,transparent 60%),\n    linear-gradient(180deg,var(--roxo-escuro),var(--roxo));\n  overflow:hidden;\n}\n.hero::before{ \/* lua *\/\n  content:\"\";position:absolute;top:30px;right:8%;width:110px;height:110px;border-radius:50%;\n  background:#fff3cf;box-shadow:0 0 60px 20px rgba(255,243,207,.25);opacity:.9;\n}\n.morcegos{position:absolute;top:40px;right:2%;font-size:1.6rem;opacity:.8;animation:voar 6s ease-in-out infinite}\n@keyframes voar{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,10px)}}\n.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}\n.selo-topo{\n  display:inline-block;background:var(--verde);color:var(--roxo-escuro);\n  font-weight:900;font-size:.85rem;padding:6px 14px;border-radius:999px;margin-bottom:16px;\n  transform:rotate(-2deg);\n}\n.hero h1{margin-bottom:18px}\n.hero h1 .l1{display:block;font-size:clamp(3rem,9vw,5.4rem);color:var(--verde);text-shadow:4px 4px 0 var(--roxo-escuro),0 0 30px rgba(182,242,58,.35)}\n.hero h1 .l2{display:block;font-size:clamp(3.4rem,11vw,6.4rem);color:var(--laranja);text-shadow:4px 4px 0 var(--roxo-escuro)}\n.hero h1 .l3{\n  display:inline-block;margin-top:8px;font-family:'Bangers',cursive;font-size:clamp(1.6rem,4.5vw,2.4rem);\n  background:var(--roxo-vivo);padding:4px 16px;border-radius:10px;transform:rotate(-1.5deg);letter-spacing:2px\n}\n.hero p.lead{font-size:1.15rem;margin:20px 0 26px;max-width:520px}\n.hero p.lead strong{color:var(--verde)}\n.passos-mini{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}\n.passos-mini span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:999px;font-weight:800;font-size:.9rem}\n.capa-wrap{position:relative}\n.capa-wrap img,.capa-placeholder{\n  width:100%;border-radius:22px;border:4px solid var(--verde);\n  box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 10px rgba(182,242,58,.12);\n  transform:rotate(1.5deg);\n}\n.capa-placeholder{\n  aspect-ratio:2\/3;background:linear-gradient(160deg,var(--roxo-medio),var(--roxo-escuro));\n  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:10px\n}\n.capa-placeholder{border-style:dashed}\n.capa-placeholder .ico{font-size:3.4rem;line-height:1}\n.capa-placeholder strong{font-family:'Bangers',cursive;font-size:1.8rem;letter-spacing:1px;color:var(--verde)}\n.capa-placeholder small{opacity:.7}\n.badge-12{\n  position:absolute;left:-18px;bottom:40px;width:120px;height:120px;border-radius:50%;\n  background:var(--laranja);color:var(--roxo-escuro);border:4px solid var(--roxo-escuro);\n  display:flex;flex-direction:column;align-items:center;justify-content:center;\n  font-family:'Bangers',cursive;line-height:.95;transform:rotate(-10deg);\n  box-shadow:0 8px 24px rgba(0,0,0,.4)\n}\n.badge-12 b{font-size:2.6rem;color:var(--branco);-webkit-text-stroke:1.5px var(--roxo-escuro)}\n.badge-12 small{font-size:1rem}\n\n\/* ---------- Carrossel de m\u00e1scaras ---------- *\/\n.carrossel-sec{background:var(--roxo);padding:56px 0 48px;position:relative}\n.carrossel-sec .secao-sub{margin-bottom:26px}\n.carrossel{position:relative;max-width:1080px;margin:0 auto}\n.carrossel-trilho{\n  display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;\n  padding:6px 16px 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch\n}\n.carrossel-trilho::-webkit-scrollbar{display:none}\n.slide{\n  flex:0 0 calc((100% - 48px)\/4);scroll-snap-align:center;\n  background:var(--branco);border:4px solid var(--roxo-escuro);border-radius:18px;overflow:hidden;\n  box-shadow:6px 6px 0 var(--roxo-escuro);color:var(--texto);display:flex;flex-direction:column\n}\n.slide .slide-img{aspect-ratio:3\/4;background:#f4f0fb;display:flex;align-items:center;justify-content:center}\n.slide .slide-img img{width:100%;height:100%;object-fit:cover}\n.slide .slide-img svg{width:72%;height:auto}\n.slide .slide-legenda{padding:10px 12px;text-align:center;font-weight:900;font-size:.95rem;border-top:3px dashed #e3d9f7}\n.car-btn{\n  position:absolute;top:42%;transform:translateY(-50%);z-index:2;width:46px;height:46px;border-radius:50%;\n  background:var(--verde);color:var(--roxo-escuro);border:3px solid var(--roxo-escuro);\n  font-size:1.4rem;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;\n  box-shadow:0 4px 0 var(--verde-escuro)\n}\n.car-btn.prev{left:4px}.car-btn.next{right:4px}\n.car-dots{display:flex;justify-content:center;gap:8px;margin-top:6px}\n.car-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:width .2s}\n.car-dots button.ativo{background:var(--verde);width:26px;border-radius:999px}\n.carrossel-cta{text-align:center;margin-top:28px}\n@media (max-width:900px){.slide{flex-basis:calc((100% - 32px)\/3)}}\n@media (max-width:640px){.slide{flex-basis:72%}.car-btn{width:40px;height:40px}}\n\n\/* ---------- Faixa de \u00edcones ---------- *\/\n.faixa{background:var(--roxo-vivo);padding:26px 0;border-top:4px solid var(--verde);border-bottom:4px solid var(--verde)}\n.faixa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center}\n.faixa-item .ico{\n  width:74px;height:74px;margin:0 auto 8px;border-radius:50%;display:flex;align-items:center;justify-content:center;\n  font-size:2.1rem;border:3px solid var(--roxo-escuro)\n}\n.faixa-item:nth-child(1) .ico{background:var(--verde)}\n.faixa-item:nth-child(2) .ico{background:var(--laranja)}\n.faixa-item:nth-child(3) .ico{background:var(--amarelo)}\n.faixa-item:nth-child(4) .ico{background:#c084fc}\n.faixa-item h3{font-family:'Bangers',cursive;font-size:1.5rem;letter-spacing:1.5px}\n\n\/* ---------- Se\u00e7\u00f5es gerais ---------- *\/\nsection.bloco{padding:72px 0}\n.fundo-claro{background:var(--creme);color:var(--texto)}\n.fundo-claro .secao-sub{color:var(--cinza);opacity:1}\n\n\/* Dor \/ desejo *\/\n.dor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.dor-card{background:var(--branco);border-radius:var(--raio);padding:24px;border:3px solid var(--roxo-escuro);box-shadow:6px 6px 0 var(--roxo-escuro)}\n.dor-card .emoji{font-size:2.2rem;margin-bottom:8px}\n.dor-card h3{font-weight:900;font-size:1.15rem;margin-bottom:6px;color:var(--roxo)}\n.virada{\n  margin-top:40px;text-align:center;background:var(--roxo);color:var(--branco);\n  border-radius:22px;padding:30px 22px;\n}\n.virada p{font-size:1.2rem;max-width:680px;margin:0 auto}\n.virada strong{color:var(--verde)}\n\n\/* Grade das m\u00e1scaras *\/\n.mascaras-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}\n.mascara-card{\n  background:var(--branco);color:var(--texto);border-radius:16px;padding:16px 12px 14px;text-align:center;\n  border:3px solid var(--roxo-escuro);position:relative;transition:transform .2s\n}\n.mascara-card:hover{transform:translateY(-4px) rotate(-1deg)}\n.mascara-card .num{position:absolute;top:8px;left:10px;font-family:'Bangers',cursive;color:var(--roxo-vivo);font-size:1.1rem}\n.mascara-card .detalhe{position:absolute;top:6px;right:10px;font-size:1.4rem}\n.mascara-card svg{width:100%;max-width:130px;height:auto;margin:6px auto 8px}\n.mascara-card h4{font-weight:900;font-size:.95rem;line-height:1.2}\n.mascara-card .tag{display:inline-block;font-size:.72rem;font-weight:800;margin-top:6px;padding:2px 8px;border-radius:999px;background:#efe7ff;color:var(--roxo-medio)}\n\n\/* Como funciona *\/\n.passos-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:passo}\n.passo{background:rgba(255,255,255,.06);border:2px dashed rgba(182,242,58,.5);border-radius:var(--raio);padding:26px 18px;text-align:center;position:relative}\n.passo::before{\n  counter-increment:passo;content:counter(passo);\n  position:absolute;top:-18px;left:50%;transform:translateX(-50%);\n  width:38px;height:38px;border-radius:50%;background:var(--verde);color:var(--roxo-escuro);\n  font-family:'Bangers',cursive;font-size:1.4rem;display:flex;align-items:center;justify-content:center;border:3px solid var(--roxo-escuro)\n}\n.passo .emoji{font-size:2.4rem;margin:6px 0 8px}\n.passo h3{font-family:'Bangers',cursive;font-size:1.5rem;letter-spacing:1px;color:var(--verde)}\n.dica{margin-top:28px;text-align:center;background:rgba(255,214,10,.12);border:1px solid rgba(255,214,10,.4);border-radius:14px;padding:14px 18px;font-size:.98rem}\n\n\/* Para quem \u00e9 *\/\n.quem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:860px;margin:0 auto}\n.quem-item{display:flex;gap:14px;align-items:flex-start;background:var(--branco);border-radius:14px;padding:18px;border-left:6px solid var(--laranja)}\n.quem-item .emoji{font-size:1.8rem;flex-shrink:0}\n.quem-item strong{display:block;color:var(--roxo);font-size:1.05rem}\n.quem-item span{color:var(--cinza);font-size:.95rem}\n\n\/* B\u00f4nus *\/\n.bonus-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}\n.bonus-card{\n  background:linear-gradient(160deg,var(--roxo-medio),var(--roxo));\n  border:3px solid var(--amarelo);border-radius:20px;padding:26px 20px;position:relative;text-align:center\n}\n.bonus-card .rotulo{\n  position:absolute;top:-16px;left:50%;transform:translateX(-50%) rotate(-3deg);\n  background:var(--amarelo);color:var(--roxo-escuro);font-family:'Bangers',cursive;font-size:1.2rem;\n  padding:4px 16px;border-radius:8px;white-space:nowrap;letter-spacing:1px\n}\n.bonus-card .emoji{font-size:3rem;margin:10px 0 8px}\n.bonus-img{margin:14px 0 14px;border-radius:14px;overflow:hidden;aspect-ratio:4\/3;background:rgba(255,255,255,.08)}\n.bonus-img img{width:100%;height:100%;object-fit:cover}\n.bonus-img.vazio{\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;\n  border:3px dashed rgba(255,214,10,.6);font-weight:800;font-size:.85rem;padding:12px\n}\n.bonus-img.vazio .ico{font-size:2.6rem;line-height:1}\n.bonus-img.vazio small{font-weight:600;opacity:.7}\n.bonus-card h3{font-weight:900;font-size:1.15rem;margin-bottom:6px}\n.bonus-card p{font-size:.95rem;opacity:.88}\n.bonus-card .valor{margin-top:12px;font-weight:800;font-size:.9rem}\n.bonus-card .valor s{opacity:.6}\n.bonus-card .valor b{color:var(--verde)}\n\n\/* Pre\u00e7os *\/\n.precos{background:\n  radial-gradient(ellipse at 50% 0,rgba(139,61,255,.45),transparent 60%),var(--roxo-escuro)}\n.timer-grande{display:flex;justify-content:center;gap:10px;margin:0 auto 34px}\n.timer-grande div{background:var(--branco);color:var(--roxo-escuro);border-radius:12px;padding:10px 0;width:76px;text-align:center;border:3px solid var(--laranja)}\n.timer-grande b{display:block;font-family:'Bangers',cursive;font-size:2.2rem;line-height:1}\n.timer-grande small{font-size:.72rem;font-weight:800;text-transform:uppercase}\n.planos-grid{display:grid;grid-template-columns:1fr 1.12fr;gap:22px;align-items:center;max-width:900px;margin:0 auto}\n.plano{background:var(--branco);color:var(--texto);border-radius:24px;padding:30px 26px;border:3px solid #d9d0ee;text-align:center;position:relative}\n.plano.destaque{border:4px solid var(--verde);box-shadow:0 0 0 8px rgba(182,242,58,.18),0 24px 60px rgba(0,0,0,.45)}\n.plano .fita{\n  position:absolute;top:-18px;left:50%;transform:translateX(-50%);\n  background:var(--laranja);color:var(--branco);font-family:'Bangers',cursive;font-size:1.25rem;letter-spacing:1px;\n  padding:5px 18px;border-radius:999px;border:3px solid var(--roxo-escuro);white-space:nowrap\n}\n.plano-img{margin:6px 0 16px;border-radius:16px;overflow:hidden;aspect-ratio:4\/3;background:#f4f0fb}\n.plano-img img{width:100%;height:100%;object-fit:cover}\n.plano-img.vazio{\n  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;\n  border:3px dashed #c9b8ef;color:var(--roxo-medio);font-weight:800;font-size:.85rem;text-align:center;padding:12px\n}\n.plano-img.vazio .ico{font-size:2.4rem;line-height:1}\n.plano-img.vazio small{font-weight:600;color:var(--cinza)}\n.plano.destaque .plano-img.vazio{border-color:var(--verde-escuro);background:#f6fde8}\n.plano h3{font-family:'Bangers',cursive;font-size:2rem;color:var(--roxo);letter-spacing:1px}\n.plano .de{color:var(--cinza);text-decoration:line-through;font-weight:700;margin-top:4px}\n.plano .por{font-family:'Bangers',cursive;color:var(--roxo-escuro);line-height:1;margin:6px 0 2px}\n.plano .por small{font-size:1.5rem;vertical-align:top;margin-right:2px}\n.plano .por b{font-size:4.2rem}\n.plano.destaque .por b{font-size:5rem;color:var(--verde-escuro)}\n.plano .avista{font-size:.85rem;color:var(--cinza);font-weight:700;margin-bottom:18px}\n.plano ul{list-style:none;text-align:left;margin:0 0 24px;display:grid;gap:9px}\n.plano li{padding-left:28px;position:relative;font-size:.97rem}\n.plano li::before{content:\"\u2714\";position:absolute;left:0;top:0;color:var(--verde-escuro);font-weight:900}\n.plano li.bonus-li{font-weight:800;color:var(--roxo-medio)}\n.plano li.bonus-li::before{content:\"\ud83c\udf81\"}\n.plano .btn{width:100%;font-size:1.4rem;padding:15px 18px}\n.plano:not(.destaque) .btn{animation:none}\n.pagamento{margin-top:12px;font-size:.8rem;color:var(--cinza);font-weight:700}\n\n\/* Garantia *\/\n.garantia{display:flex;gap:28px;align-items:center;max-width:820px;margin:0 auto;background:var(--branco);border-radius:24px;padding:30px;border:3px dashed var(--roxo-vivo)}\n.selo-garantia{\n  flex-shrink:0;width:140px;height:140px;border-radius:50%;\n  background:conic-gradient(var(--verde) 0 25%,var(--laranja) 0 50%,var(--verde) 0 75%,var(--laranja) 0);\n  display:flex;align-items:center;justify-content:center;padding:10px\n}\n.selo-garantia div{width:100%;height:100%;border-radius:50%;background:var(--roxo);color:var(--branco);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Bangers',cursive;line-height:1}\n.selo-garantia b{font-size:3rem;color:var(--verde)}\n.garantia h3{font-family:'Bangers',cursive;font-size:2rem;color:var(--roxo);letter-spacing:1px;margin-bottom:6px}\n\n\/* Depoimentos *\/\n.depo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}\n.depo{background:var(--branco);border-radius:16px;padding:20px;border:2px solid #e6dcfb}\n.depo p{font-style:italic;margin-bottom:10px}\n.depo strong{color:var(--roxo)}\n\n\/* FAQ *\/\n.faq{max-width:780px;margin:0 auto;display:grid;gap:12px}\n.faq details{background:rgba(255,255,255,.06);border:2px solid rgba(255,255,255,.14);border-radius:14px;padding:4px 18px}\n.faq details[open]{border-color:var(--verde)}\n.faq summary{cursor:pointer;list-style:none;font-weight:900;font-size:1.05rem;padding:14px 30px 14px 0;position:relative}\n.faq summary::-webkit-details-marker{display:none}\n.faq summary::after{content:\"+\";position:absolute;right:0;top:8px;font-size:1.6rem;color:var(--verde);transition:transform .2s}\n.faq details[open] summary::after{transform:rotate(45deg)}\n.faq details p{padding:0 0 16px;opacity:.88}\n\n\/* CTA final *\/\n.cta-final{text-align:center;padding:76px 0 110px;background:linear-gradient(180deg,var(--roxo),var(--roxo-escuro))}\n.cta-final h2{font-size:clamp(2.6rem,8vw,4.4rem);color:var(--verde);margin-bottom:14px;text-shadow:3px 3px 0 #000}\n.cta-final p{max-width:560px;margin:0 auto 28px;font-size:1.12rem}\n\nfooter{background:#0f0520;text-align:center;padding:26px 16px 96px;font-size:.82rem;opacity:.7}\nfooter a{opacity:.9}\n\n\/* CTA fixo mobile *\/\n.cta-fixo{\n  position:fixed;left:0;right:0;bottom:0;z-index:60;\n  background:rgba(26,9,51,.96);backdrop-filter:blur(6px);\n  padding:10px 16px;display:none;align-items:center;justify-content:space-between;gap:12px;\n  border-top:2px solid var(--verde);transform:translateY(110%);transition:transform .3s\n}\n.cta-fixo.visivel{transform:translateY(0)}\n.cta-fixo .preco-mini{font-weight:900;line-height:1.1;font-size:.85rem}\n.cta-fixo .preco-mini b{font-family:'Bangers',cursive;font-size:1.6rem;color:var(--verde);letter-spacing:1px}\n.cta-fixo .btn{font-size:1.15rem;padding:10px 18px;animation:none;box-shadow:0 4px 0 var(--verde-escuro)}\n\n\/* Anima\u00e7\u00e3o de entrada *\/\n.revelar{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}\n.revelar.ativo{opacity:1;transform:none}\n\n\/* ---------- Responsivo ---------- *\/\n@media (max-width:900px){\n  .hero-grid{grid-template-columns:1fr;text-align:center}\n  .hero p.lead{margin-left:auto;margin-right:auto}\n  .passos-mini{justify-content:center}\n  .capa-wrap{max-width:380px;margin:0 auto}\n  .mascaras-grid{grid-template-columns:repeat(3,1fr)}\n  .passos-grid{grid-template-columns:repeat(2,1fr);row-gap:34px}\n  .bonus-grid{grid-template-columns:1fr;gap:30px;max-width:480px;margin:0 auto}\n  .planos-grid{grid-template-columns:1fr;max-width:460px}\n  .plano.destaque{order:-1}\n  .dor-grid{grid-template-columns:1fr}\n}\n@media (max-width:640px){\n  section.bloco{padding:56px 0}\n  .faixa-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}\n  .mascaras-grid{grid-template-columns:repeat(2,1fr);gap:12px}\n  .quem-grid{grid-template-columns:1fr}\n  .garantia{flex-direction:column;text-align:center;padding:24px 18px}\n  .timer-grande div{width:66px}\n  .badge-12{width:96px;height:96px;left:-6px}\n  .badge-12 b{font-size:2rem}\n  .hero::before{width:70px;height:70px;right:4%}\n  .cta-fixo{display:flex}\n  .btn{font-size:1.35rem;padding:15px 24px}\n}\n@media (prefers-reduced-motion:reduce){\n  *{animation:none!important;transition:none!important}\n  .revelar{opacity:1;transform:none}\n}\n<\/style>\n<\/head>\n<body>\n\n<!-- BARRA DE URG\u00caNCIA -->\n<div class=\"barra-urgencia\" id=\"barraUrgencia\">\n  \ud83c\udf83 Oferta de Halloween termina em <span class=\"timer\" id=\"timerBarra\">--:--:--<\/span>\n<\/div>\n\n<!-- HERO -->\n<header class=\"hero\">\n  <div class=\"morcegos\" aria-hidden=\"true\">\ud83e\udd87 \ud83e\udd87<\/div>\n  <div class=\"container hero-grid\">\n    <div>\n      <span class=\"selo-topo\">\ud83d\udce5 DOWNLOAD IMEDIATO EM PDF<\/span>\n      <h1>\n        <span class=\"l1 titulo-terror\">M\u00e1scaras<\/span>\n        <span class=\"l2 titulo-terror\">de Zumbi<\/span>\n        <span class=\"l3\">PARA HALLOWEEN<\/span>\n      <\/h1>\n      <p class=\"lead\">\n        <strong>+12 m\u00e1scaras divertidas<\/strong> para imprimir, colorir, recortar e usar na festa.\n        A fantasia de Halloween mais barata (e criativa) que seu filho vai ter \u2014 feita pelas m\u00e3ozinhas dele!\n      <\/p>\n      <div class=\"passos-mini\">\n        <span>\ud83d\udd8d\ufe0f Pinte<\/span><span>\u2702\ufe0f Recorte<\/span><span>\ud83c\udfad Monte<\/span><span>\ud83d\ude4c Brinque<\/span>\n      <\/div>\n      <a href=\"#ofertas\" class=\"btn\">QUERO AS M\u00c1SCARAS \ud83e\udddf<\/a>\n      <p class=\"mini-seguro\">\ud83d\udd12 Compra segura \u2022 Acesso no seu e-mail em minutos<\/p>\n    <\/div>\n    <div class=\"capa-wrap\">\n      <div id=\"capaSlot\"><\/div>\n      <div class=\"badge-12\"><b>+12<\/b><small>M\u00c1SCARAS<\/small><\/div>\n    <\/div>\n  <\/div>\n<\/header>\n\n<!-- CARROSSEL DE M\u00c1SCARAS (2\u00aa se\u00e7\u00e3o) -->\n<section class=\"carrossel-sec\" id=\"galeria\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Veja as <span class=\"verde\">m\u00e1scaras<\/span> \ud83e\udddf<\/h2>\n    <p class=\"secao-sub\">Arraste para o lado e conhe\u00e7a a turma que vai assombrar (de rir) o seu Halloween.<\/p>\n  <\/div>\n  <div class=\"carrossel\">\n    <button class=\"car-btn prev\" aria-label=\"Anterior\">\u2039<\/button>\n    <div class=\"carrossel-trilho\" id=\"carTrilho\"><\/div>\n    <button class=\"car-btn next\" aria-label=\"Pr\u00f3xima\">\u203a<\/button>\n  <\/div>\n  <div class=\"car-dots\" id=\"carDots\"><\/div>\n  <div class=\"carrossel-cta\"><a href=\"#ofertas\" class=\"btn\">QUERO TODAS AS M\u00c1SCARAS<\/a><\/div>\n<\/section>\n\n<!-- FAIXA DE \u00cdCONES -->\n<div class=\"faixa\">\n  <div class=\"container faixa-grid\">\n    <div class=\"faixa-item\"><div class=\"ico\">\ud83d\udd8d\ufe0f<\/div><h3>PINTE<\/h3><\/div>\n    <div class=\"faixa-item\"><div class=\"ico\">\u2702\ufe0f<\/div><h3>RECORTE<\/h3><\/div>\n    <div class=\"faixa-item\"><div class=\"ico\">\ud83c\udfad<\/div><h3>MONTE<\/h3><\/div>\n    <div class=\"faixa-item\"><div class=\"ico\">\ud83d\ude4c<\/div><h3>E BRINQUE!<\/h3><\/div>\n  <\/div>\n<\/div>\n\n<!-- DOR \/ DESEJO -->\n<section class=\"bloco fundo-claro\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">O Halloween t\u00e1 chegando\u2026 <span class=\"laranja\">e a fantasia?<\/span><\/h2>\n    <p class=\"secao-sub\">Todo ano \u00e9 a mesma hist\u00f3ria. Voc\u00ea conhece pelo menos uma dessas:<\/p>\n    <div class=\"dor-grid\">\n      <div class=\"dor-card revelar\">\n        <div class=\"emoji\">\ud83d\udcb8<\/div>\n        <h3>Fantasia cara que usa uma vez<\/h3>\n        <p>Gastar R$ 80, R$ 100 numa fantasia de loja que vai parar no fundo do arm\u00e1rio no dia seguinte.<\/p>\n      <\/div>\n      <div class=\"dor-card revelar\">\n        <div class=\"emoji\">\ud83d\udcf1<\/div>\n        <h3>Crian\u00e7a grudada na tela<\/h3>\n        <p>Voc\u00ea queria uma atividade que tirasse eles do celular e ainda gerasse aquele momento em fam\u00edlia.<\/p>\n      <\/div>\n      <div class=\"dor-card revelar\">\n        <div class=\"emoji\">\u23f0<\/div>\n        <h3>Festa da escola em cima da hora<\/h3>\n        <p>O bilhete chegou ontem: \u201cvenha fantasiado\u201d. E agora, o que inventar at\u00e9 amanh\u00e3?<\/p>\n      <\/div>\n    <\/div>\n    <div class=\"virada revelar\">\n      <p>Com as <strong>M\u00e1scaras de Zumbi<\/strong>, voc\u00ea imprime hoje, a crian\u00e7a pinta do jeito dela e em poucos minutos ela tem <strong>uma fantasia \u00fanica, que ela mesma fez<\/strong> \u2014 por menos que o pre\u00e7o de um saco de balas.<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- AS 12 M\u00c1SCARAS -->\n<section class=\"bloco\" id=\"mascaras\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Conhe\u00e7a a <span class=\"verde\">turma de zumbis<\/span> \ud83e\udddf<\/h2>\n    <p class=\"secao-sub\">12 personagens diferentes, com tra\u00e7o grosso e olhos j\u00e1 marcados para recortar. Tem para todo gosto \u2014 do assustadinho ao fofo.<\/p>\n    <div class=\"mascaras-grid\" id=\"gradeMascaras\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- COMO FUNCIONA -->\n<section class=\"bloco\" style=\"background:var(--roxo)\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Pronta em <span class=\"amarelo\">4 passos simples<\/span><\/h2>\n    <p class=\"secao-sub\">N\u00e3o precisa ter jeito para artesanato. Se voc\u00ea tem impressora, tesoura e l\u00e1pis de cor, j\u00e1 tem tudo.<\/p>\n    <div class=\"passos-grid\">\n      <div class=\"passo revelar\"><div class=\"emoji\">\ud83d\udda8\ufe0f<\/div><h3>IMPRIMA<\/h3><p>Baixe o PDF e imprima em folha A4, quantas vezes quiser.<\/p><\/div>\n      <div class=\"passo revelar\"><div class=\"emoji\">\ud83d\udd8d\ufe0f<\/div><h3>PINTE<\/h3><p>L\u00e1pis, giz de cera, canetinha ou tinta \u2014 a crian\u00e7a escolhe as cores.<\/p><\/div>\n      <div class=\"passo revelar\"><div class=\"emoji\">\u2702\ufe0f<\/div><h3>RECORTE<\/h3><p>Recorte o contorno e os olhos, seguindo as linhas marcadas.<\/p><\/div>\n      <div class=\"passo revelar\"><div class=\"emoji\">\ud83c\udfad<\/div><h3>USE!<\/h3><p>Prenda um el\u00e1stico nas laterais ou cole num palito. Pronto pra festa!<\/p><\/div>\n    <\/div>\n    <p class=\"dica\">\ud83d\udca1 <strong>Dica:<\/strong> imprima em papel mais grosso (180g) ou cole a m\u00e1scara num papel\u00e3o fino \u2014 fica mais firme e dura a festa inteira.<\/p>\n  <\/div>\n<\/section>\n\n<!-- PARA QUEM \u00c9 -->\n<section class=\"bloco fundo-claro\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Perfeito para\u2026<\/h2>\n    <p class=\"secao-sub\">Um \u00fanico PDF que resolve o Halloween de muita gente.<\/p>\n    <div class=\"quem-grid\">\n      <div class=\"quem-item revelar\"><div class=\"emoji\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67<\/div><div><strong>M\u00e3es e pais<\/strong><span>Atividade em fam\u00edlia + fantasia resolvida sem gastar quase nada.<\/span><\/div><\/div>\n      <div class=\"quem-item revelar\"><div class=\"emoji\">\ud83c\udf4e<\/div><div><strong>Professoras<\/strong><span>Imprima para a turma toda e fa\u00e7a uma aula tem\u00e1tica inesquec\u00edvel.<\/span><\/div><\/div>\n      <div class=\"quem-item revelar\"><div class=\"emoji\">\ud83c\udf89<\/div><div><strong>Festas e anivers\u00e1rios<\/strong><span>Esta\u00e7\u00e3o de m\u00e1scaras: cada convidado pinta a sua e leva de lembran\u00e7a.<\/span><\/div><\/div>\n      <div class=\"quem-item revelar\"><div class=\"emoji\">\u26ea<\/div><div><strong>Recrea\u00e7\u00e3o e eventos infantis<\/strong><span>Escolinhas, buffets, ONGs e grupos de crian\u00e7as \u2014 material pronto e barato.<\/span><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- B\u00d4NUS -->\n<section class=\"bloco\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">E no <span class=\"verde\">Kit Festa Completa<\/span> voc\u00ea ainda leva\u2026 \ud83c\udf81<\/h2>\n    <p class=\"secao-sub\">3 b\u00f4nus para transformar sua casa (ou sala de aula) numa festa de Halloween de verdade.<\/p>\n    <div class=\"bonus-grid\">\n      <div class=\"bonus-card revelar\">\n        <span class=\"rotulo\">B\u00d4NUS 1<\/span>\n        <div class=\"bonus-img\" data-bonus=\"0\" data-ico=\"\ud83e\udd87\"><\/div>\n        <h3>Kit Decora\u00e7\u00e3o Halloween<\/h3>\n        <p>Bandeirolas \u201cFeliz Halloween\u201d, tags para saquinhos de doces e convite pronto para preencher.<\/p>\n        <p class=\"valor\">De <s>R$ 17,00<\/s> por <b>GR\u00c1TIS<\/b><\/p>\n      <\/div>\n      <div class=\"bonus-card revelar\">\n        <span class=\"rotulo\">B\u00d4NUS 2<\/span>\n        <div class=\"bonus-img\" data-bonus=\"1\" data-ico=\"\ud83e\udddf\"><\/div>\n        <h3>20 Zumbis Atrapalhados para Colorir<\/h3>\n        <p>Desenhos engra\u00e7ados de zumbis desastrados para continuar a divers\u00e3o depois da festa.<\/p>\n        <p class=\"valor\">De <s>R$ 14,90<\/s> por <b>GR\u00c1TIS<\/b><\/p>\n      <\/div>\n      <div class=\"bonus-card revelar\">\n        <span class=\"rotulo\">B\u00d4NUS 3<\/span>\n        <div class=\"bonus-img\" data-bonus=\"2\" data-ico=\"\ud83c\udf83\"><\/div>\n        <h3>Guia \u201cFesta de Halloween em 1 hora\u201d<\/h3>\n        <p>Brincadeiras, ca\u00e7a aos doces e ideias simples para montar uma festinha em casa sem estresse.<\/p>\n        <p class=\"valor\">De <s>R$ 12,00<\/s> por <b>GR\u00c1TIS<\/b><\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- OFERTAS -->\n<section class=\"bloco precos\" id=\"ofertas\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Escolha seu <span class=\"laranja\">pacote<\/span><\/h2>\n    <p class=\"secao-sub\">Pre\u00e7o especial de Halloween. Depois do dia 31, volta ao valor normal.<\/p>\n    <div class=\"timer-grande\" id=\"timerGrande\">\n      <div><b id=\"tDias\">00<\/b><small>dias<\/small><\/div>\n      <div><b id=\"tHoras\">00<\/b><small>horas<\/small><\/div>\n      <div><b id=\"tMin\">00<\/b><small>min<\/small><\/div>\n      <div><b id=\"tSeg\">00<\/b><small>seg<\/small><\/div>\n    <\/div>\n    <div class=\"planos-grid\">\n      <div class=\"plano revelar\" id=\"planoBasico\"><\/div>\n      <div class=\"plano destaque revelar\" id=\"planoCompleto\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GARANTIA -->\n<section class=\"bloco fundo-claro\">\n  <div class=\"container\">\n    <div class=\"garantia revelar\">\n      <div class=\"selo-garantia\"><div><b id=\"gDias\">7<\/b>DIAS<\/div><\/div>\n      <div>\n        <h3>Garantia incondicional<\/h3>\n        <p>Baixe, imprima e teste com as crian\u00e7as. Se por qualquer motivo n\u00e3o gostar, \u00e9 s\u00f3 pedir o reembolso em at\u00e9 <strong id=\"gDias2\">7<\/strong> dias que devolvemos 100% do seu dinheiro. Sem perguntas, sem burocracia. O risco \u00e9 todo nosso.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- DEPOIMENTOS (aparece s\u00f3 se houver depoimentos reais no CONFIG) -->\n<section class=\"bloco fundo-claro\" id=\"secaoDepoimentos\" style=\"display:none;padding-top:0\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">Quem j\u00e1 usou, aprovou<\/h2>\n    <div class=\"depo-grid\" id=\"gradeDepoimentos\"><\/div>\n  <\/div>\n<\/section>\n\n<!-- FAQ -->\n<section class=\"bloco\">\n  <div class=\"container\">\n    <h2 class=\"secao-titulo\">D\u00favidas frequentes<\/h2>\n    <div class=\"faq\" style=\"margin-top:28px\">\n      <details><summary>Vou receber algo pelo correio?<\/summary><p>N\u00e3o. \u00c9 um produto 100% digital em PDF. Voc\u00ea recebe o acesso no seu e-mail logo ap\u00f3s a confirma\u00e7\u00e3o do pagamento e imprime em casa, na papelaria ou na escola.<\/p><\/details>\n      <details><summary>Posso imprimir mais de uma vez?<\/summary><p>Pode! Imprima quantas c\u00f3pias quiser para seus filhos, sobrinhos, alunos ou convidados da festa. S\u00f3 n\u00e3o \u00e9 permitido revender o arquivo.<\/p><\/details>\n      <details><summary>Para qual idade \u00e9 indicado?<\/summary><p>As m\u00e1scaras foram pensadas para crian\u00e7as de 3 a 10 anos. As menores podem precisar da ajuda de um adulto na hora de recortar os olhos.<\/p><\/details>\n      <details><summary>Que material eu preciso?<\/summary><p>Impressora, folha A4 (de prefer\u00eancia mais grossa), l\u00e1pis de cor ou giz de cera, tesoura sem ponta e el\u00e1stico ou palito para prender. S\u00f3 isso.<\/p><\/details>\n      <details><summary>As m\u00e1scaras s\u00e3o assustadoras demais?<\/summary><p>N\u00e3o! S\u00e3o zumbis divertidos e engra\u00e7ados, no estilo desenho animado \u2014 feitos para fazer as crian\u00e7as rirem, n\u00e3o para dar pesadelo.<\/p><\/details>\n      <details><summary>Como recebo o acesso? E se n\u00e3o chegar?<\/summary><p>O link chega no e-mail cadastrado na compra. Confira tamb\u00e9m a caixa de spam e promo\u00e7\u00f5es. Se mesmo assim n\u00e3o encontrar, fale com nosso suporte que resolvemos rapidinho.<\/p><\/details>\n      <details><summary>Quais as formas de pagamento?<\/summary><p>Pix (libera\u00e7\u00e3o imediata), cart\u00e3o de cr\u00e9dito e boleto. Pagando no Pix, o acesso chega em poucos minutos \u2014 ideal se a festa \u00e9 amanh\u00e3!<\/p><\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- CTA FINAL -->\n<section class=\"cta-final\">\n  <div class=\"container\">\n    <h2 class=\"titulo-terror\">Os zumbis est\u00e3o chegando!<\/h2>\n    <p>Garanta hoje as +12 m\u00e1scaras e transforme o Halloween das crian\u00e7as numa lembran\u00e7a que elas mesmas criaram. \ud83e\udddf\u200d\u2642\ufe0f\ud83c\udf83<\/p>\n    <a href=\"#ofertas\" class=\"btn laranja-btn\">QUERO MEU KIT AGORA<\/a>\n    <p class=\"mini-seguro\">\ud83d\udd12 Pagamento seguro \u2022 Garantia de <span id=\"gDias3\">7<\/span> dias<\/p>\n  <\/div>\n<\/section>\n\n<footer>\n  <p>\u00a9 <span id=\"ano\"><\/span> SuperCriativos \u2014 Todos os direitos reservados.<\/p>\n  <p style=\"margin-top:6px\">Este produto \u00e9 digital. Nenhum item f\u00edsico ser\u00e1 enviado.<\/p>\n  <p id=\"suporteLink\" style=\"margin-top:6px\"><\/p>\n<\/footer>\n\n<!-- CTA FIXO MOBILE -->\n<div class=\"cta-fixo\" id=\"ctaFixo\">\n  <div class=\"preco-mini\">Kit Festa Completa<br><b id=\"ctaFixoPreco\">R$ 19,90<\/b><\/div>\n  <a href=\"#ofertas\" class=\"btn\">QUERO! \ud83e\udddf<\/a>\n<\/div>\n\n<script>\n(function(){\n  const C = CONFIG;\n\n  \/* ---------- Capa ---------- *\/\n  const capaSlot = document.getElementById('capaSlot');\n  if (C.imagemCapa) {\n    capaSlot.innerHTML = '<img decoding=\"async\" src=\"'+C.imagemCapa+'\" alt=\"Capa '+C.produto+'\" loading=\"eager\">';\n  } else {\n    capaSlot.innerHTML = '<div class=\"capa-placeholder\"><span class=\"ico\">\ud83d\uddbc\ufe0f<\/span><strong>Imagem do produto<\/strong><small>defina CONFIG.imagemCapa<\/small><\/div>';\n  }\n\n  \/* ---------- Ilustra\u00e7\u00e3o gen\u00e9rica da m\u00e1scara (SVG) ---------- *\/\n  function svgMascara(cor, i){\n    const bocas = [\n      '<path d=\"M38 82 Q60 98 82 82\" stroke=\"#1d1530\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"\/><rect x=\"48\" y=\"83\" width=\"7\" height=\"8\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"2\"\/><rect x=\"62\" y=\"84\" width=\"7\" height=\"8\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"2\"\/>',\n      '<path d=\"M40 84 L50 80 L60 86 L70 80 L80 84\" stroke=\"#1d1530\" stroke-width=\"4\" fill=\"none\" stroke-linejoin=\"round\" stroke-linecap=\"round\"\/>',\n      '<ellipse cx=\"60\" cy=\"86\" rx=\"14\" ry=\"9\" fill=\"#1d1530\"\/><ellipse cx=\"60\" cy=\"91\" rx=\"7\" ry=\"4\" fill=\"#ff7aa2\"\/>'\n    ];\n    const boca = bocas[i % bocas.length];\n    return '<svg viewBox=\"0 0 120 120\" aria-hidden=\"true\">'+\n      '<path d=\"M20 40 Q20 12 60 12 Q100 12 100 40 L100 70 Q100 108 60 110 Q20 108 20 70 Z\" fill=\"'+cor+'\" stroke=\"#1d1530\" stroke-width=\"4\"\/>'+\n      '<ellipse cx=\"42\" cy=\"54\" rx=\"13\" ry=\"11\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"4\"\/>'+\n      '<ellipse cx=\"78\" cy=\"54\" rx=\"13\" ry=\"11\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"4\"\/>'+\n      '<path d=\"M57 66 L60 72 L63 66 Z\" fill=\"#1d1530\"\/>'+\n      '<path d=\"M70 28 L84 34 M74 25 L72 33 M80 27 L78 35\" stroke=\"#1d1530\" stroke-width=\"3\" stroke-linecap=\"round\"\/>'+\n      boca+\n      '<circle cx=\"17\" cy=\"58\" r=\"4\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"2\"\/>'+\n      '<circle cx=\"103\" cy=\"58\" r=\"4\" fill=\"#fff\" stroke=\"#1d1530\" stroke-width=\"2\"\/>'+\n      '<\/svg>';\n  }\n\n  const grade = document.getElementById('gradeMascaras');\n  grade.innerHTML = C.mascaras.map(function(m, i){\n    return '<div class=\"mascara-card revelar\">'+\n      '<span class=\"num\">#'+String(i+1).padStart(2,'0')+'<\/span>'+\n      '<span class=\"detalhe\">'+m.detalhe+'<\/span>'+\n      svgMascara(m.cor, i)+\n      '<h4>'+m.nome+'<\/h4>'+\n      '<span class=\"tag\">P&amp;B + colorida*<\/span>'+\n    '<\/div>';\n  }).join('') ;\n  grade.insertAdjacentHTML('afterend','<p style=\"text-align:center;margin-top:16px;font-size:.85rem;opacity:.7\">*Vers\u00f5es coloridas inclu\u00eddas no Kit Festa Completa. Ilustra\u00e7\u00f5es meramente representativas.<\/p>');\n\n  \/* ---------- Carrossel ---------- *\/\n  (function(){\n    const trilho = document.getElementById('carTrilho');\n    const dotsBox = document.getElementById('carDots');\n    const fotos = (C.carrossel || []).filter(function(s){ return s && s.src; });\n    const slides = fotos.length\n      ? fotos.map(function(s){ return '<div class=\"slide\"><div class=\"slide-img\"><img decoding=\"async\" src=\"'+s.src+'\" alt=\"'+(s.legenda||'M\u00e1scara de zumbi')+'\" loading=\"lazy\"><\/div>'+(s.legenda?'<div class=\"slide-legenda\">'+s.legenda+'<\/div>':'')+'<\/div>'; })\n      : C.mascaras.map(function(m,i){ return '<div class=\"slide\"><div class=\"slide-img\">'+svgMascara(m.cor,i)+'<\/div><div class=\"slide-legenda\">'+m.detalhe+' '+m.nome+'<\/div><\/div>'; });\n    trilho.innerHTML = slides.join('');\n    const itens = trilho.children;\n    dotsBox.innerHTML = Array.prototype.map.call(itens, function(_,i){ return '<button aria-label=\"Ir para '+(i+1)+'\"><\/button>'; }).join('');\n    const dots = dotsBox.children;\n\n    function irPara(i){\n      i = (i + itens.length) % itens.length;\n      const alvo = itens[i];\n      trilho.scrollTo({left: alvo.offsetLeft - (trilho.clientWidth - alvo.clientWidth)\/2, behavior:'smooth'});\n    }\n    function atual(){\n      const centro = trilho.scrollLeft + trilho.clientWidth\/2;\n      let melhor = 0, dist = Infinity;\n      for (let i=0;i<itens.length;i++){\n        const d = Math.abs(itens[i].offsetLeft + itens[i].clientWidth\/2 - centro);\n        if (d < dist){ dist = d; melhor = i; }\n      }\n      return melhor;\n    }\n    function marcar(){\n      const a = atual();\n      for (let i=0;i<dots.length;i++) dots[i].classList.toggle('ativo', i===a);\n    }\n    document.querySelector('.car-btn.prev').addEventListener('click', function(){ irPara(atual()-1); reiniciar(); });\n    document.querySelector('.car-btn.next').addEventListener('click', function(){ irPara(atual()+1); reiniciar(); });\n    Array.prototype.forEach.call(dots, function(d,i){ d.addEventListener('click', function(){ irPara(i); reiniciar(); }); });\n    let raf; trilho.addEventListener('scroll', function(){ cancelAnimationFrame(raf); raf = requestAnimationFrame(marcar); }, {passive:true});\n\n    let timer = null;\n    function iniciar(){ if (C.carrosselAutoplay > 0) timer = setInterval(function(){ irPara(atual()+1); }, C.carrosselAutoplay); }\n    function parar(){ clearInterval(timer); timer = null; }\n    function reiniciar(){ parar(); iniciar(); }\n    trilho.addEventListener('pointerdown', parar);\n    trilho.addEventListener('mouseenter', parar);\n    trilho.addEventListener('mouseleave', iniciar);\n    marcar(); iniciar();\n  })();\n\n  \/* ---------- Imagens dos b\u00f4nus ---------- *\/\n  document.querySelectorAll('.bonus-img').forEach(function(el){\n    const i = +el.dataset.bonus, src = (C.bonusImagens || [])[i];\n    if (src) {\n      el.innerHTML = '<img decoding=\"async\" src=\"'+src+'\" alt=\"B\u00f4nus '+(i+1)+'\" loading=\"lazy\">';\n    } else {\n      el.classList.add('vazio');\n      el.innerHTML = '<span class=\"ico\">'+el.dataset.ico+'<\/span>Imagem do B\u00f4nus '+(i+1)+'<small>defina CONFIG.bonusImagens['+i+']<\/small>';\n    }\n  });\n\n  \/* ---------- Planos ---------- *\/\n  function montarPlano(p, link, destaque){\n    const itens = p.itens.map(function(t){\n      const bonus = t.indexOf('B\u00d4NUS') === 0;\n      return '<li'+(bonus?' class=\"bonus-li\"':'')+'>'+t+'<\/li>';\n    }).join('');\n    const img = p.imagem\n      ? '<div class=\"plano-img\"><img decoding=\"async\" src=\"'+p.imagem+'\" alt=\"'+p.nome+'\" loading=\"lazy\"><\/div>'\n      : '<div class=\"plano-img vazio\"><span class=\"ico\">\ud83d\uddbc\ufe0f<\/span>Imagem do '+p.nome+'<small>defina CONFIG.planos.'+(destaque?'completo':'basico')+'.imagem<\/small><\/div>';\n    return (destaque ? '<span class=\"fita\">\u2b50 MAIS VENDIDO<\/span>' : '')+\n      img+\n      '<h3>'+p.nome+'<\/h3>'+\n      '<p class=\"de\">De '+p.de+'<\/p>'+\n      '<p class=\"por\"><small>R$<\/small><b>'+p.por+'<\/b><\/p>'+\n      '<p class=\"avista\">pagamento \u00fanico \u2022 acesso vital\u00edcio<\/p>'+\n      '<ul>'+itens+'<\/ul>'+\n      '<a href=\"'+link+'\" class=\"btn'+(destaque?'':' contorno')+'\" data-plano=\"'+(destaque?'completo':'basico')+'\">'+(destaque?'QUERO O KIT COMPLETO':'QUERO S\u00d3 AS M\u00c1SCARAS')+'<\/a>'+\n      '<p class=\"pagamento\">Pix \u2022 Cart\u00e3o \u2022 Boleto<\/p>';\n  }\n  document.getElementById('planoBasico').innerHTML   = montarPlano(C.planos.basico,   C.checkoutBasico,   false);\n  document.getElementById('planoCompleto').innerHTML = montarPlano(C.planos.completo, C.checkoutCompleto, true);\n  document.getElementById('ctaFixoPreco').textContent = 'R$ ' + C.planos.completo.por;\n\n  \/* ---------- Garantia \/ rodap\u00e9 ---------- *\/\n  ['gDias','gDias2','gDias3'].forEach(function(id){ document.getElementById(id).textContent = C.garantiaDias; });\n  document.getElementById('ano').textContent = new Date().getFullYear();\n  if (C.whatsappSuporte) {\n    document.getElementById('suporteLink').innerHTML = 'Suporte: <a href=\"https:\/\/wa.me\/'+C.whatsappSuporte+'\" target=\"_blank\" rel=\"noopener\">WhatsApp<\/a>';\n  }\n\n  \/* ---------- Depoimentos (s\u00f3 reais) ---------- *\/\n  if (C.depoimentos && C.depoimentos.length) {\n    document.getElementById('secaoDepoimentos').style.display = '';\n    document.getElementById('gradeDepoimentos').innerHTML = C.depoimentos.map(function(d){\n      return '<div class=\"depo\"><p>\u201c'+d.texto+'\u201d<\/p><strong>'+d.nome+'<\/strong><\/div>';\n    }).join('');\n  }\n\n  \/* ---------- Contagem regressiva ---------- *\/\n  const fim = new Date(C.fimOferta).getTime();\n  const pad = function(n){ return String(n).padStart(2,'0'); };\n  function tick(){\n    let diff = Math.max(0, fim - Date.now());\n    const d = Math.floor(diff\/86400000); diff %= 86400000;\n    const h = Math.floor(diff\/3600000);  diff %= 3600000;\n    const m = Math.floor(diff\/60000);    diff %= 60000;\n    const s = Math.floor(diff\/1000);\n    document.getElementById('tDias').textContent  = pad(d);\n    document.getElementById('tHoras').textContent = pad(h);\n    document.getElementById('tMin').textContent   = pad(m);\n    document.getElementById('tSeg').textContent   = pad(s);\n    document.getElementById('timerBarra').textContent = (d>0 ? d+'d ' : '') + pad(h)+':'+pad(m)+':'+pad(s);\n    if (fim - Date.now() <= 0) {\n      document.getElementById('barraUrgencia').style.display = 'none';\n      document.getElementById('timerGrande').style.display = 'none';\n      return;\n    }\n    setTimeout(tick, 1000);\n  }\n  if (!isNaN(fim)) tick();\n\n  \/* ---------- CTA fixo mobile ---------- *\/\n  const ctaFixo = document.getElementById('ctaFixo');\n  const ofertas = document.getElementById('ofertas');\n  function checarCta(){\n    const r = ofertas.getBoundingClientRect();\n    const naOferta = r.top < window.innerHeight && r.bottom > 0;\n    ctaFixo.classList.toggle('visivel', window.scrollY > 500 && !naOferta);\n  }\n  window.addEventListener('scroll', checarCta, {passive:true});\n\n  \/* ---------- Anima\u00e7\u00e3o de entrada ---------- *\/\n  if ('IntersectionObserver' in window) {\n    const io = new IntersectionObserver(function(ents){\n      ents.forEach(function(e){ if (e.isIntersecting){ e.target.classList.add('ativo'); io.unobserve(e.target); } });\n    }, {threshold:.12});\n    document.querySelectorAll('.revelar').forEach(function(el){ io.observe(el); });\n  } else {\n    document.querySelectorAll('.revelar').forEach(function(el){ el.classList.add('ativo'); });\n  }\n\n  \/* ---------- Rolagem suave nos links internos (compensa barra fixa) ---------- *\/\n  document.querySelectorAll('a[href^=\"#\"]').forEach(function(a){\n    a.addEventListener('click', function(ev){\n      const alvo = document.querySelector(a.getAttribute('href'));\n      if (!alvo) return;\n      ev.preventDefault();\n      window.scrollTo({top: alvo.getBoundingClientRect().top + window.scrollY - 40, behavior:'smooth'});\n    });\n  });\n})();\n<\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>M\u00e1scaras de Zumbi para Halloween \u2014 +12 m\u00e1scaras para colorir, recortar e usar \ud83c\udf83 Oferta de Halloween termina em &#8211;:&#8211;:&#8211; \ud83e\udd87 \ud83e\udd87 \ud83d\udce5 DOWNLOAD IMEDIATO EM PDF M\u00e1scaras de Zumbi PARA HALLOWEEN +12 m\u00e1scaras divertidas para imprimir, colorir, recortar e usar na festa. A fantasia de Halloween mais barata (e criativa) que seu filho vai [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":10,"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/pages\/2\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/mascaraszumbi.supercriativos.com.br\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}