{"id":26,"date":"2026-06-25T01:27:18","date_gmt":"2026-06-25T01:27:18","guid":{"rendered":"https:\/\/guiadeprecos.com.br\/pagina-inicial\/"},"modified":"2026-09-18T04:20:15","modified_gmt":"2026-09-18T04:20:15","slug":"pagina-inicial","status":"publish","type":"page","link":"https:\/\/guiadeprecos.com.br\/","title":{"rendered":"GuiaDePrecos"},"content":{"rendered":"\n\n\n<!-- =========================================================\n     GUIA DE PRE\u00c7OS \u2014 P\u00c1GINA INICIAL (vers\u00e3o 4)\n     Cole este c\u00f3digo inteiro no lugar do antigo.\n\n     O QUE MUDOU EM RELA\u00c7\u00c3O \u00c0 VERS\u00c3O 3\n     -----------------------------------------------------------\n     S\u00f3 o primeiro cart\u00e3o (o azul escuro) mudou. O resto da p\u00e1gina\n     est\u00e1 igualzinho.\n\n     1) O t\u00edtulo agora \u00e9 \"Nossa Loja virtual\" e o bot\u00e3o diz\n        \"Entrar na loja\".\n\n     2) O cart\u00e3o virou uma fachada de loja: tem um toldo listrado\n        no alto, uma sacola de compras com R$ no canto direito e um\n        selo \"Loja aberta\" com uma bolinha verde piscando.\n\n     3) Como \"Valadares\" saiu do t\u00edtulo, a cidade foi para a frase\n        de baixo \u2014 quem \u00e9 de GV continua sabendo que \u00e9 para ele.\n\n     No celular o cart\u00e3o continua sendo uma linha s\u00f3 (para n\u00e3o\n     empurrar nada para baixo da tela): aparece s\u00f3 o toldo, a\n     sacola e o selo ficam escondidos.\n\n     ONDE MEXER DEPOIS\n       TEXTO DA LOJA .... procure \"1. LOJA VIRTUAL\" no HTML\n       ARTE DO SORTEIO .. procure \"VITRINE\" no HTML (1 URL)\n       DATA DO SORTEIO .. o contador est\u00e1 desligado; as instru\u00e7\u00f5es\n                          para religar est\u00e3o no bloco da aba\n       TIRAR O SORTEIO .. apague o bloco <a class=\"gp-tab\">\n       LOGOS DAS LOJAS .. procure \"LOJAS\" no HTML\n       LIGAR AS AN\u00c1LISES  procure \"AN\u00c1LISES\" no HTML\n\n     Se o seu site tiver menu fixo no topo e sobrar uma barrinha\n     de rolagem, troque --altura-topo: 0px por 80px.\n\n     CORES (medidas no arquivo da logo)\n       navy      #0E3A72   o \"guia\" e o R$\n       azul      #2371C4   o \"dePre\u00e7os\"\n       turquesa  #07B295   a seta que sobe\n       cinza     #4D5E68   o \".com.br\"\n       rosa      #D81E7E   s\u00f3 a lista de presentes\n     ========================================================= -->\n\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=Poppins:wght@500;600;700;800&amp;family=Work+Sans:wght@400..700&amp;display=swap\" rel=\"stylesheet\">\n\n<style>\n.gp-home{\n  \/* ---- altura do menu do site (leia o aviso l\u00e1 em cima) ---- *\/\n  --altura-topo: 0px;\n\n  \/* ---- cores da logo ---- *\/\n  --navy:#0E3A72;\n  --navy-claro:#1A5FA8;\n  --azul:#2371C4;\n  --teal:#0A9A80;\n  --teal-claro:#0BB394;\n\n  \/* ---- rosa: s\u00f3 a lista de presentes usa ---- *\/\n  --rosa:#D81E7E;\n  --rosa-claro:#F0479E;\n  --rosa-borda:#F3C3DE;\n  --rosa-fundo:#FDEFF7;\n\n  \/* ---- papel ---- *\/\n  --papel:#EBF2F8;\n  --papel-topo:#F3F8FC;\n  --tinta:#0E2647;\n  --tinta-media:#3E4F62;\n  --tinta-fraca:#6B7C8C;\n  --linha:#D6E2EE;\n\n  position:relative;\n  isolation:isolate;\n  overflow-x:hidden;\n  box-sizing:border-box;\n  display:flex;\n  flex-direction:column;\n\n  \/* ---- largura total da tela (ajuste fino no script, l\u00e1 embaixo) ---- *\/\n  width:auto;\n  max-width:none;\n  margin-top:0;\n  margin-bottom:0;\n  \/* Temas modernos do WordPress montam o conte\u00fado numa grade de\n     tr\u00eas colunas (estreita \/ larga \/ cheia). Esta linha coloca a\n     p\u00e1gina na coluna cheia. Em tema que n\u00e3o usa grade ela \u00e9\n     ignorada, ent\u00e3o pode ficar. *\/\n  grid-column:1 \/ -1;\n\n  min-height:calc(100vh - var(--altura-topo));\n  min-height:calc(100svh - var(--altura-topo));\n  padding:clamp(12px,1.8vh,20px) clamp(16px,3vw,44px) clamp(12px,1.8vh,20px);\n  background:linear-gradient(180deg,var(--papel-topo) 0%,var(--papel) 55%,#DEE9F4 100%);\n  font-family:'Work Sans',system-ui,sans-serif;\n  color:var(--tinta);\n  -webkit-font-smoothing:antialiased;\n}\n.gp-home *{box-sizing:border-box;margin:0;padding:0}\n\n\/* o tema do WordPress n\u00e3o manda nos t\u00edtulos daqui *\/\n.gp-home h1,\n.gp-home h2,\n.gp-home .gp-titulo{\n  -webkit-text-fill-color:currentColor;\n  background:none;\n  text-transform:none;\n}\n\n\/* clar\u00e3o frio no alto, nas cores das pontas do degrad\u00ea da logo *\/\n.gp-aura{\n  position:absolute; inset:0; z-index:0; pointer-events:none;\n  background:\n    radial-gradient(900px 420px at 12% -10%, rgba(35,113,196,.10), transparent 70%),\n    radial-gradient(700px 380px at 92% 4%,  rgba(10,154,128,.09), transparent 72%);\n}\n\/* a aura fica no fundo; a aba do sorteio tem posi\u00e7\u00e3o pr\u00f3pria; todo\n   o resto passa por cima *\/\n.gp-home > *:not(.gp-aura):not(.gp-tab){position:relative; z-index:1}\n\n\/* ============ ABA DO SORTEIO (presa no alto) ============\n   Continua sendo a primeira pe\u00e7a da p\u00e1gina, mas agora pendurada no\n   topo, no meio da tela. O degrad\u00ea \u00e9 o mesmo da seta da logo\n   (navy \u2192 azul \u2192 turquesa).\n\n   PARA DESLIGAR quando o sorteio acabar: apague o bloco\n   <a class=\"gp-tab\"> l\u00e1 embaixo no HTML. O resto da p\u00e1gina se\n   reorganiza sozinho. *\/\n.gp-home > .gp-tab{\n  position:absolute; top:0; left:50%; transform:translateX(-50%);\n  z-index:4;\n}\n.gp-tab{\n  display:flex; align-items:center; gap:clamp(11px,1vw,16px);\n  max-width:calc(100% - 32px);\n  padding:8px 10px 9px 11px;\n  border-radius:0 0 20px 20px;\n  text-decoration:none; color:#fff;\n  background:linear-gradient(100deg,#0C3468 0%,#0F7C6C 46%,#0BA383 100%);\n  box-shadow:0 10px 26px rgba(12,52,104,.24);\n  overflow:hidden;\n}\n\/* brilho que atravessa a aba de tempos em tempos: discreto e lento\n   de prop\u00f3sito \u2014 ela n\u00e3o precisa piscar, s\u00f3 precisa n\u00e3o ser\n   ignorada *\/\n.gp-tab::after{\n  content:\"\"; position:absolute; inset:0; pointer-events:none;\n  background:linear-gradient(100deg,transparent 32%,rgba(255,255,255,.16) 50%,transparent 68%);\n  transform:translateX(-100%);\n  animation:gp-brilho 6s ease-in-out infinite;\n}\n@keyframes gp-brilho{0%,58%{transform:translateX(-100%)} 100%{transform:translateX(100%)}}\n\n.gp-tab-chip{\n  display:grid; place-items:center; flex:0 0 auto;\n  width:32px; height:32px; border-radius:10px;\n  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.30);\n}\n.gp-tab-chip svg{width:17px; height:17px; display:block}\n.gp-tab-txt{display:flex; flex-direction:column; gap:2px; min-width:0}\n.gp-tab-kicker{\n  font-weight:700; font-size:9.5px; letter-spacing:.13em;\n  text-transform:uppercase; color:rgba(255,255,255,.76);\n}\n\/* t\u00edtulo e contador lado a lado; se faltar largura, o contador\n   desce sozinho para a linha de baixo *\/\n.gp-tab-linha{display:flex; align-items:center; flex-wrap:wrap; gap:4px 12px}\n.gp-tab-titulo{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:clamp(14.5px,.5vw + 12px,17px); line-height:1.2; letter-spacing:-.02em;\n}\n.gp-tab-cta{\n  flex:0 0 auto;\n  padding:8px 15px; border-radius:999px;\n  background:#DCF3E8; color:#0A6B57;\n  font-weight:700; font-size:13.5px; line-height:1;\n  transition:transform .2s cubic-bezier(.2,.8,.3,1);\n}\n.gp-tab:hover .gp-tab-cta{transform:translateY(-1px)}\n.gp-tab:focus-visible{outline:3px solid var(--navy); outline-offset:3px}\n\n\/* ---- contador ----\n   O n\u00famero vem em Poppins com tabular-nums: sem isso os d\u00edgitos\n   t\u00eam larguras diferentes e a caixinha pula de tamanho a cada\n   minuto que passa. *\/\n.gp-conta{display:flex; align-items:center; gap:5px}\n.gp-conta-cx{\n  display:inline-flex; align-items:baseline; gap:4px;\n  padding:3px 8px; border-radius:7px;\n  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.28);\n}\n.gp-conta-cx b{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:13.5px; line-height:1; font-variant-numeric:tabular-nums;\n}\n.gp-conta-cx i{\n  font-style:normal; font-weight:600; font-size:9px;\n  letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.82);\n}\n\/* texto que aparece antes do script rodar: se o JavaScript falhar,\n   a data continua vis\u00edvel *\/\n.gp-conta-txt{\n  font-weight:600; font-size:12px; color:rgba(255,255,255,.92);\n  padding:4px 9px; border-radius:7px;\n  background:rgba(255,255,255,.15); border:1px solid rgba(255,255,255,.24);\n}\n\n\/* ============ TOPO: marca + t\u00edtulo | vitrine ============\n   Duas colunas. A da esquerda \u00e9 a conversa com quem chegou; a da\n   direita mostra o que est\u00e1 rolando agora. *\/\n.gp-topo{\n  display:grid;\n  \/* a coluna da direita \u00e9 estreita de prop\u00f3sito: a arte \u00e9 quadrada,\n     ent\u00e3o cada pixel de largura vira um pixel de altura, e altura \u00e9\n     o que empurra os cart\u00f5es para baixo da dobra *\/\n  grid-template-columns:minmax(0,1fr) clamp(210px,23vw,320px);\n  gap:clamp(20px,3vw,44px);\n  align-items:start;\n  padding-bottom:clamp(16px,2.4vh,28px);\n}\n\n.gp-bar{display:flex; align-items:center; padding-bottom:clamp(12px,2vh,26px)}\n.gp-mark{display:flex; align-items:center; gap:11px; text-decoration:none}\n\/* o arquivo da logo \u00e9 .jpeg e n\u00e3o tem transpar\u00eancia: o recorte\n   redondo com fundo branco evita o quadrado branco sobre o azul *\/\n.gp-logo{\n  width:48px; height:48px; flex:0 0 auto; display:block;\n  border-radius:50%; object-fit:cover;\n  background:#fff; border:1px solid var(--linha);\n  box-shadow:0 2px 8px rgba(14,38,71,.10);\n}\n.gp-mark-text{display:flex; flex-direction:column; align-items:flex-end; line-height:1}\n.gp-word{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:20px; letter-spacing:-.02em; color:var(--navy);\n}\n.gp-word i{font-style:normal; color:var(--azul)}\n.gp-word b{font-weight:700; color:var(--azul)}\n.gp-dom{font-weight:600; font-size:9.5px; letter-spacing:.12em; color:var(--tinta-fraca); margin-top:5px}\n\n.gp-hero h1{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:800;\n  font-size:clamp(30px,3.4vw + 8px,52px);\n  line-height:1.05; letter-spacing:-.03em;\n  color:var(--navy);\n  max-width:14ch;\n}\n\n\/* ---- VITRINE (a arte do sorteio) ----\n   Com uma arte s\u00f3, ela aparece inteira e ocupa a coluna toda.\n   Se voc\u00ea colar um segundo quadro, vira carrossel: anda sozinho,\n   pode ser arrastado, e a arte cortada na direita avisa que tem\n   mais para o lado. *\/\n.gp-vitrine{min-width:0}\n\/* a coluna s\u00f3 encosta na borda da tela quando existe mais de uma\n   arte: a\u00ed o corte na direita vira informa\u00e7\u00e3o (\"tem mais para o\n   lado\"). Com uma arte s\u00f3, ela fica inteira. *\/\n.gp-vitrine:has(.gp-slide + .gp-slide){margin-right:calc(-1 * clamp(16px,3vw,44px))}\n.gp-slides{\n  display:flex; gap:14px;\n  overflow-x:auto; overscroll-behavior-x:contain;\n  scroll-snap-type:x mandatory;\n  scrollbar-width:none; -ms-overflow-style:none;\n  padding:4px 0 8px;\n}\n.gp-slides::-webkit-scrollbar{display:none}\n.gp-slide{\n  flex:0 0 clamp(200px,19vw,244px);\n  scroll-snap-align:start;\n  display:block; position:relative;\n  aspect-ratio:1 \/ 1;\n  border-radius:16px; overflow:hidden;\n  background:linear-gradient(150deg,#0C3468 0%,#1E7BB8 100%);\n  box-shadow:0 3px 6px rgba(14,38,71,.10), 0 14px 28px rgba(14,38,71,.16);\n  transition:transform .22s cubic-bezier(.2,.8,.3,1);\n}\n.gp-slide:nth-child(2){background:linear-gradient(150deg,#8E1350 0%,#D81E7E 100%)}\n.gp-slide:nth-child(3){background:linear-gradient(150deg,#07866D 0%,#0BB394 100%)}\n.gp-slide:hover{transform:translateY(-3px)}\n.gp-slide:focus-visible{outline:3px solid var(--navy); outline-offset:3px}\n.gp-slide img{width:100%; height:100%; display:block; object-fit:cover}\n\n\/* ---- quando existe uma arte s\u00f3 ----\n   Ela ocupa a coluna inteira, na altura que a pr\u00f3pria imagem pedir:\n   nada de recorte quadrado cortando o texto da arte. E a coluna\n   deixa de encostar na borda da tela, porque n\u00e3o h\u00e1 um \"pr\u00f3ximo\"\n   para insinuar. *\/\n.gp-slide:only-child{\n  flex:1 1 100%;\n  aspect-ratio:auto;\n  background:transparent;\n}\n.gp-slide:only-child img{height:auto}\n\n\/* ============ AS TR\u00caS OP\u00c7\u00d5ES ============\n   No computador: 1,15fr para o cart\u00e3o da loja e 1fr para os outros\n   dois. A diferen\u00e7a \u00e9 pequena de prop\u00f3sito \u2014 quem faz a hierarquia\n   aqui \u00e9 a cor, n\u00e3o o tamanho. *\/\n.gp-opcoes{\n  display:grid;\n  grid-template-columns:1.15fr 1fr 1fr;\n  gap:clamp(12px,1.2vw,18px);\n  align-items:stretch;\n  padding-bottom:clamp(14px,2vh,22px);\n}\n\n.gp-card{\n  position:relative; overflow:hidden;\n  display:flex; flex-direction:column;\n  gap:clamp(7px,.9vh,11px);\n  \/* altura m\u00ednima s\u00f3 para os tr\u00eas ficarem iguais entre si; quem\n     manda no tamanho \u00e9 o conte\u00fado, n\u00e3o a tela *\/\n  min-height:clamp(178px,20vh,208px);\n  padding:clamp(16px,1.9vh,21px) clamp(18px,1.4vw,24px);\n  border-radius:20px;\n  text-decoration:none;\n  transition:transform .22s cubic-bezier(.2,.8,.3,1), box-shadow .22s ease;\n}\n.gp-card:hover{transform:translateY(-4px)}\n.gp-card:focus-visible{outline:3px solid var(--navy); outline-offset:3px}\n\n\/* 1. LOJA VIRTUAL \u2014 azul escuro cheio.\n   \u00c9 o \u00fanico servi\u00e7o que ningu\u00e9m mais oferece na cidade, ent\u00e3o \u00e9 o\n   \u00fanico cart\u00e3o que se apresenta como um bloco s\u00f3lido e escuro. *\/\n.gp-card-gv{\n  background:linear-gradient(152deg,#0C3468 0%,#124B8C 58%,#1A5FA8 100%);\n  color:#fff;\n  box-shadow:0 2px 4px rgba(14,38,71,.14), 0 16px 30px rgba(14,38,71,.22);\n}\n.gp-card-gv:hover{box-shadow:0 2px 4px rgba(14,38,71,.16), 0 22px 40px rgba(14,38,71,.28)}\n\n\/* ---- a fachada da loja (novo na vers\u00e3o 4) ----\n   O cart\u00e3o virou uma vitrine de loja de rua: toldo listrado no\n   alto, sacola de compras no canto e o selo \"Loja aberta\". O toldo\n   \u00e9 o que faz algu\u00e9m que passa o olho pela p\u00e1gina entender \"isso\n   aqui \u00e9 uma loja\" antes de ler qualquer palavra.\n\n   --r \u00e9 o tamanho de cada gomo do toldo. Aumente para um toldo\n   mais grosso, diminua para mais fino. *\/\n.gp-card-gv{\n  --r:14px;\n  padding-top:calc(clamp(16px,1.9vh,21px) + 2 * var(--r) + 4px);\n}\n.gp-toldo{\n  position:absolute; top:0; left:0; right:0;\n  height:calc(2 * var(--r));\n  pointer-events:none;\n  filter:drop-shadow(0 3px 3px rgba(0,0,0,.28));\n}\n.gp-toldo span{\n  display:block; height:100%;\n  \/* listras brancas e turquesa, cada uma com um gomo embaixo *\/\n  background:repeating-linear-gradient(90deg,\n    #fff 0 calc(2 * var(--r)),\n    #0BB394 calc(2 * var(--r)) calc(4 * var(--r)));\n  -webkit-mask:\n    linear-gradient(#000 0 0) top \/ 100% var(--r) no-repeat,\n    radial-gradient(circle var(--r) at 50% 0, #000 97%, #0000 100%) 0 var(--r) \/ calc(2 * var(--r)) var(--r) repeat-x;\n          mask:\n    linear-gradient(#000 0 0) top \/ 100% var(--r) no-repeat,\n    radial-gradient(circle var(--r) at 50% 0, #000 97%, #0000 100%) 0 var(--r) \/ calc(2 * var(--r)) var(--r) repeat-x;\n}\n\n\/* selo \"Loja aberta\": a bolinha verde pulsa devagar, como a luz\n   de \"aberto\" na porta de uma loja *\/\n.gp-selo{\n  position:absolute; z-index:2;\n  top:calc(2 * var(--r) + 14px); right:16px;\n  display:inline-flex; align-items:center; gap:7px;\n  padding:6px 11px 6px 9px; border-radius:999px;\n  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.30);\n  font-weight:600; font-size:12px; line-height:1; color:#fff;\n  white-space:nowrap;\n}\n.gp-selo i{\n  display:block; width:8px; height:8px; border-radius:50%;\n  background:#3DE6A5;\n  animation:gp-pulso 2.2s ease-out infinite;\n}\n@keyframes gp-pulso{\n  0%{box-shadow:0 0 0 0 rgba(61,230,165,.6)}\n  100%{box-shadow:0 0 0 9px rgba(61,230,165,0)}\n}\n\n\/* sacola de compras no canto de baixo, flutuando de leve *\/\n.gp-arte-loja{\n  position:absolute; z-index:0;\n  right:clamp(6px,1vw,16px); bottom:-4px;\n  width:clamp(118px,10.5vw,158px); height:auto;\n  pointer-events:none;\n  animation:gp-flutua 4.5s ease-in-out infinite;\n  transition:transform .3s cubic-bezier(.2,.8,.3,1);\n}\n@keyframes gp-flutua{0%,100%{translate:0 0} 50%{translate:0 -6px}}\n.gp-card-gv:hover .gp-arte-loja{transform:rotate(-4deg) scale(1.04)}\n\n\/* o texto fica sempre por cima da sacola *\/\n.gp-card-gv .gp-icone,\n.gp-card-gv .gp-titulo,\n.gp-card-gv .gp-linha,\n.gp-card-gv .gp-acao{position:relative; z-index:1}\n.gp-card-gv .gp-linha{max-width:min(32ch, calc(100% - clamp(118px,10.5vw,158px)))}\n\n\/* 2. GRUPO DO WHATSAPP \u2014 verde cheio.\n   Verde porque \u00e9 o que a pessoa vai encontrar do outro lado do\n   clique. A cor j\u00e1 avisa para onde o bot\u00e3o leva. *\/\n.gp-card-grupo{\n  background:linear-gradient(152deg,#07866D 0%,#0A9A80 55%,#0BB394 100%);\n  color:#fff;\n  box-shadow:0 2px 4px rgba(7,134,109,.14), 0 14px 26px rgba(7,134,109,.20);\n}\n.gp-card-grupo:hover{box-shadow:0 2px 4px rgba(7,134,109,.16), 0 20px 34px rgba(7,134,109,.26)}\n\n\/* 3. LISTA DE PRESENTES \u2014 branco com rosa.\n   Fica claro porque \u00e9 uma ferramenta, n\u00e3o uma compra: a pessoa n\u00e3o\n   gasta nada aqui. O rosa \u00e9 s\u00f3 dele, e \u00e9 o que faz o olho separar\n   \"presente\" de \"oferta\" sem ler uma palavra. *\/\n.gp-card-lista{\n  background:#fff;\n  border:1px solid var(--rosa-borda);\n  color:var(--tinta);\n  box-shadow:0 2px 4px rgba(216,30,126,.06), 0 12px 24px rgba(216,30,126,.10);\n}\n.gp-card-lista:hover{border-color:#EC9FCA; box-shadow:0 2px 4px rgba(216,30,126,.08), 0 18px 32px rgba(216,30,126,.16)}\n\n\/* marca d'\u00e1gua: o mesmo \u00edcone do cart\u00e3o, grande e apagado no canto *\/\n.gp-marca{\n  position:absolute; right:-26px; bottom:-22px;\n  width:150px; height:150px; pointer-events:none;\n  opacity:.13;\n}\n.gp-card-lista .gp-marca{opacity:.16; color:var(--rosa-claro)}\n\n.gp-icone{\n  display:grid; place-items:center; flex:0 0 auto;\n  width:40px; height:40px; border-radius:12px;\n  background:rgba(255,255,255,.16);\n  border:1px solid rgba(255,255,255,.28);\n}\n.gp-card-lista .gp-icone{\n  background:var(--rosa-fundo);\n  border-color:var(--rosa-borda);\n  color:var(--rosa);\n}\n.gp-icone svg{width:20px; height:20px; display:block}\n\n.gp-titulo{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:clamp(19px,.85vw + 12.5px,26px);\n  line-height:1.15; letter-spacing:-.025em;\n  margin-top:clamp(3px,.5vh,7px);\n}\n.gp-linha{\n  font-size:clamp(13px,.3vw + 11.5px,15px);\n  line-height:1.45; max-width:32ch;\n  color:rgba(255,255,255,.84);\n}\n.gp-card-lista .gp-linha{color:var(--tinta-media)}\n\n\/* ---- bot\u00e3o do cart\u00e3o ----\n   P\u00edlula, n\u00e3o texto solto: a pessoa v\u00ea onde clicar antes de ler o\n   que est\u00e1 escrito. *\/\n.gp-acao{\n  display:inline-flex; align-items:center; gap:9px;\n  align-self:flex-start;\n  margin-top:auto;\n  padding:10px 17px; border-radius:999px;\n  font-family:'Work Sans',sans-serif; font-weight:700; font-size:14.5px; line-height:1;\n  transition:transform .22s cubic-bezier(.2,.8,.3,1);\n}\n.gp-card-gv .gp-acao{background:#fff; color:#0C3468; box-shadow:0 4px 12px rgba(0,0,0,.18)}\n.gp-card-grupo .gp-acao{background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.42); color:#fff}\n.gp-card-lista .gp-acao{\n  background:linear-gradient(100deg,var(--rosa) 0%,var(--rosa-claro) 100%);\n  color:#fff; box-shadow:0 6px 16px rgba(216,30,126,.30);\n}\n.gp-acao svg{width:15px; height:15px; display:block; transition:transform .22s cubic-bezier(.2,.8,.3,1)}\n.gp-card:hover .gp-acao svg{transform:translateX(3px)}\n\n\/* ============ LOJAS ============\n   Faixa branca, centralizada: \u00e9 a frase que explica o site em um\n   segundo, e as marcas fazem a prova. Os riscos entre os nomes s\u00e3o\n   o gr\u00e1fico de pre\u00e7o subindo e caindo \u2014 o assunto da casa. *\/\n.gp-lojas{\n  background:#fff;\n  border:1px solid var(--linha);\n  border-radius:18px;\n  padding:clamp(16px,2vh,20px) clamp(18px,2vw,28px) clamp(18px,2.2vh,22px);\n  box-shadow:0 2px 4px rgba(14,38,71,.05), 0 12px 24px rgba(14,38,71,.08);\n  margin-bottom:clamp(12px,1.8vh,18px);\n}\n.gp-lojas h2{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:clamp(17px,.9vw + 12px,23px); letter-spacing:-.02em;\n  text-align:center; color:var(--tinta);\n  margin-bottom:clamp(12px,1.6vh,18px);\n}\n.gp-lojas-fila{\n  display:flex; align-items:center; justify-content:center;\n  flex-wrap:wrap; gap:clamp(16px,3.4vw,52px);\n}\n.gp-loja{\n  font-family:'Poppins',system-ui,sans-serif; font-weight:700;\n  font-size:clamp(15px,.7vw + 10px,21px); letter-spacing:-.02em;\n  white-space:nowrap; line-height:1;\n}\n.gp-loja-amazon{color:#232F3E}\n.gp-loja-ml{color:#2D3277}\n.gp-loja-shopee{color:#EE4D2D}\n.gp-loja-ali{color:#E62E04}\n.gp-loja-magalu{\n  background:linear-gradient(90deg,#0086FF 0%,#8A4FE0 40%,#F04E9E 70%,#FF7A29 100%);\n  -webkit-background-clip:text; background-clip:text;\n  -webkit-text-fill-color:transparent; color:#8A4FE0;\n}\n.gp-spark{width:clamp(52px,5vw,84px); height:26px; display:block; flex:0 0 auto}\n\n\/* ============ RODAP\u00c9 ============\n   Duas informa\u00e7\u00f5es que n\u00e3o s\u00e3o escolhas, e por isso n\u00e3o s\u00e3o\n   cart\u00f5es: o que ainda vem por a\u00ed e em quais lojas eu procuro. *\/\n.gp-rodape{\n  display:flex; align-items:center; justify-content:space-between;\n  flex-wrap:wrap; gap:6px 24px;\n  padding-top:clamp(10px,1.4vh,14px);\n  border-top:1px solid var(--linha);\n  font-size:12.5px; line-height:1.5; color:var(--tinta-fraca);\n}\n.gp-rodape strong{color:var(--tinta-media); font-weight:600}\n.gp-rodape em{font-style:normal; font-weight:600; color:var(--teal)}\n\n\/* ============ COMO A SOBRA DE ALTURA \u00c9 REPARTIDA ============\n   Numa tela larga o conte\u00fado \u00e9 mais baixo que a janela, e essa\n   sobra tem que ir para algum lugar. Antes ia toda para o fim: as\n   lojas paravam no meio da tela e o resto ficava vazio at\u00e9 embaixo.\n\n   Estas duas margens autom\u00e1ticas cortam a sobra em duas partes\n   iguais: metade acima dos cart\u00f5es (preenche o buraco embaixo do\n   t\u00edtulo, ao lado da arte) e metade acima da faixa das lojas \u2014 que,\n   com isso, desce e encosta no rodap\u00e9.\n\n   Se a p\u00e1gina encher (tela baixa ou conte\u00fado maior), n\u00e3o existe\n   sobra e as duas margens viram zero sozinhas: nada se desloca. *\/\n@media (min-width:901px){\n  .gp-opcoes{margin-top:auto}\n  .gp-lojas{margin-top:auto}\n}\n\n\/* ============ TELAS M\u00c9DIAS ============ *\/\n@media (max-width:1080px){\n  \/* a arte continua ao lado do t\u00edtulo, s\u00f3 que mais estreita. Se ela\n     descesse para baixo do t\u00edtulo, a p\u00e1gina inteira ganharia a\n     altura dela \u2014 e \u00e9 altura que joga os cart\u00f5es para fora da tela. *\/\n  .gp-topo{grid-template-columns:minmax(0,1fr) clamp(150px,24vw,240px); gap:clamp(14px,2.5vw,26px)}\n  .gp-slide{flex:0 0 clamp(150px,24vw,220px)}\n  .gp-hero h1{max-width:none}\n\n  .gp-opcoes{grid-template-columns:1fr 1fr}\n  \/* o cart\u00e3o da loja ocupa a fileira inteira: continua sendo o\n     primeiro e o maior, sem precisar de outra cor *\/\n  .gp-card-gv{grid-column:1 \/ -1; min-height:clamp(150px,17vh,178px)}\n  .gp-card-gv .gp-linha{max-width:46ch}\n}\n\n\/* Daqui para baixo a aba do sorteio sai do topo: no estreito ela\n   bateria no logotipo. Vira uma faixa de largura inteira logo\n   depois do t\u00edtulo \u2014 encostada nos cart\u00f5es, que \u00e9 onde a pessoa\n   est\u00e1 decidindo o que fazer. No HTML ela j\u00e1 est\u00e1 nessa posi\u00e7\u00e3o; no\n   computador \u00e9 o position:absolute que a leva de volta para o alto. *\/\n@media (max-width:900px){\n  .gp-home > .gp-tab{\n    position:static; transform:none; z-index:1;\n    width:100%; max-width:none;\n    margin-bottom:clamp(12px,1.8vh,18px);\n    border-radius:14px;\n    padding:11px 12px;\n  }\n  .gp-tab-txt{flex:1; min-width:0}\n  .gp-topo{padding-bottom:clamp(12px,1.8vh,18px)}\n}\n\n\/* ============ CELULAR ============ *\/\n@media (max-width:760px){\n  \/* No celular o degrad\u00ea inteiro cabe numa tela curta, ent\u00e3o a\n     parte clara do topo aparecia como uma faixa branca acima do\n     banner. Aqui o fundo come\u00e7a direto na cor do papel: some o\n     corte, e a p\u00e1gina fica com uma cor s\u00f3 de cima a baixo. *\/\n  .gp-home{background:linear-gradient(180deg,var(--papel) 0%,var(--papel) 40%,#DEE9F4 100%)}\n\n  .gp-bar{padding-bottom:12px}\n\n  \/* A arte fica do tamanho de uma miniatura, no canto, ao lado do\n     t\u00edtulo. Ela \u00e9 quadrada: cada pixel de largura vira um pixel de\n     altura, e era essa altura que empurrava as tr\u00eas op\u00e7\u00f5es para\n     baixo da dobra. Aqui ela informa que tem sorteio; quem quiser\n     ver a arte inteira clica e vai para a p\u00e1gina do sorteio. *\/\n  .gp-topo{grid-template-columns:minmax(0,1fr) clamp(96px,29vw,144px); gap:14px}\n  .gp-slide{flex:0 0 clamp(96px,29vw,144px)}\n  .gp-slide:only-child{flex:1 1 100%}\n  .gp-slides{padding:2px 0 4px}\n\n  .gp-opcoes{grid-template-columns:1fr; gap:11px; padding-bottom:14px}\n  .gp-card{\n    \/* no celular o cart\u00e3o vira uma linha: \u00edcone \u00e0 esquerda, texto\n       no meio, bot\u00e3o \u00e0 direita. Tr\u00eas cart\u00f5es empilhados assim cabem\n       na tela sem empurrar nada para debaixo da dobra. *\/\n    display:grid;\n    grid-template-columns:auto 1fr auto;\n    grid-template-rows:auto auto;\n    align-items:center;\n    column-gap:13px; row-gap:3px;\n    min-height:0;\n    padding:14px 15px;\n    border-radius:16px;\n  }\n  .gp-card:hover{transform:none}\n  .gp-card-gv{grid-column:auto; min-height:0}\n  .gp-icone{grid-column:1; grid-row:1 \/ -1; width:38px; height:38px; border-radius:11px}\n  .gp-icone svg{width:19px; height:19px}\n  .gp-titulo{grid-column:2; grid-row:1; margin-top:0; font-size:17.5px}\n  .gp-linha{grid-column:2; grid-row:2; font-size:12.5px; line-height:1.4; max-width:none}\n  \/* o texto do bot\u00e3o sai: no celular ele roubaria a largura do\n     t\u00edtulo, que \u00e9 o que de fato convence a pessoa a tocar *\/\n  .gp-acao{\n    grid-column:3; grid-row:1 \/ -1;\n    align-self:center; margin-top:0;\n    width:36px; height:36px; padding:0; gap:0;\n    justify-content:center; font-size:0;\n  }\n  .gp-marca{display:none}\n\n  \/* loja no celular: fica s\u00f3 o toldo, mais fino. A sacola e o selo\n     n\u00e3o cabem numa linha sem apertar o t\u00edtulo. *\/\n  .gp-card-gv{--r:8px; padding-top:calc(14px + 2 * var(--r))}\n  .gp-card-gv .gp-linha{max-width:none}\n  .gp-arte-loja,\n  .gp-selo{display:none}\n\n  .gp-tab-kicker{display:none}\n  .gp-tab-cta{padding:8px 13px; font-size:13px}\n\n  .gp-lojas{padding:14px 14px 16px; border-radius:16px}\n  .gp-lojas h2{font-size:16px; margin-bottom:12px}\n  .gp-lojas-fila{gap:14px 22px}\n  .gp-spark{display:none}\n\n  .gp-rodape{flex-direction:column; align-items:flex-start; gap:5px; font-size:12px}\n}\n\n@media (max-width:400px){\n  .gp-hero h1{font-size:29px}\n  .gp-word{font-size:18px} .gp-logo{width:40px;height:40px}\n  .gp-titulo{font-size:16.5px}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .gp-card,.gp-acao svg,.gp-slide,.gp-tab-cta,.gp-arte-loja{transition:none}\n  .gp-tab::after{animation:none; opacity:0}\n  .gp-arte-loja,.gp-selo i{animation:none}\n  .gp-slides{scroll-behavior:auto}\n}\n<\/style>\n\n<div class=\"gp-home\">\n  <div class=\"gp-aura\"><\/div>\n\n  <div class=\"gp-topo\">\n\n    <div class=\"gp-esquerda\">\n      <header class=\"gp-bar\">\n        <a class=\"gp-mark\" href=\"https:\/\/guiadeprecos.com.br\/\">\n          <img decoding=\"async\" class=\"gp-logo lazyload\" data-src=\"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/07\/image.jpeg\" alt=\"guiadePre\u00e7os\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 320px; --smush-placeholder-aspect-ratio: 320\/320;\">\n          <span class=\"gp-mark-text\">\n            <span class=\"gp-word\">guia<i>de<\/i><b>Pre\u00e7os<\/b><\/span>\n            <span class=\"gp-dom\">.com.br<\/span>\n          <\/span>\n        <\/a>\n      <\/header>\n\n      <section class=\"gp-hero\">\n        <h1>Onde comprar sem pagar a mais<\/h1>\n      <\/section>\n    <\/div>\n\n    <!-- ========== VITRINE ==========\n         A arte do sorteio, ao lado do t\u00edtulo.\n         No ar agora: a arte de setembro.\n\n         PARA TROCAR A ARTE no m\u00eas que vem: mude s\u00f3 o src e o alt da\n         <img> abaixo.\n\n         PARA MOSTRAR MAIS DE UMA: copie o bloco <a class=\"gp-slide\">\n         inteiro e cole logo depois. Com dois ou mais quadros ela\n         vira carrossel sozinha \u2014 anda a cada 5 segundos, pode ser\n         arrastada e o \u00faltimo quadro encosta na borda da tela. -->\n    <div class=\"gp-vitrine\">\n      <div class=\"gp-slides\" id=\"gp-slides\">\n        <a class=\"gp-slide\" href=\"https:\/\/guiadeprecos.com.br\/sorteio\/\">\n          <img data-src=\"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/09\/Arte-Sorteio-Setembro.png\" alt=\"Sorteio de setembro do Guia de Pre\u00e7os\" decoding=\"async\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1254px; --smush-placeholder-aspect-ratio: 1254\/1254;\">\n        <\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- ========== ABA DO SORTEIO ==========\n       No computador ela fica pendurada no alto da p\u00e1gina (\u00e9 o\n       position:absolute do CSS). No celular, onde bateria no\n       logotipo, fica exatamente aqui: entre o t\u00edtulo e as tr\u00eas\n       op\u00e7\u00f5es.\n\n       Agora sem contador: o sorteio de agosto acabou e o de\n       setembro ainda n\u00e3o tem data.\n\n       QUANDO A DATA SAIR, duas coisas:\n       1) troque o t\u00edtulo abaixo por \"Tem sorteio rolando\";\n       2) devolva o contador, colando esta linha logo depois do\n          t\u00edtulo, dentro de .gp-tab-linha:\n          <span class=\"gp-conta\" id=\"gp-conta\">\n            <span class=\"gp-conta-txt\">Sorteio dia X<\/span>\n          <\/span>\n       O script do contador continua aqui embaixo e volta a\n       funcionar sozinho assim que encontrar esse #gp-conta \u2014\n       s\u00f3 n\u00e3o esque\u00e7a de mudar a data dentro dele.\n\n       PARA TIRAR A ABA DE VEZ: apague deste coment\u00e1rio at\u00e9 o\n       <\/a> logo abaixo. Nada mais precisa mudar. -->\n  <a class=\"gp-tab\" href=\"https:\/\/guiadeprecos.com.br\/sorteio\/\">\n    <span class=\"gp-tab-chip\">\n      <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12 2.6l2.4 6.1 6.1 2.4-6.1 2.4-2.4 6.1-2.4-6.1-6.1-2.4 6.1-2.4z\"><\/path><path d=\"M19 15.5l.9 2.3 2.3.9-2.3.9-.9 2.3-.9-2.3-2.3-.9 2.3-.9z\" opacity=\".65\"><\/path><\/svg>\n    <\/span>\n    <span class=\"gp-tab-txt\">\n      <span class=\"gp-tab-kicker\">Para quem est\u00e1 no grupo<\/span>\n      <span class=\"gp-tab-linha\">\n        <span class=\"gp-tab-titulo\">Em breve: sorteio de setembro<\/span>\n      <\/span>\n    <\/span>\n    <span class=\"gp-tab-cta\">Saiba mais<\/span>\n  <\/a>\n\n\n  <main class=\"gp-opcoes\">\n\n    <!-- 1. LOJA VIRTUAL\n         Para mudar os textos deste cart\u00e3o, mexa s\u00f3 nestas linhas:\n           selo ........ \"Loja aberta\"\n           t\u00edtulo ...... \"Nossa Loja virtual\"\n           frase ....... \"Produtos em estoque em Valadares...\"\n           bot\u00e3o ....... \"Entrar na loja\" -->\n    <a class=\"gp-card gp-card-gv\" href=\"https:\/\/guiadeprecos.com.br\/?page_id=1825\">\n      <span class=\"gp-toldo\" aria-hidden=\"true\"><span><\/span><\/span>\n      <span class=\"gp-selo\"><i aria-hidden=\"true\"><\/i>Loja aberta<\/span>\n      <svg class=\"gp-arte-loja\" viewBox=\"0 0 160 150\" aria-hidden=\"true\">\n        <!-- caixa de entrega atr\u00e1s da sacola -->\n        <rect x=\"14\" y=\"80\" width=\"62\" height=\"54\" rx=\"7\" fill=\"#0BB394\"><\/rect>\n        <rect x=\"39\" y=\"80\" width=\"12\" height=\"54\" fill=\"#fff\" opacity=\".35\"><\/rect>\n        <!-- al\u00e7a da sacola -->\n        <path d=\"M84 60V40a16 16 0 0 1 32 0v20\" fill=\"none\" stroke=\"#fff\" stroke-width=\"6\" stroke-linecap=\"round\"><\/path>\n        <!-- sacola -->\n        <rect x=\"62\" y=\"48\" width=\"76\" height=\"92\" rx=\"12\" fill=\"#fff\"><\/rect>\n        <circle cx=\"84\" cy=\"60\" r=\"3.2\" fill=\"#0E3A72\" opacity=\".3\"><\/circle>\n        <circle cx=\"116\" cy=\"60\" r=\"3.2\" fill=\"#0E3A72\" opacity=\".3\"><\/circle>\n        <!-- etiqueta R$ -->\n        <circle cx=\"100\" cy=\"98\" r=\"21\" fill=\"#0BB394\"><\/circle>\n        <text x=\"100\" y=\"104\" text-anchor=\"middle\" font-family=\"Poppins,system-ui,sans-serif\" font-weight=\"800\" font-size=\"17\" fill=\"#fff\">R$<\/text>\n        <!-- brilhos -->\n        <path d=\"M34 34l3 8 8 3-8 3-3 8-3-8-8-3 8-3z\" fill=\"#FFD54A\"><\/path>\n        <path d=\"M146 18l2 5 5 2-5 2-2 5-2-5-5-2 5-2z\" fill=\"#FFD54A\" opacity=\".85\"><\/path>\n      <\/svg>\n      <span class=\"gp-icone\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 2 3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z\"><\/path><path d=\"M3 6h18\"><\/path><path d=\"M16 10a4 4 0 0 1-8 0\"><\/path><\/svg>\n      <\/span>\n      <span class=\"gp-titulo\">Nossa Loja virtual<\/span>\n      <span class=\"gp-linha\">Produtos em estoque em Valadares, com entrega imediata.<\/span>\n      <span class=\"gp-acao\">Entrar na loja\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h13\"><\/path><path d=\"m12.5 6 6 6-6 6\"><\/path><\/svg>\n      <\/span>\n    <\/a>\n\n    <!-- 2. GRUPO DE OFERTAS NO WHATSAPP -->\n    <a class=\"gp-card gp-card-grupo\" href=\"https:\/\/chat.whatsapp.com\/I07ixD4gW7OLPKZVYOaqvj\" target=\"_blank\" rel=\"noopener\">\n      <svg class=\"gp-marca\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.9-4.44 9.9-9.9S17.5 2 12.04 2zm0 18.1c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 4.54 0 8.24 3.7 8.24 8.24 0 4.55-3.7 8.24-8.24 8.24z\"><\/path><\/svg>\n      <span class=\"gp-icone\">\n        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M12.04 2c-5.46 0-9.9 4.44-9.9 9.9 0 1.75.46 3.45 1.32 4.95L2 22l5.3-1.39c1.45.79 3.08 1.21 4.74 1.21 5.46 0 9.9-4.44 9.9-9.9S17.5 2 12.04 2zm0 18.1c-1.48 0-2.93-.4-4.2-1.15l-.3-.18-3.12.82.83-3.04-.2-.31a8.26 8.26 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.25-8.24 4.54 0 8.24 3.7 8.24 8.24 0 4.55-3.7 8.24-8.24 8.24zm4.52-6.16c-.25-.12-1.47-.72-1.69-.81-.23-.08-.39-.12-.56.13-.16.24-.64.8-.78.97-.14.16-.29.18-.54.06-.25-.13-1.05-.39-2-1.23-.74-.66-1.23-1.47-1.38-1.72-.14-.25-.02-.38.11-.51.11-.11.25-.29.37-.43.13-.14.17-.25.25-.41.08-.17.04-.31-.02-.43-.06-.13-.56-1.35-.77-1.84-.2-.49-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31-.22.25-.86.85-.86 2.07 0 1.22.89 2.4 1.01 2.56.13.17 1.75 2.67 4.23 3.74.59.26 1.05.41 1.41.52.59.19 1.13.16 1.56.1.47-.07 1.47-.6 1.67-1.18.21-.58.21-1.07.15-1.18-.06-.1-.23-.16-.48-.27z\"><\/path><\/svg>\n      <\/span>\n      <span class=\"gp-titulo\">Receber ofertas no WhatsApp<\/span>\n      <span class=\"gp-linha\">As promo\u00e7\u00f5es do dia no seu celular. Voc\u00ea sai quando quiser.<\/span>\n      <span class=\"gp-acao\">Entrar no grupo oficial\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h13\"><\/path><path d=\"m12.5 6 6 6-6 6\"><\/path><\/svg>\n      <\/span>\n    <\/a>\n\n    <!-- 3. LISTA DE PRESENTES -->\n    <a class=\"gp-card gp-card-lista\" href=\"https:\/\/guiadeprecos.com.br\/?page_id=1071\">\n      <svg class=\"gp-marca\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"><\/rect><path d=\"M12 8v13\"><\/path><path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"><\/path><path d=\"M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5\"><\/path><\/svg>\n      <span class=\"gp-icone\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.9\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><rect x=\"3\" y=\"8\" width=\"18\" height=\"4\" rx=\"1\"><\/rect><path d=\"M12 8v13\"><\/path><path d=\"M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7\"><\/path><path d=\"M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5\"><\/path><\/svg>\n      <\/span>\n      <span class=\"gp-titulo\">Montar lista de presentes<\/span>\n      <span class=\"gp-linha\">Gr\u00e1tis. Escolha os presentes e mande a p\u00e1gina para os convidados.<\/span>\n      <span class=\"gp-acao\">Criar minha lista\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12h13\"><\/path><path d=\"m12.5 6 6 6-6 6\"><\/path><\/svg>\n      <\/span>\n    <\/a>\n\n  <\/main>\n\n  <!-- ========== LOJAS ==========\n       Os nomes est\u00e3o escritos em texto, com a cor de cada marca:\n       carrega na hora e nunca quebra. Se quiser usar os logos de\n       verdade, suba os arquivos na sua Biblioteca de M\u00eddia e troque\n       cada <span> por:\n       <img decoding=\"async\" src=\"URL-DO-SEU-LOGO.png\" alt=\"Amazon\" style=\"height:26px;width:auto\"> -->\n  <section class=\"gp-lojas\">\n    <h2>As melhores lojas em um s\u00f3 lugar<\/h2>\n    <div class=\"gp-lojas-fila\">\n      <span class=\"gp-loja gp-loja-amazon\">amazon<\/span>\n      <svg class=\"gp-spark\" viewBox=\"0 0 90 26\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 21 16 16 28 19 42 8 56 12 70 3 88 6\" stroke=\"#0BB394\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n      <span class=\"gp-loja gp-loja-ml\">mercado livre<\/span>\n      <span class=\"gp-loja gp-loja-shopee\">Shopee<\/span>\n      <span class=\"gp-loja gp-loja-ali\">AliExpress<\/span>\n      <span class=\"gp-loja gp-loja-magalu\">Magalu<\/span>\n      <svg class=\"gp-spark\" viewBox=\"0 0 90 26\" fill=\"none\" aria-hidden=\"true\"><path d=\"M2 6 16 10 28 5 42 15 56 11 70 20 88 17\" stroke=\"#F0479E\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\n    <\/div>\n  <\/section>\n\n  <footer class=\"gp-rodape\">\n    <!-- ========== AN\u00c1LISES ==========\n         Enquanto n\u00e3o estiverem prontas, \u00e9 s\u00f3 esta frase. Quando\n         estiverem, troque a linha abaixo por um link:\n         <span><a href=\"https:\/\/guiadeprecos.com.br\/?page_id=1735\">\n         Veja as an\u00e1lises de produtos<\/a><\/span> -->\n    <span><strong>Em breve:<\/strong> an\u00e1lises de produtos, com compara\u00e7\u00e3o de pre\u00e7o entre as lojas.<\/span>\n    <span>Acompanho pre\u00e7os na <em>Amazon<\/em>, <em>Mercado&nbsp;Livre<\/em>, <em>Shopee<\/em>, <em>AliExpress<\/em> e <em>Magalu<\/em>.<\/span>\n  <\/footer>\n<\/div>\n\n<script>\n\/* =========================================================\n   LARGURA TOTAL DA TELA\n   1) abre as \"caixas\" do tema que est\u00e3o em volta desta p\u00e1gina\n   2) mede o branco que sobrou nas laterais e puxa para fora\n   ========================================================= *\/\n(function(){\n  var home = document.querySelector('.gp-home');\n  if(!home) return;\n\n  \/* Mesma cor do fundo (--papel, l\u00e1 em cima no CSS). Se trocar a\n     cor de fundo, troque aqui tamb\u00e9m. *\/\n  var COR_FUNDO = '#EBF2F8';\n\n  function largaTotal(){\n    \/* Pinta a p\u00e1gina inteira, n\u00e3o s\u00f3 as caixas em volta. Era daqui\n       que vinha a faixa clara no topo, na direita e embaixo: a\n       margem dos cont\u00eaineres do tema n\u00e3o pinta fundo nenhum, ent\u00e3o\n       o que aparecia ali era o branco do pr\u00f3prio WordPress. *\/\n    document.documentElement.style.setProperty('background',COR_FUNDO,'important');\n    document.body.style.setProperty('background',COR_FUNDO,'important');\n\n    var pai = home.parentElement;\n    while(pai && pai !== document.body){\n      pai.style.setProperty('max-width','none','important');\n      pai.style.setProperty('width','auto','important');\n      pai.style.setProperty('padding-left','0','important');\n      pai.style.setProperty('padding-right','0','important');\n      pai.style.setProperty('margin-left','0','important');\n      pai.style.setProperty('margin-right','0','important');\n      \/* espa\u00e7o vertical que o tema coloca em volta do bloco: \u00e9 o\n         outro jeito de aparecer uma faixa de outra cor acima da\n         p\u00e1gina. O espa\u00e7amento do menu do site continua intacto,\n         porque quem cuida dele \u00e9 a vari\u00e1vel --altura-topo. *\/\n      pai.style.setProperty('padding-top','0','important');\n      pai.style.setProperty('padding-bottom','0','important');\n      pai.style.setProperty('margin-top','0','important');\n      pai.style.setProperty('margin-bottom','0','important');\n      pai.style.setProperty('overflow','visible','important');\n      pai.style.setProperty('background',COR_FUNDO,'important');\n      pai = pai.parentElement;\n    }\n\n    home.style.marginLeft = '0';\n    home.style.marginRight = '0';\n\n    \/* Duas passadas. A primeira puxa o bloco para fora; isso muda o\n       layout, e s\u00f3 depois d\u00e1 para medir de novo o que ainda sobrou.\n       Era por isso que o lado direito continuava com uma tira de\n       fundo aparecendo. *\/\n    medir();\n    requestAnimationFrame(medir);\n  }\n\n  function medir(){\n    var caixa = home.getBoundingClientRect();\n    var tela  = document.documentElement.clientWidth;\n    var esq = caixa.left;\n    var dir = tela - caixa.right;\n\n    var jaEsq = parseFloat(home.style.marginLeft)  || 0;\n    var jaDir = parseFloat(home.style.marginRight) || 0;\n\n    if(Math.abs(esq) > 0.5) home.style.marginLeft  = (jaEsq - esq) + 'px';\n    if(Math.abs(dir) > 0.5) home.style.marginRight = (jaDir - dir) + 'px';\n  }\n\n  largaTotal();\n  window.addEventListener('load', largaTotal);\n  window.addEventListener('resize', largaTotal);\n  window.addEventListener('orientationchange', largaTotal);\n})();\n\n\n\/* =========================================================\n   VITRINE QUE ANDA SOZINHA\n   Passa para a pr\u00f3xima arte a cada 5 segundos e volta ao come\u00e7o no\n   fim. Para se a pessoa passar o mouse, tocar ou arrastar \u2014 e volta\n   sozinha 8 segundos depois. Quem pediu menos anima\u00e7\u00e3o no sistema\n   n\u00e3o v\u00ea nada se mexendo.\n   ========================================================= *\/\n(function(){\n  var trilho = document.getElementById('gp-slides');\n  if(!trilho) return;\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  var parado = false, retomar = null;\n\n  function pausa(){\n    parado = true;\n    clearTimeout(retomar);\n    retomar = setTimeout(function(){ parado = false; }, 8000);\n  }\n\n  ['pointerdown','wheel','touchstart'].forEach(function(evt){\n    trilho.addEventListener(evt, pausa, {passive:true});\n  });\n  trilho.addEventListener('mouseenter', function(){ parado = true; clearTimeout(retomar); });\n  trilho.addEventListener('mouseleave', function(){ parado = false; });\n\n  setInterval(function(){\n    if(parado || document.hidden) return;\n\n    var quadro = trilho.querySelector('.gp-slide');\n    if(!quadro) return;\n\n    var passo = quadro.getBoundingClientRect().width + 14; \/* 14 = o gap *\/\n    var fim   = trilho.scrollWidth - trilho.clientWidth - 4;\n\n    var destino = trilho.scrollLeft >= fim ? 0 : trilho.scrollLeft + passo;\n    trilho.scrollTo({left:destino, behavior:'smooth'});\n  }, 5000);\n})();\n\n\n\/* =========================================================\n   CONTADOR DO SORTEIO\n   Est\u00e1 dormindo: ele s\u00f3 roda se existir um #gp-conta no HTML, e\n   nesta vers\u00e3o a aba est\u00e1 sem contador. Quando a data do sorteio de\n   setembro sair, devolva o #gp-conta na aba (as instru\u00e7\u00f5es est\u00e3o l\u00e1\n   em cima) e ajuste a data aqui embaixo.\n   ========================================================= *\/\n(function(){\n\n  \/* ---- DATA DO SORTEIO ----\n     A ordem \u00e9: ano, m\u00eas, dia, hora, minuto.\n     ATEN\u00c7\u00c3O no m\u00eas: ele come\u00e7a do ZERO.\n     0=janeiro, 1=fevereiro ... 7=agosto, 8=setembro, 11=dezembro.\n     A linha abaixo est\u00e1 com 30\/09\/2026 \u00e0s 20h s\u00f3 como exemplo.\n     Troque pela data real antes de devolver o contador. *\/\n  var ALVO = new Date(2026, 8, 30, 20, 0, 0);\n\n  var caixa = document.getElementById('gp-conta');\n  if(!caixa) return;\n\n  function dois(n){ return n < 10 ? '0' + n : '' + n; }\n\n  function pastilha(valor, rotulo){\n    return '<span class=\"gp-conta-cx\"><b>' + valor + '<\/b><i>' + rotulo + '<\/i><\/span>';\n  }\n\n  function pinta(){\n    var falta = ALVO.getTime() - Date.now();\n\n    \/* Passou da data: a aba continua no ar, mas para de prometer\n       tempo. Para tirar de vez, apague o bloco da aba l\u00e1 em cima\n       no HTML. *\/\n    if(falta <= 0){\n      caixa.innerHTML = '<span class=\"gp-conta-txt\">Sorteio encerrado<\/span>';\n      return false;\n    }\n\n    var seg = Math.floor(falta \/ 1000);\n    var d = Math.floor(seg \/ 86400);\n    var h = Math.floor((seg % 86400) \/ 3600);\n    var m = Math.floor((seg % 3600) \/ 60);\n\n    var html = '';\n    if(d > 0) html += pastilha(d, d === 1 ? 'dia' : 'dias');\n    html += pastilha(dois(h), 'h') + pastilha(dois(m), 'min');\n\n    caixa.innerHTML = html;\n    return true;\n  }\n\n  \/* de 30 em 30 segundos basta: o menor n\u00famero que aparece na tela\n     \u00e9 o dos minutos *\/\n  if(pinta()) setInterval(pinta, 30000);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>guiadePre\u00e7os .com.br Onde comprar sem pagar a mais Para quem est\u00e1 no grupo Em breve: sorteio de setembro Saiba mais Loja aberta R$ Nossa Loja virtual Produtos em estoque em Valadares, com entrega imediata. Entrar na loja Receber ofertas no WhatsApp As promo\u00e7\u00f5es do dia no seu celular. Voc\u00ea sai quando quiser. Entrar no grupo [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":172,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-26","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>GuiaDePrecos -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/guiadeprecos.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"GuiaDePrecos -\" \/>\n<meta property=\"og:description\" content=\"guiadePre\u00e7os .com.br Onde comprar sem pagar a mais Para quem est\u00e1 no grupo Em breve: sorteio de setembro Saiba mais Loja aberta R$ Nossa Loja virtual Produtos em estoque em Valadares, com entrega imediata. Entrar na loja Receber ofertas no WhatsApp As promo\u00e7\u00f5es do dia no seu celular. Voc\u00ea sai quando quiser. Entrar no grupo [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/guiadeprecos.com.br\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-18T04:20:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/06\/logo-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1408\" \/>\n\t<meta property=\"og:image:height\" content=\"768\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/\",\"url\":\"https:\\\/\\\/guiadeprecos.com.br\\\/\",\"name\":\"GuiaDePrecos -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/guiadeprecos.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo-1.png\",\"datePublished\":\"2026-06-25T01:27:18+00:00\",\"dateModified\":\"2026-09-18T04:20:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/guiadeprecos.com.br\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#primaryimage\",\"url\":\"https:\\\/\\\/guiadeprecos.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo-1.png\",\"contentUrl\":\"https:\\\/\\\/guiadeprecos.com.br\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/logo-1.png\",\"width\":1408,\"height\":768},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/guiadeprecos.com.br\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"GuiaDePrecos\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/guiadeprecos.com.br\\\/#website\",\"url\":\"https:\\\/\\\/guiadeprecos.com.br\\\/\",\"name\":\"\",\"description\":\"My WordPress Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/guiadeprecos.com.br\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"GuiaDePrecos -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/guiadeprecos.com.br\/","og_locale":"pt_BR","og_type":"article","og_title":"GuiaDePrecos -","og_description":"guiadePre\u00e7os .com.br Onde comprar sem pagar a mais Para quem est\u00e1 no grupo Em breve: sorteio de setembro Saiba mais Loja aberta R$ Nossa Loja virtual Produtos em estoque em Valadares, com entrega imediata. Entrar na loja Receber ofertas no WhatsApp As promo\u00e7\u00f5es do dia no seu celular. Voc\u00ea sai quando quiser. Entrar no grupo [&hellip;]","og_url":"https:\/\/guiadeprecos.com.br\/","article_modified_time":"2026-09-18T04:20:15+00:00","og_image":[{"width":1408,"height":768,"url":"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/06\/logo-1.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/guiadeprecos.com.br\/","url":"https:\/\/guiadeprecos.com.br\/","name":"GuiaDePrecos -","isPartOf":{"@id":"https:\/\/guiadeprecos.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/guiadeprecos.com.br\/#primaryimage"},"image":{"@id":"https:\/\/guiadeprecos.com.br\/#primaryimage"},"thumbnailUrl":"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/06\/logo-1.png","datePublished":"2026-06-25T01:27:18+00:00","dateModified":"2026-09-18T04:20:15+00:00","breadcrumb":{"@id":"https:\/\/guiadeprecos.com.br\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/guiadeprecos.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/guiadeprecos.com.br\/#primaryimage","url":"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/06\/logo-1.png","contentUrl":"https:\/\/guiadeprecos.com.br\/wp-content\/uploads\/2026\/06\/logo-1.png","width":1408,"height":768},{"@type":"BreadcrumbList","@id":"https:\/\/guiadeprecos.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/guiadeprecos.com.br\/"},{"@type":"ListItem","position":2,"name":"GuiaDePrecos"}]},{"@type":"WebSite","@id":"https:\/\/guiadeprecos.com.br\/#website","url":"https:\/\/guiadeprecos.com.br\/","name":"","description":"My WordPress Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/guiadeprecos.com.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"_links":{"self":[{"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/guiadeprecos.com.br\/?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":54,"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":3045,"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/pages\/26\/revisions\/3045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/guiadeprecos.com.br\/?rest_route=\/wp\/v2\/media\/172"}],"wp:attachment":[{"href":"https:\/\/guiadeprecos.com.br\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}