{"id":12,"date":"2025-10-31T06:46:03","date_gmt":"2025-10-31T09:46:03","guid":{"rendered":"https:\/\/campynna.com\/?page_id=12"},"modified":"2026-08-06T18:41:30","modified_gmt":"2026-08-06T21:41:30","slug":"campynna","status":"publish","type":"page","link":"https:\/\/campynna.com\/","title":{"rendered":""},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nCampynna \u2014 Loja de Chinelos<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n\/* ============================================================\r\n CAMPYNNA \u2014 LOJA (estrutura de e-commerce \/ WooCommerce)\r\n Paleta: preto, vermelho, branco + areia e verde-campo\r\n Tipografia: Fraunces (display, uso pontual) + Manrope (loja)\r\n ============================================================ *\/\r\n:root{\r\n --preto:#14120F;\r\n --branco:#FBF9F4;\r\n --vermelho:#B6222C;\r\n --vermelho-escuro:#8C1A22;\r\n --areia:#E7DCC5;\r\n --areia-clara:#F3ECDD;\r\n --verde-campo:#3E4A34;\r\n --dourado:#C9A15A;\r\n --cinza-borda: rgba(20,18,15,.12);\r\n --fonte-display:'Fraunces', serif;\r\n --fonte-corpo:'Manrope', sans-serif;\r\n --radius:4px;\r\n --wrap: min(1320px, 94vw);\r\n}\r\n*{ box-sizing:border-box; margin:0; padding:0; }\r\nhtml{ scroll-behavior:smooth; }\r\nbody{ font-family:var(--fonte-corpo); color:var(--preto); background:var(--branco); width:100%; overflow-x:hidden; line-height:1.5; font-size:15px;}\r\nimg{ max-width:100%; display:block; }\r\na{ color:inherit; text-decoration:none; }\r\nul{ list-style:none; }\r\nbutton{ font-family:inherit; cursor:pointer; border:none; background:none; }\r\n.wrap{ width:var(--wrap); margin-inline:auto; }\r\nh1,h2,h3,h4{ font-family:var(--fonte-display); font-weight:600; line-height:1.1; letter-spacing:-.01em; }\r\n.eyebrow{ font-weight:800; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:var(--vermelho); display:inline-flex; align-items:center; gap:.5rem; margin-bottom:.7rem; }\r\n.eyebrow::before{ content:\"\"; width:18px; height:1.5px; background:var(--vermelho); display:inline-block; }\r\n@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{animation-duration:.001ms !important; transition-duration:.001ms !important;} }\r\n\r\n\/* bot\u00f5es *\/\r\n.btn{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; padding:.85rem 1.6rem; font-weight:800; font-size:.78rem; letter-spacing:.03em; text-transform:uppercase; border-radius:var(--radius); transition:.2s ease; }\r\n.btn:focus-visible{ outline:3px solid var(--dourado); outline-offset:2px; }\r\n.btn-primario{ background:var(--vermelho); color:var(--branco); }\r\n.btn-primario:hover{ background:var(--vermelho-escuro); }\r\n.btn-secundario{ background:var(--preto); color:var(--branco); }\r\n.btn-secundario:hover{ background:#000; }\r\n.btn-outline{ background:transparent; border:1.5px solid var(--preto); color:var(--preto); }\r\n.btn-outline:hover{ background:var(--preto); color:var(--branco); }\r\n.btn-bloco{ width:100%; }\r\n\r\n\/* ===================== TOPBAR ===================== *\/\r\n.topbar{ background:var(--preto); color:var(--areia-clara); font-size:.76rem; }\r\n.topbar-inner{ width:var(--wrap); margin-inline:auto; display:flex; justify-content:space-between; align-items:center; padding:.5rem 0; gap:1rem; flex-wrap:wrap; }\r\n.topbar-esq{ display:flex; gap:1.4rem; flex-wrap:wrap; }\r\n.topbar a:hover{ color:var(--dourado); }\r\n.topbar-dir{ display:flex; gap:1.2rem; align-items:center; }\r\n\r\n\/* ===================== HEADER ===================== *\/\r\n.header{ position:sticky; top:0; z-index:70; background:var(--branco); border-bottom:1px solid var(--cinza-borda); }\r\n.header-topo{ width:var(--wrap); margin-inline:auto; display:flex; align-items:center; gap:2rem; padding:1rem 0; }\r\n.logo{ font-family:var(--fonte-display); font-size:1.55rem; font-weight:700; flex-shrink:0; }\r\n.logo span{ color:var(--vermelho); }\r\n.busca{ flex:1; display:flex; align-items:center; background:var(--areia-clara); border-radius:50px; padding:.15rem .3rem .15rem 1.2rem; border:1.5px solid transparent; transition:border-color .2s ease; }\r\n.busca:focus-within{ border-color:var(--vermelho); }\r\n.busca input{ flex:1; border:none; background:none; padding:.6rem 0; font-size:.88rem; font-family:inherit; outline:none; }\r\n.busca button{ width:38px; height:38px; border-radius:50%; background:var(--preto); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\r\n.busca button svg{ width:16px; height:16px; stroke:var(--branco); }\r\n.header-acoes{ display:flex; align-items:center; gap:1.5rem; flex-shrink:0; }\r\n.acao-item{ display:flex; flex-direction:column; align-items:center; gap:.2rem; font-size:.66rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; position:relative; }\r\n.acao-item svg{ width:22px; height:22px; stroke:var(--preto); }\r\n.acao-item:hover svg{ stroke:var(--vermelho); }\r\n.badge-carrinho{ position:absolute; top:-8px; right:-10px; background:var(--vermelho); color:var(--branco); font-size:.62rem; font-weight:800; width:17px; height:17px; border-radius:50%; display:flex; align-items:center; justify-content:center; }\r\n.menu-toggle{ display:none; flex-direction:column; gap:5px; }\r\n.menu-toggle span{ width:24px; height:2px; background:var(--preto); }\r\n\r\n.header-nav{ border-top:1px solid var(--cinza-borda); }\r\n.header-nav-inner{ width:var(--wrap); margin-inline:auto; display:flex; align-items:center; gap:2.2rem; }\r\n.header-nav a{ padding:.85rem 0; font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; position:relative; display:inline-block; }\r\n.header-nav a::after{ content:\"\"; position:absolute; left:0; bottom:0; width:0; height:2px; background:var(--vermelho); transition:width .2s ease; }\r\n.header-nav a:hover::after, .header-nav a.ativo::after{ width:100%; }\r\n.header-nav a.ativo{ color:var(--vermelho); }\r\n.tag-oferta{ margin-left:auto; background:var(--vermelho); color:var(--branco); font-size:.68rem; font-weight:800; padding:.35rem .8rem; border-radius:50px; text-transform:uppercase; letter-spacing:.03em; }\r\n\r\n\/* menu mobile *\/\r\n.nav-mobile{ position:fixed; inset:0 0 0 auto; width:min(320px,86vw); background:var(--branco); z-index:95; transform:translateX(100%); transition:transform .35s ease; padding:2rem; box-shadow:-10px 0 30px rgba(0,0,0,.15); overflow-y:auto; }\r\n.nav-mobile.aberto{ transform:translateX(0); }\r\n.nav-mobile a{ display:block; padding:1rem 0; font-weight:700; text-transform:uppercase; font-size:.9rem; border-bottom:1px solid var(--cinza-borda); }\r\n.nav-mobile-fechar{ font-size:1.6rem; margin-bottom:1.2rem; display:block; }\r\n.overlay{ position:fixed; inset:0; background:rgba(20,18,15,.5); z-index:85; opacity:0; pointer-events:none; transition:opacity .3s ease; }\r\n.overlay.aberto{ opacity:1; pointer-events:auto; }\r\n\r\n\/* ===================== HERO BANNER (carrossel de loja) ===================== *\/\r\n.hero-banner{ position:relative; overflow:hidden; }\r\n.hero-trilho{ display:flex; transition:transform .6s cubic-bezier(.65,0,.35,1); }\r\n.hero-slide{ min-width:100%; display:grid; grid-template-columns:1fr 1fr; align-items:center; background:var(--areia-clara); min-height:420px; }\r\n.hero-slide:nth-child(2){ background:var(--preto); }\r\n.hero-slide:nth-child(2) .hero-slide-texto{ color:var(--branco); }\r\n.hero-slide:nth-child(3){ background:var(--vermelho); }\r\n.hero-slide:nth-child(3) .hero-slide-texto{ color:var(--branco); }\r\n.hero-slide:nth-child(3) .eyebrow{ color:var(--branco); }\r\n.hero-slide:nth-child(3) .eyebrow::before{ background:var(--branco); }\r\n.hero-slide-texto{ padding:3rem clamp(1.5rem,5vw,5rem); }\r\n.hero-slide-texto h1, .hero-slide-texto h2{ font-size:clamp(1.9rem,3.4vw,2.9rem); margin-bottom:.9rem; }\r\n.hero-slide-texto p{ max-width:38ch; opacity:.85; margin-bottom:1.5rem; font-size:.98rem; }\r\n.hero-foto{ aspect-ratio:1\/1; height:100%; display:flex; align-items:center; justify-content:center; }\r\n.placeholder-foto{ width:100%; height:100%; background:linear-gradient(160deg,#1c1a15,#14120F); display:flex; flex-direction:column; align-items:center; justify-content:center; color:var(--areia-clara); text-align:center; gap:.6rem; padding:1.5rem; }\r\n.placeholder-foto svg{ width:90px; height:90px; opacity:.85; }\r\n.placeholder-foto small{ font-size:.64rem; letter-spacing:.06em; text-transform:uppercase; opacity:.55; max-width:22ch; }\r\n.hero-nav{ position:absolute; bottom:1.3rem; left:50%; transform:translateX(-50%); display:flex; gap:.6rem; z-index:5; }\r\n.dot{ width:8px; height:8px; border-radius:50%; background:rgba(20,18,15,.25); transition:.2s ease; cursor:pointer; }\r\n.dot.ativo{ background:var(--vermelho); width:20px; border-radius:5px; }\r\n.hero-seta{ position:absolute; top:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%; background:var(--branco); display:flex; align-items:center; justify-content:center; z-index:5; box-shadow:0 6px 16px rgba(0,0,0,.12); }\r\n.hero-seta.esq{ left:1rem; } .hero-seta.dir{ right:1rem; }\r\n.hero-seta svg{ width:18px; height:18px; }\r\n\r\n\/* ===================== TIRAS DE CONFIAN\u00c7A ===================== *\/\r\n.tira-confianca{ background:var(--preto); color:var(--areia-clara); padding:.9rem 0; }\r\n.tira-inner{ width:var(--wrap); margin-inline:auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; font-size:.76rem; font-weight:700; text-transform:uppercase; letter-spacing:.03em; }\r\n.tira-item{ display:flex; align-items:center; gap:.5rem; }\r\n.tira-item svg{ width:16px; height:16px; stroke:var(--dourado); flex-shrink:0; }\r\n\r\n\/* ===================== CATEGORIAS ===================== *\/\r\n.secao{ padding:3.6rem 0; }\r\n.secao-cabecalho{ display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:1.8rem; gap:1rem; flex-wrap:wrap; }\r\n.secao-cabecalho h2{ font-size:clamp(1.5rem,2.6vw,2rem); }\r\n.secao-cabecalho .ver-tudo{ font-size:.76rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; border-bottom:2px solid var(--vermelho); padding-bottom:2px; }\r\n\r\n.grade-categorias{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.1rem; }\r\n.card-categoria{ position:relative; aspect-ratio:1\/1; border-radius:6px; overflow:hidden; }\r\n.card-categoria .placeholder-foto{ position:absolute; inset:0; }\r\n.card-categoria .sombra{ position:absolute; inset:0; background:linear-gradient(180deg,transparent 45%, rgba(20,18,15,.85) 100%); }\r\n.card-categoria-texto{ position:absolute; bottom:0; left:0; right:0; padding:1.1rem; z-index:2; color:var(--branco); }\r\n.card-categoria-texto strong{ font-family:var(--fonte-display); font-size:1.15rem; display:block; }\r\n.card-categoria-texto span{ font-size:.72rem; text-transform:uppercase; letter-spacing:.04em; opacity:.8; }\r\n\r\n\/* ===================== LOJA: breadcrumb + toolbar ===================== *\/\r\n.breadcrumb{ font-size:.78rem; color:#7a745f; padding:1.4rem 0 0; }\r\n.breadcrumb a:hover{ color:var(--vermelho); }\r\n.loja-cabecalho{ padding:1rem 0 2rem; }\r\n.loja-cabecalho h1{ font-size:clamp(1.8rem,3vw,2.4rem); }\r\n.loja-cabecalho p{ color:#57503f; margin-top:.4rem; max-width:60ch; font-size:.92rem; }\r\n\r\n.loja-layout{ display:grid; grid-template-columns:250px 1fr; gap:2.4rem; align-items:flex-start; }\r\n\r\n\/* sidebar de filtros *\/\r\n.filtros-lateral{ position:sticky; top:120px; border:1px solid var(--cinza-borda); border-radius:6px; padding:1.4rem; background:var(--areia-clara); }\r\n.filtro-grupo{ padding:1rem 0; border-bottom:1px solid var(--cinza-borda); }\r\n.filtro-grupo:last-child{ border-bottom:none; }\r\n.filtro-grupo h5{ font-size:.78rem; text-transform:uppercase; letter-spacing:.05em; font-weight:800; margin-bottom:.8rem; }\r\n.filtro-opcao{ display:flex; align-items:center; gap:.6rem; padding:.32rem 0; font-size:.85rem; cursor:pointer; }\r\n.filtro-opcao input{ accent-color:var(--vermelho); width:15px; height:15px; }\r\n.filtro-cores{ display:flex; flex-wrap:wrap; gap:.6rem; }\r\n.swatch{ width:26px; height:26px; border-radius:50%; border:2px solid var(--branco); box-shadow:0 0 0 1.5px var(--cinza-borda); cursor:pointer; transition:box-shadow .2s ease; }\r\n.swatch.selecionado, .swatch:hover{ box-shadow:0 0 0 2px var(--preto); }\r\n.filtro-tam{ display:flex; flex-wrap:wrap; gap:.5rem; }\r\n.filtro-tam button{ width:34px; height:34px; border:1.3px solid var(--cinza-borda); border-radius:4px; font-size:.74rem; font-weight:700; background:var(--branco); transition:.2s ease; }\r\n.filtro-tam button:hover, .filtro-tam button.selecionado{ background:var(--preto); color:var(--branco); border-color:var(--preto); }\r\n.filtro-limpar{ font-size:.74rem; font-weight:800; text-transform:uppercase; color:var(--vermelho); margin-top:.6rem; display:inline-block; }\r\n\r\n\/* toolbar de resultados *\/\r\n.loja-toolbar{ display:flex; justify-content:space-between; align-items:center; margin-bottom:1.4rem; flex-wrap:wrap; gap:.8rem; padding-bottom:1rem; border-bottom:1px solid var(--cinza-borda); }\r\n.resultado-contagem{ font-size:.84rem; color:#57503f; }\r\n.toolbar-dir{ display:flex; align-items:center; gap:1rem; }\r\n.select-ordenar{ font-size:.8rem; font-weight:700; padding:.6rem .9rem; border:1.3px solid var(--cinza-borda); border-radius:4px; background:var(--branco); }\r\n.filtro-mobile-btn{ display:none; align-items:center; gap:.4rem; font-size:.8rem; font-weight:800; text-transform:uppercase; border:1.3px solid var(--preto); padding:.6rem 1rem; border-radius:4px; }\r\n\r\n\/* ===================== GRADE DE PRODUTOS ===================== *\/\r\n.grade-produtos{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.4rem; }\r\n.card-produto{ background:var(--branco); border:1px solid var(--cinza-borda); border-radius:6px; overflow:hidden; display:flex; flex-direction:column; transition:box-shadow .25s ease, transform .25s ease; }\r\n.card-produto:hover{ box-shadow:0 16px 34px rgba(20,18,15,.1); transform:translateY(-3px); }\r\n.produto-foto-wrap{ position:relative; aspect-ratio:1\/1; }\r\n.produto-foto-wrap .placeholder-foto{ position:absolute; inset:0; }\r\n.selo-topo{ position:absolute; top:.7rem; left:.7rem; background:var(--vermelho); color:var(--branco); font-size:.62rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; padding:.3rem .6rem; border-radius:3px; z-index:2; }\r\n.btn-favorito{ position:absolute; top:.7rem; right:.7rem; width:32px; height:32px; border-radius:50%; background:rgba(251,249,244,.92); display:flex; align-items:center; justify-content:center; z-index:2; }\r\n.btn-favorito svg{ width:16px; height:16px; }\r\n.acao-rapida{ position:absolute; bottom:0; left:0; right:0; background:var(--preto); color:var(--branco); text-align:center; padding:.55rem; font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.03em; transform:translateY(100%); transition:transform .25s ease; z-index:2; }\r\n.card-produto:hover .acao-rapida{ transform:translateY(0); }\r\n\r\n.produto-corpo{ padding:1.1rem 1.1rem 1.3rem; display:flex; flex-direction:column; gap:.55rem; flex:1; }\r\n.produto-categoria{ font-size:.68rem; text-transform:uppercase; letter-spacing:.06em; color:#8a8368; font-weight:700; }\r\n.produto-nome{ font-family:var(--fonte-corpo); font-weight:800; font-size:.95rem; }\r\n.produto-preco{ display:flex; align-items:baseline; gap:.5rem; }\r\n.produto-preco .valor{ font-size:1.25rem; font-weight:800; color:var(--vermelho); }\r\n.produto-preco .parcelas{ font-size:.72rem; color:#8a8368; }\r\n\r\n.produto-cores{ display:flex; gap:.5rem; align-items:center; }\r\n.produto-cores .swatch{ width:20px; height:20px; }\r\n\r\n.produto-tamanho{ display:flex; align-items:center; gap:.5rem; }\r\n.produto-tamanho select{ flex:1; font-size:.78rem; font-weight:700; padding:.5rem .6rem; border:1.3px solid var(--cinza-borda); border-radius:4px; background:var(--branco); }\r\n\r\n.produto-acoes{ display:flex; gap:.5rem; margin-top:.3rem; }\r\n.produto-acoes .btn{ flex:1; padding:.7rem; font-size:.7rem; }\r\n.btn-whats-mini{ background:var(--verde-campo); color:var(--branco); flex:0 0 42px !important; padding:.7rem !important; }\r\n.btn-whats-mini svg{ width:16px; height:16px; }\r\n\r\n.carregar-mais{ display:flex; justify-content:center; margin-top:2.4rem; }\r\n\r\n\/* ===================== MINI-CARRINHO LATERAL ===================== *\/\r\n.mini-carrinho{ position:fixed; top:0; right:0; height:100%; width:min(400px,92vw); background:var(--branco); z-index:100; transform:translateX(100%); transition:transform .35s ease; display:flex; flex-direction:column; box-shadow:-14px 0 40px rgba(0,0,0,.2); }\r\n.mini-carrinho.aberto{ transform:translateX(0); }\r\n.mc-cabecalho{ display:flex; justify-content:space-between; align-items:center; padding:1.4rem 1.4rem; border-bottom:1px solid var(--cinza-borda); }\r\n.mc-cabecalho h3{ font-size:1.15rem; }\r\n.mc-fechar{ font-size:1.6rem; line-height:1; }\r\n.mc-lista{ flex:1; overflow-y:auto; padding:1rem 1.4rem; display:flex; flex-direction:column; gap:1rem; }\r\n.mc-item{ display:flex; gap:.9rem; align-items:center; border-bottom:1px solid var(--cinza-borda); padding-bottom:1rem; }\r\n.mc-foto{ width:64px; height:64px; border-radius:5px; flex-shrink:0; background:var(--preto); display:flex; align-items:center; justify-content:center; }\r\n.mc-foto svg{ width:34px; height:34px; opacity:.8; stroke:var(--areia-clara); }\r\n.mc-info{ flex:1; }\r\n.mc-info strong{ display:block; font-size:.85rem; }\r\n.mc-info span{ font-size:.76rem; color:#7a745f; }\r\n.mc-preco{ font-size:.85rem; font-weight:800; color:var(--vermelho); }\r\n.mc-remover{ font-size:.7rem; color:#7a745f; text-transform:uppercase; font-weight:700; margin-top:.3rem; }\r\n.mc-vazio{ text-align:center; padding:3rem 1rem; color:#7a745f; font-size:.9rem; }\r\n.mc-rodape{ border-top:1px solid var(--cinza-borda); padding:1.4rem; }\r\n.mc-subtotal{ display:flex; justify-content:space-between; font-weight:800; font-size:1.05rem; margin-bottom:1rem; }\r\n.mc-rodape .btn{ margin-bottom:.6rem; }\r\n.mc-nota{ font-size:.72rem; color:#8a8368; text-align:center; }\r\n\r\n\/* toast de confirma\u00e7\u00e3o *\/\r\n.toast{ position:fixed; bottom:1.6rem; left:50%; transform:translateX(-50%) translateY(20px); background:var(--preto); color:var(--branco); padding:.9rem 1.6rem; border-radius:50px; font-size:.82rem; font-weight:700; z-index:110; opacity:0; pointer-events:none; transition:.3s ease; display:flex; align-items:center; gap:.6rem; }\r\n.toast.mostrar{ opacity:1; transform:translateX(-50%) translateY(0); }\r\n.toast svg{ width:16px; height:16px; stroke:#8ed08e; }\r\n\r\n\/* ===================== BENEF\u00cdCIOS (tira compacta) ===================== *\/\r\n.tira-beneficios{ background:var(--areia-clara); padding:2.6rem 0; }\r\n.grade-beneficios-mini{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }\r\n.beneficio-mini{ display:flex; gap:.8rem; align-items:flex-start; }\r\n.beneficio-mini .icone{ width:38px; height:38px; border-radius:50%; background:var(--branco); display:flex; align-items:center; justify-content:center; flex-shrink:0; }\r\n.beneficio-mini .icone svg{ width:19px; height:19px; stroke:var(--vermelho); }\r\n.beneficio-mini strong{ display:block; font-size:.85rem; margin-bottom:.15rem; }\r\n.beneficio-mini p{ font-size:.78rem; color:#57503f; }\r\n\r\n\/* ===================== SOBRE A MARCA (compacta) ===================== *\/\r\n.sobre{ background:var(--preto); color:var(--areia-clara); }\r\n.sobre-inner{ display:grid; grid-template-columns:.85fr 1.15fr; gap:3rem; align-items:center; }\r\n.sobre-visual{ aspect-ratio:4\/3; border-radius:6px; overflow:hidden; }\r\n.sobre-texto h2{ color:var(--branco); font-size:clamp(1.6rem,2.8vw,2.2rem); margin-bottom:1rem; }\r\n.sobre-texto p{ margin-bottom:.9rem; color:#d8d2c2; font-size:.94rem; }\r\n.sobre-texto strong{ color:var(--branco); }\r\n.sobre-texto .btn{ margin-top:.6rem; }\r\n\r\n\/* ===================== FAQ ===================== *\/\r\n.faq-lista{ max-width:820px; display:flex; flex-direction:column; gap:.8rem; }\r\n.faq-item{ border:1px solid var(--cinza-borda); border-radius:6px; overflow:hidden; background:var(--branco); }\r\n.faq-pergunta{ width:100%; display:flex; justify-content:space-between; align-items:center; padding:1.1rem 1.4rem; font-weight:800; font-size:.92rem; text-align:left; }\r\n.faq-pergunta .mais{ font-size:1.3rem; color:var(--vermelho); transition:transform .3s ease; margin-left:1rem; flex-shrink:0; }\r\n.faq-item.aberto .mais{ transform:rotate(45deg); }\r\n.faq-resposta{ max-height:0; overflow:hidden; transition:max-height .35s ease; }\r\n.faq-item.aberto .faq-resposta{ max-height:260px; }\r\n.faq-resposta p{ padding:0 1.4rem 1.3rem; color:#57503f; font-size:.9rem; }\r\n\r\n\/* ===================== CTA FINAL ===================== *\/\r\n.cta-final{ background:linear-gradient(120deg,var(--vermelho),var(--vermelho-escuro)); color:var(--branco); text-align:center; padding:4rem 0; }\r\n.cta-final h2{ color:var(--branco); font-size:clamp(1.8rem,3.4vw,2.6rem); max-width:20ch; margin-inline:auto; }\r\n.cta-final p{ opacity:.9; max-width:46ch; margin:1rem auto 1.6rem; font-size:.98rem; }\r\n.cta-final .btn{ background:var(--branco); color:var(--preto); }\r\n.cta-final .btn:hover{ background:var(--areia-clara); }\r\n\r\n\/* ===================== FOOTER ===================== *\/\r\n.footer{ background:var(--areia-clara); padding-top:3.6rem; }\r\n.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr 1fr; gap:2.2rem; padding-bottom:3rem; }\r\n.footer-col h5{ font-size:.74rem; text-transform:uppercase; letter-spacing:.07em; margin-bottom:1rem; color:var(--vermelho); font-weight:800; }\r\n.footer-col ul{ display:flex; flex-direction:column; gap:.6rem; }\r\n.footer-col a, .footer-col p{ font-size:.85rem; color:#4a4436; }\r\n.footer-col a:hover{ color:var(--vermelho); }\r\n.footer-logo{ font-family:var(--fonte-display); font-size:1.5rem; margin-bottom:.8rem; }\r\n.footer-logo span{ color:var(--vermelho); }\r\n.footer-col.marca p{ max-width:32ch; margin-bottom:1.2rem; }\r\n.redes{ display:flex; gap:.7rem; }\r\n.redes a{ width:34px; height:34px; border-radius:50%; border:1.3px solid var(--cinza-borda); display:flex; align-items:center; justify-content:center; transition:.2s ease; }\r\n.redes a:hover{ background:var(--preto); border-color:var(--preto); }\r\n.redes a:hover svg{ stroke:var(--branco); }\r\n.redes svg{ width:15px; height:15px; stroke:var(--preto); }\r\n.pagamentos{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.8rem; }\r\n.pagamento-chip{ padding:.4rem .8rem; border:1px solid var(--cinza-borda); border-radius:4px; font-size:.68rem; font-weight:700; background:var(--branco); }\r\n.footer-bottom{ border-top:1px solid var(--cinza-borda); padding:1.3rem 0 5.5rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem; font-size:.75rem; color:#7a745f; }\r\n\r\n\/* ===================== WHATSAPP FLUTUANTE ===================== *\/\r\n.whats-flutuante{ position:fixed; right:1.5rem; bottom:1.5rem; z-index:80; width:58px; height:58px; border-radius:50%; background:var(--verde-campo); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px rgba(20,18,15,.28); transition:transform .2s ease; }\r\n.whats-flutuante:hover{ transform:scale(1.08); }\r\n.whats-flutuante svg{ width:28px; height:28px; fill:var(--branco); }\r\n.whats-pulso{ position:absolute; inset:0; border-radius:50%; background:var(--verde-campo); animation:pulso 2.4s ease-out infinite; }\r\n@keyframes pulso{ 0%{transform:scale(1);opacity:.55;} 100%{transform:scale(1.9);opacity:0;} }\r\n\r\n.modal-fundo{ position:fixed; inset:0; background:rgba(20,18,15,.6); z-index:105; display:flex; align-items:center; justify-content:center; padding:1.4rem; opacity:0; pointer-events:none; transition:opacity .25s ease; }\r\n.modal-fundo.aberto{ opacity:1; pointer-events:auto; }\r\n.modal-caixa{ background:var(--branco); border-radius:8px; max-width:400px; width:100%; padding:1.8rem; transform:translateY(14px); transition:transform .25s ease; }\r\n.modal-fundo.aberto .modal-caixa{ transform:translateY(0); }\r\n.modal-caixa h4{ font-size:1.2rem; margin-bottom:.4rem; }\r\n.modal-caixa p{ font-size:.86rem; color:#57503f; margin-bottom:1rem; }\r\n.modal-caixa textarea{ width:100%; min-height:95px; border:1.3px solid var(--cinza-borda); border-radius:5px; padding:.7rem; font-family:inherit; font-size:.85rem; resize:vertical; margin-bottom:.9rem; }\r\n.modal-acoes{ display:flex; gap:.7rem; }\r\n.modal-fechar{ font-size:.76rem; font-weight:700; text-transform:uppercase; color:#7a745f; padding:.85rem; }\r\n\r\n.reveal{ opacity:0; transform:translateY(20px); transition:opacity .6s ease, transform .6s ease; }\r\n.reveal.mostrar{ opacity:1; transform:translateY(0); }\r\n\r\n\/* ===================== RESPONSIVO ===================== *\/\r\n@media (max-width:1080px){\r\n .grade-categorias{ grid-template-columns:repeat(2,1fr); }\r\n .grade-produtos{ grid-template-columns:repeat(2,1fr); }\r\n .grade-beneficios-mini{ grid-template-columns:repeat(2,1fr); }\r\n .footer-grid{ grid-template-columns:1fr 1fr; }\r\n .loja-layout{ grid-template-columns:1fr; }\r\n .filtros-lateral{ position:static; display:none; }\r\n .filtros-lateral.aberto{ display:block; }\r\n .filtro-mobile-btn{ display:inline-flex; }\r\n}\r\n@media (max-width:860px){\r\n .topbar-esq a:nth-child(n+2){ display:none; }\r\n .header-nav-inner{ overflow-x:auto; gap:1.4rem; }\r\n .header-nav a{ white-space:nowrap; }\r\n .busca{ display:none; }\r\n .menu-toggle{ display:flex; }\r\n .header-nav a:not(.tag-oferta){ display:none; }\r\n .hero-slide{ grid-template-columns:1fr; min-height:0; }\r\n .hero-foto{ aspect-ratio:16\/10; }\r\n .sobre-inner{ grid-template-columns:1fr; }\r\n}\r\n@media (max-width:600px){\r\n .secao{ padding:2.6rem 0; }\r\n .grade-categorias, .grade-produtos, .grade-beneficios-mini{ grid-template-columns:1fr; }\r\n .footer-grid{ grid-template-columns:1fr; }\r\n .footer-bottom{ flex-direction:column; }\r\n .whats-flutuante{ width:52px; height:52px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- =======================================================\r\n TOPBAR\r\n======================================================= -->\r\n<div class=\"topbar\">\r\n <div class=\"topbar-inner\">\r\n <div class=\"topbar-esq\">\r\n <span>Frete calculado no carrinho<\/span>\r\n <span>Todo chinelo por R$32,00<\/span>\r\n <\/div>\r\n <div class=\"topbar-dir\">\r\n <a href=\"https:\/\/wa.me\/5549989065252\">WhatsApp: (49) 98906-5252<\/a>\r\n <a href=\"\/minha-conta\">Minha conta<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- =======================================================\r\n HEADER\r\n======================================================= -->\r\n<header class=\"header\">\r\n <div class=\"header-topo\">\r\n <a href=\"#topo\" class=\"logo\">Camp<span>ynna<\/span><\/a>\r\n\r\n <form class=\"busca\" role=\"search\" onsubmit=\"return false;\">\r\n <input type=\"text\" placeholder=\"Buscar por cor, tamanho ou modelo...\">\r\n <button type=\"submit\" aria-label=\"Buscar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"11\" cy=\"11\" r=\"7\"\/><path d=\"M21 21l-4.3-4.3\"\/><\/svg><\/button>\r\n <\/form>\r\n\r\n <div class=\"header-acoes\">\r\n <a href=\"\/minha-conta\" class=\"acao-item\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><circle cx=\"12\" cy=\"8\" r=\"3.4\"\/><path d=\"M4.5 20c1.4-3.6 4.3-5.5 7.5-5.5s6.1 1.9 7.5 5.5\"\/><\/svg>\r\n Conta\r\n <\/a>\r\n <!-- Abre o mini-carrinho lateral. Em WooCommerce, ligar ao fragment do carrinho -->\r\n <button class=\"acao-item\" id=\"abrirMiniCarrinho\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 5h2l1.4 10.6a2 2 0 002 1.7h7.4a2 2 0 002-1.7L20 8H6.5\"\/><circle cx=\"10\" cy=\"20\" r=\"1.3\"\/><circle cx=\"17\" cy=\"20\" r=\"1.3\"\/><\/svg>\r\n Carrinho\r\n <span class=\"badge-carrinho\" id=\"contadorCarrinho\">0<\/span>\r\n <\/button>\r\n <button class=\"menu-toggle\" id=\"abrirMenu\" aria-label=\"Abrir menu\"><span><\/span><span><\/span><span><\/span><\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <nav class=\"header-nav\">\r\n <div class=\"header-nav-inner\">\r\n <a href=\"#loja\" class=\"ativo\">Todos os chinelos<\/a>\r\n <a href=\"#loja\">Masculino<\/a>\r\n <a href=\"#loja\">Feminino<\/a>\r\n <a href=\"#categorias\">Cole\u00e7\u00e3o de cores<\/a>\r\n <a href=\"#marca\">Nossa hist\u00f3ria<\/a>\r\n <a href=\"#faq\">D\u00favidas<\/a>\r\n <span class=\"tag-oferta\">Pre\u00e7o \u00fanico R$32,00<\/span>\r\n <\/div>\r\n <\/nav>\r\n<\/header>\r\n\r\n<div class=\"nav-mobile\" id=\"navMobile\">\r\n <span class=\"nav-mobile-fechar\" id=\"fecharMenu\">×<\/span>\r\n <a href=\"#loja\">Todos os chinelos<\/a>\r\n <a href=\"#loja\">Masculino<\/a>\r\n <a href=\"#loja\">Feminino<\/a>\r\n <a href=\"#categorias\">Cole\u00e7\u00e3o de cores<\/a>\r\n <a href=\"#marca\">Nossa hist\u00f3ria<\/a>\r\n <a href=\"#faq\">D\u00favidas<\/a>\r\n <a href=\"\/minha-conta\">Minha conta<\/a>\r\n<\/div>\r\n<div class=\"overlay\" id=\"overlayGeral\"><\/div>\r\n\r\n<!-- =======================================================\r\n HERO \/ CARROSSEL DE LOJA\r\n======================================================= -->\r\n<section class=\"hero-banner\" id=\"topo\">\r\n <button class=\"hero-seta esq\" id=\"setaEsq\" aria-label=\"Slide anterior\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M15 18l-6-6 6-6\"\/><\/svg><\/button>\r\n <button class=\"hero-seta dir\" id=\"setaDir\" aria-label=\"Pr\u00f3ximo slide\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M9 18l6-6-6-6\"\/><\/svg><\/button>\r\n\r\n <div class=\"hero-trilho\" id=\"heroTrilho\">\r\n <div class=\"hero-slide\">\r\n <div class=\"hero-slide-texto\">\r\n <span class=\"eyebrow\">Cole\u00e7\u00e3o Campynna<\/span>\r\n <h1>Chinelos de Xanxer\u00ea, todos por R$32,00<\/h1>\r\n <p>Borracha macia, tiras confort\u00e1veis e cores com personalidade. Escolha a sua e compre agora.<\/p>\r\n <a href=\"#loja\" class=\"btn btn-primario\">Ir para a loja<\/a>\r\n <\/div>\r\n <div class=\"hero-foto\">\r\n <div class=\"placeholder-foto\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <small>Banner 1 \u2014 foto do chinelo em destaque<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <div class=\"hero-slide-texto\">\r\n <span class=\"eyebrow\">Cole\u00e7\u00e3o de cores<\/span>\r\n <h2>Uma cor pra cada personalidade<\/h2>\r\n <p>Do cl\u00e1ssico preto ao vermelho Xanxer\u00ea \u2014 mesma qualidade, mesmo pre\u00e7o, cor diferente.<\/p>\r\n <a href=\"#categorias\" class=\"btn btn-primario\">Ver cores<\/a>\r\n <\/div>\r\n <div class=\"hero-foto\">\r\n <div class=\"placeholder-foto\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <small>Banner 2 \u2014 cole\u00e7\u00e3o de cores<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-slide\">\r\n <div class=\"hero-slide-texto\">\r\n <span class=\"eyebrow\">Compre pelo WhatsApp<\/span>\r\n <h2>Prefere comprar direto na conversa?<\/h2>\r\n <p>Manda um oi que a gente te ajuda a escolher a cor e o tamanho certos.<\/p>\r\n <a href=\"https:\/\/wa.me\/5549989065252\" class=\"btn btn-primario\">Chamar no WhatsApp<\/a>\r\n <\/div>\r\n <div class=\"hero-foto\">\r\n <div class=\"placeholder-foto\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <small>Banner 3 \u2014 atendimento WhatsApp<\/small>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"hero-nav\" id=\"heroNav\"><\/div>\r\n<\/section>\r\n\r\n<!-- Tira de confian\u00e7a -->\r\n<div class=\"tira-confianca\">\r\n <div class=\"tira-inner\">\r\n <span class=\"tira-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M12 3l8 4v5c0 5-3.4 8.4-8 9-4.6-.6-8-4-8-9V7z\"\/><\/svg> Compra 100% segura<\/span>\r\n <span class=\"tira-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"7\" width=\"18\" height=\"13\" rx=\"2\"\/><path d=\"M7 7V5a5 5 0 0110 0v2\"\/><\/svg> Pix, cart\u00e3o e boleto*<\/span>\r\n <span class=\"tira-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"\/><\/svg> Pre\u00e7o \u00fanico R$32,00<\/span>\r\n <span class=\"tira-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 20l1.3-4A8 8 0 1112 20a8 8 0 01-3.7-.9L4 20z\"\/><\/svg> Suporte pelo WhatsApp<\/span>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- =======================================================\r\n CATEGORIAS\r\n======================================================= -->\r\n<section class=\"secao\" id=\"categorias\">\r\n <div class=\"wrap\">\r\n <div class=\"secao-cabecalho reveal\">\r\n <h2>Compre por categoria<\/h2>\r\n <a href=\"#loja\" class=\"ver-tudo\">Ver loja completa<\/a>\r\n <\/div>\r\n <div class=\"grade-categorias reveal\">\r\n <a class=\"card-categoria\" href=\"#loja\" data-filtro-cor=\"todas\">\r\n <div class=\"placeholder-foto\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:56px;height:56px;\"><path d=\"M25 65c-5 3-8 8-6 15 2 6 8 7 13 5l32-15c6-3 8-11 4-17-3-5-11-11-11-20 0-7-6-12-13-9-8 3-9 13-6 20 1 5 0 10-3 12z\"\/><\/svg><\/div>\r\n <div class=\"sombra\"><\/div>\r\n <div class=\"card-categoria-texto\"><span>Masculino<\/span><strong>Chinelos Masculinos<\/strong><\/div>\r\n <\/a>\r\n <a class=\"card-categoria\" href=\"#loja\" data-filtro-cor=\"todas\">\r\n <div class=\"placeholder-foto\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:56px;height:56px;\"><path d=\"M25 65c-5 3-8 8-6 15 2 6 8 7 13 5l32-15c6-3 8-11 4-17-3-5-11-11-11-20 0-7-6-12-13-9-8 3-9 13-6 20 1 5 0 10-3 12z\"\/><\/svg><\/div>\r\n <div class=\"sombra\"><\/div>\r\n <div class=\"card-categoria-texto\"><span>Feminino<\/span><strong>Chinelos Femininos<\/strong><\/div>\r\n <\/a>\r\n <a class=\"card-categoria\" href=\"#loja\" data-filtro-cor=\"vermelho\">\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#B6222C,#8C1A22);\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:56px;height:56px;\"><path d=\"M25 65c-5 3-8 8-6 15 2 6 8 7 13 5l32-15c6-3 8-11 4-17-3-5-11-11-11-20 0-7-6-12-13-9-8 3-9 13-6 20 1 5 0 10-3 12z\"\/><\/svg><\/div>\r\n <div class=\"sombra\"><\/div>\r\n <div class=\"card-categoria-texto\"><span>Cole\u00e7\u00e3o<\/span><strong>Tons de Vermelho<\/strong><\/div>\r\n <\/a>\r\n <a class=\"card-categoria\" href=\"#loja\" data-filtro-cor=\"areia\">\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#C9A15A,#8a7040);\"><svg viewBox=\"0 0 100 100\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" style=\"width:56px;height:56px;\"><path d=\"M25 65c-5 3-8 8-6 15 2 6 8 7 13 5l32-15c6-3 8-11 4-17-3-5-11-11-11-20 0-7-6-12-13-9-8 3-9 13-6 20 1 5 0 10-3 12z\"\/><\/svg><\/div>\r\n <div class=\"sombra\"><\/div>\r\n <div class=\"card-categoria-texto\"><span>Cole\u00e7\u00e3o<\/span><strong>Tons de Areia<\/strong><\/div>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n LOJA \u2014 GRADE PRINCIPAL DE PRODUTOS\r\n======================================================= -->\r\n<section id=\"loja\">\r\n <div class=\"wrap\">\r\n <div class=\"breadcrumb reveal\"><a href=\"#topo\">In\u00edcio<\/a> \/ <span>Loja<\/span><\/div>\r\n <div class=\"loja-cabecalho reveal\">\r\n <h1>Todos os chinelos Campynna<\/h1>\r\n <p>Mesma borracha, mesma qualidade, mesmo pre\u00e7o \u2014 R$32,00 em qualquer cor ou tamanho. Filtre pela cor ou tamanho que procura.<\/p>\r\n <\/div>\r\n\r\n <div class=\"loja-layout\">\r\n <!-- FILTROS LATERAIS -->\r\n <aside class=\"filtros-lateral\" id=\"filtrosLateral\">\r\n <div class=\"filtro-grupo\">\r\n <h5>Cor<\/h5>\r\n <div class=\"filtro-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:var(--preto);\" data-cor=\"todas\" title=\"Todas\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--vermelho);\" data-cor=\"vermelho\" title=\"Vermelho\"><\/span>\r\n <span class=\"swatch\" style=\"background:#14120F;\" data-cor=\"preto\" title=\"Preto\"><\/span>\r\n <span class=\"swatch\" style=\"background:#FBF9F4; box-shadow:0 0 0 1.5px var(--cinza-borda);\" data-cor=\"branco\" title=\"Branco\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--areia);\" data-cor=\"areia\" title=\"Areia\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--verde-campo);\" data-cor=\"verde\" title=\"Verde Campo\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"filtro-grupo\">\r\n <h5>Tamanho<\/h5>\r\n <div class=\"filtro-tam\">\r\n <button>35<\/button><button>36<\/button><button>37<\/button>\r\n <button>38<\/button><button>39<\/button><button>40<\/button>\r\n <button>41<\/button><button>42<\/button><button>43<\/button>\r\n <\/div>\r\n <\/div>\r\n <div class=\"filtro-grupo\">\r\n <h5>Categoria<\/h5>\r\n <label class=\"filtro-opcao\"><input type=\"checkbox\" checked> Masculino<\/label>\r\n <label class=\"filtro-opcao\"><input type=\"checkbox\" checked> Feminino<\/label>\r\n <\/div>\r\n <div class=\"filtro-grupo\">\r\n <h5>Pre\u00e7o<\/h5>\r\n <label class=\"filtro-opcao\"><input type=\"checkbox\" checked> R$32,00 \u2014 pre\u00e7o \u00fanico<\/label>\r\n <\/div>\r\n <a href=\"#loja\" class=\"filtro-limpar\" id=\"limparFiltros\">Limpar filtros<\/a>\r\n <\/aside>\r\n\r\n <!-- COLUNA DA GRADE -->\r\n <div>\r\n <div class=\"loja-toolbar reveal\">\r\n <span class=\"resultado-contagem\" id=\"contagemResultados\">8 chinelos encontrados<\/span>\r\n <div class=\"toolbar-dir\">\r\n <button class=\"filtro-mobile-btn\" id=\"abrirFiltrosMobile\">\r\n <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 6h16M7 12h10M10 18h4\"\/><\/svg>\r\n Filtrar\r\n <\/button>\r\n <select class=\"select-ordenar\" id=\"ordenarSelect\">\r\n <option>Ordenar por: Relev\u00e2ncia<\/option>\r\n <option value=\"az\">Nome: A-Z<\/option>\r\n <option value=\"za\">Nome: Z-A<\/option>\r\n <option value=\"novos\">Mais recentes<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- GRADE DE PRODUTOS\r\n Cada .card-produto pode ser substitu\u00eddo por um shortcode\r\n WooCommerce (ex: [product id=\"ID\"]) ou by loop nativo do\r\n WooCommerce (woocommerce_product_loop). Os bot\u00f5es \"Adicionar\"\r\n usam ?add-to-cart=ID; o <select> de tamanho pode virar um\r\n atributo de varia\u00e7\u00e3o do produto (pa_tamanho). -->\r\n <div class=\"grade-produtos\" id=\"gradeProdutos\">\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"vermelho\" data-nome=\"Chinelo Campynna Vermelho Xanxer\u00ea\" data-categoria=\"masculino\">\r\n <div class=\"produto-foto-wrap\">\r\n <span class=\"selo-topo\">Mais procurado<\/span>\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#2a1414,#14120F);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Masculino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Vermelho Xanxer\u00ea<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:var(--vermelho);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Vermelho Xanxer\u00ea\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Vermelho Xanxer\u00ea\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"preto\" data-nome=\"Chinelo Campynna Preto Campo\" data-categoria=\"masculino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#1c1a15,#000);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Masculino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Preto Campo<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--vermelho);\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--verde-campo);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Preto Campo\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Preto Campo\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"branco\" data-nome=\"Chinelo Campynna Branco Nuvem\" data-categoria=\"feminino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#3a352c,#14120F);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Feminino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Branco Nuvem<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--areia);\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--vermelho);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Branco Nuvem\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Branco Nuvem\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"areia\" data-nome=\"Chinelo Campynna Areia do Campo\" data-categoria=\"feminino\">\r\n <div class=\"produto-foto-wrap\">\r\n <span class=\"selo-topo\">Novidade<\/span>\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#6b552f,#14120F);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Feminino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Areia do Campo<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:var(--areia);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--verde-campo);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Areia do Campo\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Areia do Campo\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"verde\" data-nome=\"Chinelo Campynna Verde Campo\" data-categoria=\"masculino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#2b331f,#14120F);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Masculino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Verde Campo<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:var(--verde-campo);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--areia);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Verde Campo\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Verde Campo\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"vermelho\" data-nome=\"Chinelo Campynna Vermelho Cascavel\" data-categoria=\"feminino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#8C1A22,#14120F);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Feminino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Vermelho Cascavel<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:var(--vermelho-escuro);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Vermelho Cascavel\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Vermelho Cascavel\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"preto\" data-nome=\"Chinelo Campynna Preto Elegance\" data-categoria=\"feminino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#000,#1c1a15);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Feminino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Preto Elegance<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--dourado);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Preto Elegance\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Preto Elegance\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card-produto reveal\" data-cor=\"branco\" data-nome=\"Chinelo Campynna Branco Xanxer\u00ea\" data-categoria=\"masculino\">\r\n <div class=\"produto-foto-wrap\">\r\n <button class=\"btn-favorito\" aria-label=\"Favoritar\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\"><path d=\"M12 21s-7-4.5-9.5-9C.5 8 2 4 6 4c2.4 0 4 1.4 6 4 2-2.6 3.6-4 6-4 4 0 5.5 4 3.5 8-2.5 4.5-9.5 9-9.5 9z\"\/><\/svg><\/button>\r\n <div class=\"placeholder-foto\" style=\"background:linear-gradient(160deg,#3a352c,#000);\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg>\r\n <\/div>\r\n <span class=\"acao-rapida\">Vista r\u00e1pida<\/span>\r\n <\/div>\r\n <div class=\"produto-corpo\">\r\n <span class=\"produto-categoria\">Masculino<\/span>\r\n <h4 class=\"produto-nome\">Chinelo Campynna Branco Xanxer\u00ea<\/h4>\r\n <div class=\"produto-preco\"><span class=\"valor\">R$ 32,00<\/span><span class=\"parcelas\">\u00e0 vista<\/span><\/div>\r\n <div class=\"produto-cores\">\r\n <span class=\"swatch selecionado\" style=\"background:#FBF9F4;box-shadow:0 0 0 1.5px var(--cinza-borda);\"><\/span>\r\n <span class=\"swatch\" style=\"background:#14120F;\"><\/span>\r\n <span class=\"swatch\" style=\"background:var(--vermelho);\"><\/span>\r\n <\/div>\r\n <div class=\"produto-tamanho\">\r\n <select aria-label=\"Escolher tamanho\">\r\n <option value=\"\">Tamanho<\/option>\r\n <option>35<\/option><option>36<\/option><option>37<\/option><option>38<\/option>\r\n <option>39<\/option><option>40<\/option><option>41<\/option><option>42<\/option><option>43<\/option>\r\n <\/select>\r\n <\/div>\r\n <div class=\"produto-acoes\">\r\n <button class=\"btn btn-primario btn-add\" data-produto=\"Chinelo Campynna Branco Xanxer\u00ea\" data-preco=\"32,00\">Adicionar<\/button>\r\n <button class=\"btn btn-whats-mini\" data-whats-produto=\"Chinelo Campynna Branco Xanxer\u00ea\" aria-label=\"Comprar pelo WhatsApp\">\r\n <svg viewBox=\"0 0 32 32\" fill=\"currentColor\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3z\"\/><\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"carregar-mais reveal\">\r\n <button class=\"btn btn-outline\" id=\"carregarMaisBtn\">Ver mais chinelos<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n BENEF\u00cdCIOS (tira compacta)\r\n======================================================= -->\r\n<section class=\"tira-beneficios\">\r\n <div class=\"wrap grade-beneficios-mini reveal\">\r\n <div class=\"beneficio-mini\">\r\n <div class=\"icone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 15c2-6 5-9 8-9s6 3 8 9\"\/><path d=\"M4 15h16\"\/><\/svg><\/div>\r\n <div><strong>Borracha macia<\/strong><p>Amortece cada passo sem perder firmeza.<\/p><\/div>\r\n <\/div>\r\n <div class=\"beneficio-mini\">\r\n <div class=\"icone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M6 20c0-6 3-9 6-9s6 3 6 9\"\/><circle cx=\"12\" cy=\"6\" r=\"2.4\"\/><\/svg><\/div>\r\n <div><strong>Tiras confort\u00e1veis<\/strong><p>Acabamento que n\u00e3o marca nem machuca.<\/p><\/div>\r\n <\/div>\r\n <div class=\"beneficio-mini\">\r\n <div class=\"icone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M12 3l8 4v5c0 5-3.4 8.4-8 9-4.6-.6-8-4-8-9V7z\"\/><\/svg><\/div>\r\n <div><strong>Feito para durar<\/strong><p>Solado resistente ao uso di\u00e1rio.<\/p><\/div>\r\n <\/div>\r\n <div class=\"beneficio-mini\">\r\n <div class=\"icone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M3 12h4l2-7 4 14 2-7h6\"\/><\/svg><\/div>\r\n <div><strong>Pre\u00e7o justo, sempre<\/strong><p>R$32,00 em qualquer cor ou tamanho.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n SOBRE A MARCA (compacta)\r\n======================================================= -->\r\n<section class=\"secao sobre\" id=\"marca\">\r\n <div class=\"wrap sobre-inner\">\r\n <div class=\"sobre-visual reveal\">\r\n <div class=\"placeholder-foto\">\r\n <svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 90c20-40 60-40 80 0\" \/><circle cx=\"60\" cy=\"40\" r=\"14\"\/><\/svg>\r\n <small>Foto da marca \/ bastidores Campynna<\/small>\r\n <\/div>\r\n <\/div>\r\n <div class=\"sobre-texto reveal\">\r\n <span class=\"eyebrow\">Nossa origem<\/span>\r\n <h2>Do campo das cascav\u00e9is para o seu passo<\/h2>\r\n <p>A <strong>Campynna<\/strong> nasceu em Xanxer\u00ea, cidade que carrega em seu nome uma forte heran\u00e7a ind\u00edgena, associada ao significado de <em>\"campo das cascav\u00e9is\"<\/em>. O nome representa nossa conex\u00e3o com a terra onde tudo come\u00e7ou.<\/p>\r\n <p>Cada par une <strong>qualidade, conforto e estilo<\/strong> \u2014 borracha macia e tiras que n\u00e3o incomodam, para uma sensa\u00e7\u00e3o leve, como se voc\u00ea estivesse pisando nas nuvens.<\/p>\r\n <a href=\"#loja\" class=\"btn btn-outline\">Conhecer a cole\u00e7\u00e3o<\/a>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n FAQ\r\n======================================================= -->\r\n<section class=\"secao\" id=\"faq\">\r\n <div class=\"wrap\">\r\n <div class=\"secao-cabecalho reveal\"><h2>Perguntas frequentes<\/h2><\/div>\r\n <div class=\"faq-lista reveal\">\r\n <div class=\"faq-item\">\r\n <button class=\"faq-pergunta\">Qual o pre\u00e7o dos chinelos Campynna?<span class=\"mais\">+<\/span><\/button>\r\n <div class=\"faq-resposta\"><p>Todos os modelos e cores custam R$32,00, sem varia\u00e7\u00e3o por cor ou tamanho.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-pergunta\">Como fa\u00e7o para comprar?<span class=\"mais\">+<\/span><\/button>\r\n <div class=\"faq-resposta\"><p>Escolha a cor e o tamanho no card do produto, adicione ao carrinho e finalize pelo site \u2014 ou fale direto com a gente pelo WhatsApp.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-pergunta\">Quais formas de pagamento voc\u00eas aceitam?<span class=\"mais\">+<\/span><\/button>\r\n <div class=\"faq-resposta\"><p>Pix, cart\u00e3o e boleto*. As op\u00e7\u00f5es exatas aparecem no checkout no momento da compra.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-pergunta\">Quanto tempo leva para o pedido chegar?<span class=\"mais\">+<\/span><\/button>\r\n <div class=\"faq-resposta\"><p>O prazo \u00e9 calculado pelo CEP no checkout*. Qualquer d\u00favida, fale com a gente pelo WhatsApp.<\/p><\/div>\r\n <\/div>\r\n <div class=\"faq-item\">\r\n <button class=\"faq-pergunta\">Posso trocar se o tamanho n\u00e3o servir?<span class=\"mais\">+<\/span><\/button>\r\n <div class=\"faq-resposta\"><p>Sim*, entre em contato pelo WhatsApp dentro do prazo de troca para combinarmos os pr\u00f3ximos passos.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <p style=\"font-size:.76rem;color:#8a8368;margin-top:1.2rem;\">*Itens com pol\u00edtica a confirmar \u2014 ajustar conforme as regras reais da Campynna.<\/p>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n CTA FINAL\r\n======================================================= -->\r\n<section class=\"cta-final\">\r\n <div class=\"wrap\">\r\n <h2>Seu pr\u00f3ximo passo come\u00e7a com um Campynna.<\/h2>\r\n <p>Escolha sua cor, seu tamanho, e sinta a diferen\u00e7a \u2014 R$32,00, sem letra mi\u00fada.<\/p>\r\n <a href=\"#loja\" class=\"btn\">Ir para a loja<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- =======================================================\r\n FOOTER\r\n======================================================= -->\r\n<footer class=\"footer\">\r\n <div class=\"wrap footer-grid\">\r\n <div class=\"footer-col marca\">\r\n <div class=\"footer-logo\">Camp<span>ynna<\/span><\/div>\r\n <p>Chinelos nascidos em Xanxer\u00ea, SC \u2014 no campo das cascav\u00e9is. Conforto, qualidade e personalidade em cada passo.<\/p>\r\n <div class=\"redes\">\r\n <a href=\"#\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.2\" cy=\"6.8\" r=\"1\"\/><\/svg><\/a>\r\n <a href=\"#\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M15 8h2V4h-2a4 4 0 00-4 4v2H9v4h2v6h4v-6h2.5l.5-4H15V9c0-.6.4-1 1-1z\"\/><\/svg><\/a>\r\n <a href=\"https:\/\/wa.me\/5549989065252\" aria-label=\"WhatsApp\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"1.8\"><path d=\"M4 20l1.3-4A8 8 0 1112 20a8 8 0 01-3.7-.9L4 20z\"\/><\/svg><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Institucional<\/h5>\r\n <ul>\r\n <li><a href=\"\/quem-somos\">Quem somos<\/a><\/li>\r\n <li><a href=\"\/fale-conosco\">Fale conosco<\/a><\/li>\r\n <li><a href=\"tel:5549989065252\">Telefone \/ WhatsApp<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Ajuda & suporte<\/h5>\r\n <ul>\r\n <li><a href=\"\/como-comprar\">Como comprar<\/a><\/li>\r\n <li><a href=\"\/envio\">Envio<\/a><\/li>\r\n <li><a href=\"\/pagamento\">Pagamento<\/a><\/li>\r\n <li><a href=\"\/seguranca\">Seguran\u00e7a<\/a><\/li>\r\n <li><a href=\"\/garantia\">Garantia<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Minha conta<\/h5>\r\n <ul>\r\n <li><a href=\"\/minha-conta\/login\">Entrar<\/a><\/li>\r\n <li><a href=\"\/minha-conta\/pedidos\">Meus pedidos<\/a><\/li>\r\n <li><a href=\"\/minha-conta\/cadastro\">Criar conta<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"footer-col\">\r\n <h5>Pagamento<\/h5>\r\n <div class=\"pagamentos\">\r\n <span class=\"pagamento-chip\">Pix<\/span>\r\n <span class=\"pagamento-chip\">Visa<\/span>\r\n <span class=\"pagamento-chip\">Master<\/span>\r\n <span class=\"pagamento-chip\">Elo<\/span>\r\n <span class=\"pagamento-chip\">Boleto<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"wrap footer-bottom\">\r\n <span>Campynna \u2014 Xanxer\u00ea\/SC. Todos os direitos reservados.<\/span>\r\n <span>Chinelos que carregam a personalidade de quem os usa.<\/span>\r\n <\/div>\r\n<\/footer>\r\n\r\n<!-- =======================================================\r\n MINI-CARRINHO LATERAL\r\n======================================================= -->\r\n<div class=\"mini-carrinho\" id=\"miniCarrinho\">\r\n <div class=\"mc-cabecalho\">\r\n <h3>Seu carrinho<\/h3>\r\n <button class=\"mc-fechar\" id=\"fecharMiniCarrinho\" aria-label=\"Fechar carrinho\">×<\/button>\r\n <\/div>\r\n <div class=\"mc-lista\" id=\"mcLista\">\r\n <div class=\"mc-vazio\" id=\"mcVazio\">Seu carrinho est\u00e1 vazio.<br>Adicione um chinelo Campynna!<\/div>\r\n <\/div>\r\n <div class=\"mc-rodape\" id=\"mcRodape\" style=\"display:none;\">\r\n <div class=\"mc-subtotal\"><span>Subtotal<\/span><span id=\"mcSubtotal\">R$ 0,00<\/span><\/div>\r\n <a href=\"\/carrinho\" class=\"btn btn-secundario btn-bloco\">Finalizar compra<\/a>\r\n <a href=\"#loja\" id=\"mcContinuar\" class=\"btn btn-outline btn-bloco\">Continuar comprando<\/a>\r\n <p class=\"mc-nota\">Frete e formas de pagamento calculados no checkout WooCommerce.<\/p>\r\n <\/div>\r\n<\/div>\r\n<div class=\"overlay\" id=\"overlayCarrinho\"><\/div>\r\n\r\n<!-- WhatsApp flutuante -->\r\n<button class=\"whats-flutuante\" id=\"botaoWhatsFlutuante\" aria-label=\"Falar no WhatsApp\">\r\n <span class=\"whats-pulso\"><\/span>\r\n <svg viewBox=\"0 0 32 32\"><path d=\"M16 3C9 3 3.3 8.6 3.3 15.5c0 2.5.7 4.8 1.9 6.8L3 29l6.9-2.2c2 1.1 4.3 1.7 6.7 1.7C23 28.5 28.7 22.9 28.7 16 28.7 9 23 3 16 3zm0 23.3c-2.1 0-4.1-.6-5.8-1.6l-.4-.2-4.1 1.3 1.3-4-.3-.4a10.6 10.6 0 01-1.7-5.9C5 10.3 10 5.3 16 5.3S27 10.3 27 16 22 26.3 16 26.3zm6-8c-.3-.2-1.9-1-2.2-1.1-.3-.1-.5-.2-.7.2-.2.3-.8 1.1-1 1.3-.2.2-.4.2-.7.1-.3-.2-1.4-.5-2.7-1.6-1-.9-1.6-2-1.9-2.3-.2-.3 0-.5.1-.6.1-.2.3-.4.4-.6.2-.2.2-.3.3-.5.1-.2 0-.4 0-.6-.1-.2-.7-1.8-1-2.4-.3-.6-.5-.5-.7-.6h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.2 3.4 5.3 4.7.7.3 1.3.5 1.8.7.8.2 1.4.2 2 .1.6-.1 1.9-.8 2.2-1.5.3-.7.3-1.3.2-1.5-.1-.1-.3-.2-.6-.4z\"\/><\/svg>\r\n<\/button>\r\n\r\n<div class=\"modal-fundo\" id=\"modalWhats\">\r\n <div class=\"modal-caixa\">\r\n <h4>Falar com a Campynna<\/h4>\r\n <p>Confirme ou edite a mensagem antes de enviar pelo WhatsApp:<\/p>\r\n <textarea id=\"mensagemWhats\"><\/textarea>\r\n <div class=\"modal-acoes\">\r\n <button class=\"btn btn-primario\" id=\"enviarWhats\" style=\"flex:1;\">Abrir WhatsApp<\/button>\r\n <button class=\"modal-fechar\" id=\"fecharModalWhats\">Cancelar<\/button>\r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<div class=\"toast\" id=\"toastCarrinho\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.4\"><path d=\"M4 12l5 5L20 6\"\/><\/svg>\r\n <span id=\"toastTexto\">Produto adicionado ao carrinho<\/span>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n \"use strict\";\r\n var NUMERO_WHATSAPP = \"5549989065252\";\r\n\r\n \/* ---------- Menu mobile ---------- *\/\r\n var navMobile = document.getElementById('navMobile');\r\n var overlayGeral = document.getElementById('overlayGeral');\r\n document.getElementById('abrirMenu').addEventListener('click', function(){ navMobile.classList.add('aberto'); overlayGeral.classList.add('aberto'); });\r\n document.getElementById('fecharMenu').addEventListener('click', fecharMenuMobile);\r\n overlayGeral.addEventListener('click', fecharMenuMobile);\r\n function fecharMenuMobile(){ navMobile.classList.remove('aberto'); overlayGeral.classList.remove('aberto'); }\r\n navMobile.querySelectorAll('a').forEach(function(a){ a.addEventListener('click', fecharMenuMobile); });\r\n\r\n \/* ---------- Hero carrossel ---------- *\/\r\n var trilho = document.getElementById('heroTrilho');\r\n var slides = trilho.children;\r\n var navDots = document.getElementById('heroNav');\r\n var atual = 0;\r\n for (var i = 0; i < slides.length; i++){\r\n var dot = document.createElement('div');\r\n dot.className = 'dot' + (i === 0 ? ' ativo' : '');\r\n dot.addEventListener('click', (function(idx){ return function(){ irParaSlide(idx); }; })(i));\r\n navDots.appendChild(dot);\r\n }\r\n function irParaSlide(idx){\r\n atual = (idx + slides.length) % slides.length;\r\n trilho.style.transform = 'translateX(-' + (atual * 100) + '%)';\r\n Array.prototype.forEach.call(navDots.children, function(d,i){ d.classList.toggle('ativo', i===atual); });\r\n }\r\n document.getElementById('setaDir').addEventListener('click', function(){ irParaSlide(atual+1); });\r\n document.getElementById('setaEsq').addEventListener('click', function(){ irParaSlide(atual-1); });\r\n setInterval(function(){ irParaSlide(atual+1); }, 5000);\r\n\r\n \/* ---------- Filtros de cor (sidebar) ---------- *\/\r\n var produtos = document.querySelectorAll('.card-produto');\r\n var contagemEl = document.getElementById('contagemResultados');\r\n var swatchesFiltro = document.querySelectorAll('.filtro-cores .swatch');\r\n\r\n function aplicarFiltroCor(cor){\r\n var visiveis = 0;\r\n produtos.forEach(function(p){\r\n var mostrar = (cor === 'todas' || p.getAttribute('data-cor') === cor);\r\n p.style.display = mostrar ? '' : 'none';\r\n if (mostrar) visiveis++;\r\n });\r\n contagemEl.textContent = visiveis + (visiveis === 1 ? ' chinelo encontrado' : ' chinelos encontrados');\r\n }\r\n swatchesFiltro.forEach(function(sw){\r\n sw.addEventListener('click', function(){\r\n swatchesFiltro.forEach(function(s){ s.classList.remove('selecionado'); });\r\n sw.classList.add('selecionado');\r\n aplicarFiltroCor(sw.getAttribute('data-cor'));\r\n });\r\n });\r\n document.querySelectorAll('.card-categoria[data-filtro-cor]').forEach(function(cat){\r\n cat.addEventListener('click', function(){\r\n var cor = cat.getAttribute('data-filtro-cor');\r\n swatchesFiltro.forEach(function(s){ s.classList.toggle('selecionado', s.getAttribute('data-cor')===cor); });\r\n });\r\n });\r\n document.getElementById('limparFiltros').addEventListener('click', function(e){\r\n e.preventDefault();\r\n swatchesFiltro.forEach(function(s){ s.classList.toggle('selecionado', s.getAttribute('data-cor')==='todas'); });\r\n document.querySelectorAll('.filtro-tam button').forEach(function(b){ b.classList.remove('selecionado'); });\r\n aplicarFiltroCor('todas');\r\n });\r\n\r\n \/* ---------- Filtro de tamanho (visual) ---------- *\/\r\n document.querySelectorAll('.filtro-tam button').forEach(function(btn){\r\n btn.addEventListener('click', function(){ btn.classList.toggle('selecionado'); });\r\n });\r\n\r\n \/* ---------- Troca de swatch dentro do card do produto ---------- *\/\r\n document.querySelectorAll('.produto-cores').forEach(function(grupo){\r\n grupo.querySelectorAll('.swatch').forEach(function(sw){\r\n sw.addEventListener('click', function(){\r\n grupo.querySelectorAll('.swatch').forEach(function(s){ s.classList.remove('selecionado'); });\r\n sw.classList.add('selecionado');\r\n });\r\n });\r\n });\r\n\r\n \/* ---------- Filtros mobile (toggle sidebar) ---------- *\/\r\n var filtrosLateral = document.getElementById('filtrosLateral');\r\n document.getElementById('abrirFiltrosMobile').addEventListener('click', function(){\r\n filtrosLateral.classList.toggle('aberto');\r\n });\r\n\r\n \/* ---------- Ordenar (visual) ---------- *\/\r\n document.getElementById('ordenarSelect').addEventListener('change', function(){\r\n var grade = document.getElementById('gradeProdutos');\r\n var itens = Array.prototype.slice.call(grade.children);\r\n var modo = this.value;\r\n if (modo === 'az' || modo === 'za'){\r\n itens.sort(function(a,b){\r\n var na = a.getAttribute('data-nome'), nb = b.getAttribute('data-nome');\r\n return modo === 'az' ? na.localeCompare(nb) : nb.localeCompare(na);\r\n });\r\n itens.forEach(function(it){ grade.appendChild(it); });\r\n }\r\n });\r\n\r\n \/* ---------- Ver mais (placeholder visual) ---------- *\/\r\n document.getElementById('carregarMaisBtn').addEventListener('click', function(){\r\n this.textContent = 'Todos os chinelos j\u00e1 est\u00e3o vis\u00edveis';\r\n this.disabled = true;\r\n this.style.opacity = .6;\r\n });\r\n\r\n \/* ---------- FAQ ---------- *\/\r\n document.querySelectorAll('.faq-pergunta').forEach(function(btn){\r\n btn.addEventListener('click', function(){\r\n var item = btn.closest('.faq-item');\r\n var jaAberto = item.classList.contains('aberto');\r\n document.querySelectorAll('.faq-item').forEach(function(i){ i.classList.remove('aberto'); });\r\n if (!jaAberto) item.classList.add('aberto');\r\n });\r\n });\r\n\r\n \/* ---------- MINI-CARRINHO\r\n Contador e lista simulados no front. Em produ\u00e7\u00e3o WooCommerce real,\r\n trocar esta l\u00f3gica pelos eventos nativos (added_to_cart \/ wc_fragments)\r\n e pelo mini-carrinho gerado pelo pr\u00f3prio WooCommerce. ---------- *\/\r\n var carrinho = [];\r\n var miniCarrinho = document.getElementById('miniCarrinho');\r\n var overlayCarrinho = document.getElementById('overlayCarrinho');\r\n var mcLista = document.getElementById('mcLista');\r\n var mcVazio = document.getElementById('mcVazio');\r\n var mcRodape = document.getElementById('mcRodape');\r\n var mcSubtotal = document.getElementById('mcSubtotal');\r\n var contadorCarrinho = document.getElementById('contadorCarrinho');\r\n var toast = document.getElementById('toastCarrinho');\r\n var toastTexto = document.getElementById('toastTexto');\r\n\r\n function abrirCarrinho(){ miniCarrinho.classList.add('aberto'); overlayCarrinho.classList.add('aberto'); }\r\n function fecharCarrinho(){ miniCarrinho.classList.remove('aberto'); overlayCarrinho.classList.remove('aberto'); }\r\n document.getElementById('abrirMiniCarrinho').addEventListener('click', abrirCarrinho);\r\n document.getElementById('fecharMiniCarrinho').addEventListener('click', fecharCarrinho);\r\n document.getElementById('mcContinuar').addEventListener('click', function(e){ e.preventDefault(); fecharCarrinho(); });\r\n overlayCarrinho.addEventListener('click', fecharCarrinho);\r\n\r\n function renderCarrinho(){\r\n mcLista.innerHTML = '';\r\n if (carrinho.length === 0){\r\n mcVazio.style.display = 'block';\r\n mcLista.appendChild(mcVazio);\r\n mcRodape.style.display = 'none';\r\n contadorCarrinho.textContent = '0';\r\n return;\r\n }\r\n mcRodape.style.display = 'block';\r\n var subtotal = 0;\r\n carrinho.forEach(function(item, idx){\r\n subtotal += item.preco;\r\n var linha = document.createElement('div');\r\n linha.className = 'mc-item';\r\n linha.innerHTML =\r\n '<div class=\"mc-foto\"><svg viewBox=\"0 0 120 120\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><path d=\"M30 78c-6 4-10 10-8 18 2 7 10 9 16 6l38-18c8-4 10-14 5-21-4-6-13-13-13-24 0-9-8-15-16-11-9 4-11 16-8 24 2 6 0 12-4 15z\"\/><\/svg><\/div>' +\r\n '<div class=\"mc-info\"><strong>' + item.nome + '<\/strong><span>Qtd: 1<\/span><\/div>' +\r\n '<div><div class=\"mc-preco\">R$ 32,00<\/div><a href=\"#\" class=\"mc-remover\" data-idx=\"' + idx + '\">Remover<\/a><\/div>';\r\n mcLista.appendChild(linha);\r\n });\r\n mcSubtotal.textContent = 'R$ ' + subtotal.toFixed(2).replace('.', ',');\r\n contadorCarrinho.textContent = carrinho.length;\r\n mcLista.querySelectorAll('.mc-remover').forEach(function(a){\r\n a.addEventListener('click', function(e){\r\n e.preventDefault();\r\n carrinho.splice(parseInt(a.getAttribute('data-idx'), 10), 1);\r\n renderCarrinho();\r\n });\r\n });\r\n }\r\n\r\n function mostrarToast(texto){\r\n toastTexto.textContent = texto;\r\n toast.classList.add('mostrar');\r\n setTimeout(function(){ toast.classList.remove('mostrar'); }, 2400);\r\n }\r\n\r\n \/* Bot\u00f5es \"Adicionar\" \u2014 em WooCommerce real, isso \u00e9 o bot\u00e3o nativo\r\n add_to_cart_button que dispara AJAX; aqui simulamos visualmente. *\/\r\n document.querySelectorAll('.btn-add').forEach(function(btn){\r\n btn.addEventListener('click', function(){\r\n var nome = btn.getAttribute('data-produto');\r\n carrinho.push({ nome: nome, preco: 32 });\r\n renderCarrinho();\r\n mostrarToast(nome + ' adicionado ao carrinho');\r\n });\r\n });\r\n\r\n \/* ---------- WhatsApp flutuante + modal ---------- *\/\r\n var modal = document.getElementById('modalWhats');\r\n var textarea = document.getElementById('mensagemWhats');\r\n var mensagemPadrao = \"Ol\u00e1! Vim pelo site da Campynna e quero saber mais sobre os chinelos. \ud83d\udc0d\ud83d\udc63\";\r\n function abrirModalWhats(mensagem){ textarea.value = mensagem || mensagemPadrao; modal.classList.add('aberto'); }\r\n document.getElementById('botaoWhatsFlutuante').addEventListener('click', function(){ abrirModalWhats(); });\r\n document.getElementById('fecharModalWhats').addEventListener('click', function(){ modal.classList.remove('aberto'); });\r\n modal.addEventListener('click', function(e){ if (e.target === modal) modal.classList.remove('aberto'); });\r\n document.getElementById('enviarWhats').addEventListener('click', function(){\r\n var texto = encodeURIComponent(textarea.value.trim() || mensagemPadrao);\r\n window.open('https:\/\/wa.me\/' + NUMERO_WHATSAPP + '?text=' + texto, '_blank');\r\n modal.classList.remove('aberto');\r\n });\r\n document.querySelectorAll('[data-whats-produto]').forEach(function(btn){\r\n btn.addEventListener('click', function(){\r\n var nome = btn.getAttribute('data-whats-produto');\r\n abrirModalWhats('Ol\u00e1! Tenho interesse no ' + nome + ' (R$32,00). Pode me ajudar?');\r\n });\r\n });\r\n\r\n \/* ---------- Reveal ao rolar ---------- *\/\r\n var observador = new IntersectionObserver(function(entradas){\r\n entradas.forEach(function(entrada){\r\n if (entrada.isIntersecting){ entrada.target.classList.add('mostrar'); observador.unobserve(entrada.target); }\r\n });\r\n }, { threshold: .12 });\r\n document.querySelectorAll('.reveal').forEach(function(el){ observador.observe(el); });\r\n\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>Campynna \u2014 Loja de Chinelos Frete calculado no carrinho Todo chinelo por R$32,00 WhatsApp: (49) 98906-5252 Minha conta Campynna Conta Carrinho 0 Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Pre\u00e7o \u00fanico R$32,00 × Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Minha conta Cole\u00e7\u00e3o Campynna Chinelos de Xanxer\u00ea, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>- CAMPYNNA<\/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:\/\/campynna.com\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- CAMPYNNA\" \/>\n<meta property=\"og:description\" content=\"Campynna \u2014 Loja de Chinelos Frete calculado no carrinho Todo chinelo por R$32,00 WhatsApp: (49) 98906-5252 Minha conta Campynna Conta Carrinho 0 Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Pre\u00e7o \u00fanico R$32,00 × Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Minha conta Cole\u00e7\u00e3o Campynna Chinelos de Xanxer\u00ea, […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/campynna.com\/\" \/>\n<meta property=\"og:site_name\" content=\"CAMPYNNA\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-06T21:41:30+00:00\" \/>\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=\"15 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/campynna.com\\\/\",\"url\":\"https:\\\/\\\/campynna.com\\\/\",\"name\":\"- CAMPYNNA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/campynna.com\\\/#website\"},\"datePublished\":\"2025-10-31T09:46:03+00:00\",\"dateModified\":\"2026-08-06T21:41:30+00:00\",\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/campynna.com\\\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/campynna.com\\\/#website\",\"url\":\"https:\\\/\\\/campynna.com\\\/\",\"name\":\"CAMPYNNA\",\"description\":\"O melhor chinelo para voc\u00ea\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/campynna.com\\\/?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":"- CAMPYNNA","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:\/\/campynna.com\/","og_locale":"pt_BR","og_type":"article","og_title":"- CAMPYNNA","og_description":"Campynna \u2014 Loja de Chinelos Frete calculado no carrinho Todo chinelo por R$32,00 WhatsApp: (49) 98906-5252 Minha conta Campynna Conta Carrinho 0 Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Pre\u00e7o \u00fanico R$32,00 × Todos os chinelos Masculino Feminino Cole\u00e7\u00e3o de cores Nossa hist\u00f3ria D\u00favidas Minha conta Cole\u00e7\u00e3o Campynna Chinelos de Xanxer\u00ea, […]","og_url":"https:\/\/campynna.com\/","og_site_name":"CAMPYNNA","article_modified_time":"2026-08-06T21:41:30+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. tempo de leitura":"15 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/campynna.com\/","url":"https:\/\/campynna.com\/","name":"- CAMPYNNA","isPartOf":{"@id":"https:\/\/campynna.com\/#website"},"datePublished":"2025-10-31T09:46:03+00:00","dateModified":"2026-08-06T21:41:30+00:00","inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/campynna.com\/"]}]},{"@type":"WebSite","@id":"https:\/\/campynna.com\/#website","url":"https:\/\/campynna.com\/","name":"CAMPYNNA","description":"O melhor chinelo para voc\u00ea","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/campynna.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":17,"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/campynna.com\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}