ZoeFlex Store \u2014 Obrigado pela compra<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n <style>\r\n @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap\");\r\n @import url(\"https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,600,700&display=swap\");\r\n <\/style>\r\n\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n \/>\r\n\r\n <style>\r\n :root {\r\n --bg: #000000;\r\n --bg-soft: #050812;\r\n --accent: #00f0ff;\r\n --accent-soft: rgba(0, 240, 255, 0.16);\r\n --accent-strong: #00c0ff;\r\n --danger: #d10000;\r\n --text: #f9fafb;\r\n --muted: #9ca3af;\r\n --card: rgba(10, 15, 30, 0.9);\r\n --border-subtle: rgba(148, 163, 184, 0.25);\r\n --radius-lg: 24px;\r\n --radius-md: 18px;\r\n --radius-pill: 999px;\r\n --shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.85);\r\n --shadow-card: 0 18px 40px rgba(15, 23, 42, 0.9);\r\n --blur-lg: 28px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html, body {\r\n width: 100%;\r\n min-height: 100vh;\r\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body { position: relative; }\r\n\r\n body::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n background: radial-gradient(circle at 0% 0%, rgba(0, 240, 255, 0.08), transparent 55%),\r\n radial-gradient(circle at 100% 20%, rgba(209, 0, 0, 0.12), transparent 55%),\r\n radial-gradient(circle at 50% 100%, rgba(0, 240, 255, 0.07), transparent 60%),\r\n linear-gradient(135deg, #000000 0%, #020617 45%, #02061f 100%);\r\n z-index: -3;\r\n animation: bgShift 18s ease-in-out infinite alternate;\r\n }\r\n\r\n body::after {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n background: radial-gradient(circle at 50% -20%, rgba(0, 240, 255, 0.16), transparent 60%);\r\n mix-blend-mode: screen;\r\n opacity: 0.4;\r\n z-index: -2;\r\n }\r\n\r\n @keyframes bgShift {\r\n 0% { transform: translate3d(0,0,0) scale(1); }\r\n 50% { transform: translate3d(0,-10px,0) scale(1.02); }\r\n 100% { transform: translate3d(0,-20px,0) scale(1.04); }\r\n }\r\n\r\n \/* HEADER *\/\r\n header {\r\n position: fixed;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(15, 15, 15, 0.6);\r\n border-radius: 60px;\r\n padding: 6px 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(20px);\r\n z-index: 999;\r\n }\r\n\r\n header .logo { display: flex; align-items: center; height: 70px; }\r\n header .logo img {\r\n height: 100%;\r\n object-fit: contain;\r\n filter: drop-shadow(0 0 4px #00f0ff);\r\n }\r\n\r\n nav { display: flex; gap: 16px; }\r\n nav a {\r\n padding: 8px 16px;\r\n border-radius: 30px;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 0.9em;\r\n transition: all 0.3s ease;\r\n }\r\n nav a:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n color: #d10000;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .contact-btn {\r\n background: #001f4d;\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9em;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n .contact-btn:hover { transform: translateY(-2px); background: #00308f; }\r\n\r\n \/* MAIN *\/\r\n main {\r\n padding: 140px 6vw 80px;\r\n max-width: 980px;\r\n margin: 0 auto;\r\n }\r\n\r\n .thanks-wrap {\r\n position: relative;\r\n background: radial-gradient(circle at 0 0, rgba(0,240,255,0.16), transparent 60%),\r\n radial-gradient(circle at 100% 0, rgba(209,0,0,0.16), transparent 60%),\r\n rgba(15, 23, 42, 0.92);\r\n border: 1px solid rgba(148, 163, 184, 0.65);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-soft);\r\n backdrop-filter: blur(var(--blur-lg));\r\n padding: 28px;\r\n overflow: hidden;\r\n animation: pop 0.7s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes pop {\r\n from { opacity: 0; transform: translateY(14px) scale(0.98); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n background: rgba(15, 23, 42, 0.95);\r\n border: 1px solid rgba(56, 189, 248, 0.7);\r\n color: var(--accent);\r\n box-shadow: 0 0 22px rgba(0, 240, 255, 0.25);\r\n margin-bottom: 12px;\r\n }\r\n\r\n h1 {\r\n font-family: \"Poppins\", sans-serif;\r\n font-size: clamp(2rem, 3vw, 2.6rem);\r\n line-height: 1.1;\r\n letter-spacing: -0.04em;\r\n margin-bottom: 10px;\r\n background: linear-gradient(120deg, #ffffff 5%, var(--accent) 45%, #ffffff 80%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n text-shadow: 0 0 40px rgba(0, 240, 255, 0.35);\r\n }\r\n\r\n .subtitle {\r\n color: var(--muted);\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n max-width: 62ch;\r\n }\r\n\r\n .order-box {\r\n margin-top: 18px;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n }\r\n\r\n .metric {\r\n padding: 12px;\r\n border-radius: 18px;\r\n background: rgba(15, 23, 42, 0.94);\r\n border: 1px solid rgba(148, 163, 184, 0.75);\r\n }\r\n\r\n .metric span {\r\n display: block;\r\n font-size: 0.72rem;\r\n color: var(--muted);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .metric strong {\r\n font-family: \"Satoshi\", system-ui, sans-serif;\r\n font-size: 1rem;\r\n color: #e5e7eb;\r\n }\r\n\r\n .metric strong.accent { color: var(--accent); }\r\n\r\n .next-steps {\r\n margin-top: 16px;\r\n padding: 14px 16px;\r\n border-radius: 18px;\r\n border: 1px solid rgba(148, 163, 184, 0.6);\r\n background: rgba(15, 23, 42, 0.9);\r\n }\r\n\r\n .next-steps h3 {\r\n font-size: 0.95rem;\r\n margin-bottom: 8px;\r\n color: #e5e7eb;\r\n }\r\n\r\n .next-steps ul {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n font-size: 0.85rem;\r\n color: rgba(209, 213, 219, 0.95);\r\n line-height: 1.6;\r\n }\r\n\r\n .next-steps li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .next-steps i { color: rgba(34, 211, 238, 0.95); margin-top: 2px; }\r\n\r\n .actions {\r\n margin-top: 18px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n align-items: center;\r\n }\r\n\r\n .btn-primary {\r\n appearance: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 11px 18px;\r\n border-radius: var(--radius-pill);\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #020617;\r\n background: radial-gradient(circle at 0 0, rgba(255,255,255,0.25), transparent 55%),\r\n linear-gradient(120deg, var(--accent), var(--accent-strong));\r\n box-shadow: 0 14px 32px rgba(34, 211, 238, 0.55);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px rgba(34, 211, 238, 0.7);\r\n }\r\n\r\n .btn-outline {\r\n border-radius: var(--radius-pill);\r\n padding: 10px 16px;\r\n border: 1px solid rgba(148, 163, 184, 0.8);\r\n background: rgba(15, 23, 42, 0.95);\r\n color: #e5e7eb;\r\n font-size: 0.85rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-outline i { color: var(--accent); }\r\n .btn-outline:hover {\r\n border-color: rgba(34, 211, 238, 0.9);\r\n color: var(--accent);\r\n box-shadow: 0 12px 26px rgba(15, 23, 42, 0.95);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .small-note {\r\n margin-top: 12px;\r\n color: rgba(148, 163, 184, 0.95);\r\n font-size: 0.78rem;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n header {\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n transform: none;\r\n border-radius: 0;\r\n padding-inline: 16px;\r\n justify-content: space-between;\r\n }\r\n .contact-btn { display: none; }\r\n main { padding: 90px 18px 60px; }\r\n }\r\n\r\n @media (max-width: 720px) {\r\n .order-box { grid-template-columns: 1fr; }\r\n .thanks-wrap { padding: 20px; }\r\n }\r\n <\/style>\r\n <\/head>\r\n\r\n <body>\r\n <header>\r\n <div class=\"logo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/11\/imagem_2025-11-25_102442835.png\"\r\n alt=\"ZoeFlex Solutions\"\r\n \/>\r\n <\/div>\r\n <nav>\r\n <a href=\"\/pt\/home\/\">Home<\/a>\r\n <a href=\"\/pt\/about\/\">Sobre<\/a>\r\n <a href=\"\/pt\/services\/#services\">Servi\u00e7os<\/a>\r\n <a href=\"\/pt\/portfolio\/\">Portf\u00f3lio<\/a>\r\n <a href=\"\/pt\/faq\/\">FAQ<\/a>\r\n <a href=\"\/pt\/store\/\">Loja<\/a>\r\n <\/nav>\r\n <a class=\"contact-btn\" href=\"\/pt\/store\/#contact\">Contato<\/a>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"thanks-wrap\">\r\n <div class=\"badge\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Pagamento confirmado\r\n <\/div>\r\n\r\n <h1>Obrigado pela compra!<\/h1>\r\n\r\n <p class=\"subtitle\">\r\n Sua solicita\u00e7\u00e3o foi recebida com sucesso. Se for um produto\/servi\u00e7o com processo de integra\u00e7\u00e3o,\nnossa equipe poder\u00e1 entrar em contato para configurar tudo corretamente.\r\n <\/p>\r\n\r\n <div class=\"order-box\">\r\n <div class=\"metric\">\r\n <span>ID do pedido<\/span>\r\n <strong class=\"accent\" id=\"order-id\">\u2014<\/strong>\r\n <\/div>\r\n <div class=\"metric\">\r\n <span>Status<\/span>\r\n <strong id=\"order-status\">Confirmado<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"next-steps\">\r\n <h3>Pr\u00f3ximas etapas<\/h3>\r\n <ul>\r\n <li><i class=\"fa-solid fa-bolt\"><\/i> Para servi\u00e7os\/automa\u00e7\u00f5es, nossa equipe inicia o processo de configura\u00e7\u00e3o.<\/li>\r\n <li><i class=\"fa-solid fa-headset\"><\/i> Se precisar de alguma coisa, fale conosco pelo WhatsApp\/Contato.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <a class=\"btn-primary\" href=\"\/pt\/store\/\">\r\n <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n Voltar para a loja\r\n <\/a>\r\n\r\n <a\r\n class=\"btn-outline\"\r\n href=\"https:\/\/wa.me\/13214665975\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n <i class=\"fa-regular fa-comments\"><\/i>\r\n Fale com a equipe\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"small-note\" id=\"auto-note\" style=\"display:none;\">\r\n You will be automatically redirected to the Store in <strong id=\"countdown\">7<\/strong>s.\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n \/\/ Puxa order\/key da URL (?order=123&key=xxx) pra mostrar no card\r\n (function () {\r\n const params = new URLSearchParams(window.location.search);\r\n const order = params.get(\"order\");\r\n const key = params.get(\"key\");\r\n\r\n const orderIdEl = document.getElementById(\"order-id\");\r\n if (orderIdEl) orderIdEl.textContent = order ? \"#\" + order : \"\u2014\";\r\n\r\n \/\/ Redirecionamento opcional (descomente se quiser)\r\n \/\/ let seconds = 7;\r\n \/\/ const note = document.getElementById(\"auto-note\");\r\n \/\/ const cd = document.getElementById(\"countdown\");\r\n \/\/ if (note && cd) {\r\n \/\/ note.style.display = \"block\";\r\n \/\/ cd.textContent = String(seconds);\r\n \/\/ const timer = setInterval(() => {\r\n \/\/ seconds -= 1;\r\n \/\/ cd.textContent = String(seconds);\r\n \/\/ if (seconds <= 0) {\r\n \/\/ clearInterval(timer);\r\n \/\/ window.location.href = \"\/store\";\r\n \/\/ }\r\n \/\/ }, 1000);\r\n \/\/ }\r\n })();\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ZoeFlex Store \u2014 Obrigado pela compra Home About Services Portfolio FAQ Store Contact Payment confirmed Thank you for purchasing! Your request has been successfully received. If it’s a product\/service with onboarding, our team may contact you to set everything up properly. Order ID \u2014 Status Confirmed Next steps For services\/automations, our team initiates the setup […]<\/p>","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-1624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/comments?post=1624"}],"version-history":[{"count":10,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624\/revisions"}],"predecessor-version":[{"id":1634,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624\/revisions\/1634"}],"wp:attachment":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/media?parent=1624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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 ZoeFlex Store \u2014 Obrigado pela compra<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n <style>\r\n @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&family=Poppins:wght@600;700;800&display=swap\");\r\n @import url(\"https:\/\/api.fontshare.com\/v2\/css?f[]=satoshi@400,500,600,700&display=swap\");\r\n <\/style>\r\n\r\n <link\r\n rel=\"stylesheet\"\r\n href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\"\r\n \/>\r\n\r\n <style>\r\n :root {\r\n --bg: #000000;\r\n --bg-soft: #050812;\r\n --accent: #00f0ff;\r\n --accent-soft: rgba(0, 240, 255, 0.16);\r\n --accent-strong: #00c0ff;\r\n --danger: #d10000;\r\n --text: #f9fafb;\r\n --muted: #9ca3af;\r\n --card: rgba(10, 15, 30, 0.9);\r\n --border-subtle: rgba(148, 163, 184, 0.25);\r\n --radius-lg: 24px;\r\n --radius-md: 18px;\r\n --radius-pill: 999px;\r\n --shadow-soft: 0 24px 60px rgba(15, 23, 42, 0.85);\r\n --shadow-card: 0 18px 40px rgba(15, 23, 42, 0.9);\r\n --blur-lg: 28px;\r\n }\r\n\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n\r\n html, body {\r\n width: 100%;\r\n min-height: 100vh;\r\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n background: var(--bg);\r\n color: var(--text);\r\n overflow-x: hidden;\r\n scroll-behavior: smooth;\r\n }\r\n\r\n body { position: relative; }\r\n\r\n body::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n background: radial-gradient(circle at 0% 0%, rgba(0, 240, 255, 0.08), transparent 55%),\r\n radial-gradient(circle at 100% 20%, rgba(209, 0, 0, 0.12), transparent 55%),\r\n radial-gradient(circle at 50% 100%, rgba(0, 240, 255, 0.07), transparent 60%),\r\n linear-gradient(135deg, #000000 0%, #020617 45%, #02061f 100%);\r\n z-index: -3;\r\n animation: bgShift 18s ease-in-out infinite alternate;\r\n }\r\n\r\n body::after {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n background: radial-gradient(circle at 50% -20%, rgba(0, 240, 255, 0.16), transparent 60%);\r\n mix-blend-mode: screen;\r\n opacity: 0.4;\r\n z-index: -2;\r\n }\r\n\r\n @keyframes bgShift {\r\n 0% { transform: translate3d(0,0,0) scale(1); }\r\n 50% { transform: translate3d(0,-10px,0) scale(1.02); }\r\n 100% { transform: translate3d(0,-20px,0) scale(1.04); }\r\n }\r\n\r\n \/* HEADER *\/\r\n header {\r\n position: fixed;\r\n top: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: rgba(15, 15, 15, 0.6);\r\n border-radius: 60px;\r\n padding: 6px 30px;\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(20px);\r\n z-index: 999;\r\n }\r\n\r\n header .logo { display: flex; align-items: center; height: 70px; }\r\n header .logo img {\r\n height: 100%;\r\n object-fit: contain;\r\n filter: drop-shadow(0 0 4px #00f0ff);\r\n }\r\n\r\n nav { display: flex; gap: 16px; }\r\n nav a {\r\n padding: 8px 16px;\r\n border-radius: 30px;\r\n color: white;\r\n text-decoration: none;\r\n font-weight: 500;\r\n font-size: 0.9em;\r\n transition: all 0.3s ease;\r\n }\r\n nav a:hover {\r\n background: rgba(255, 255, 255, 0.05);\r\n color: #d10000;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .contact-btn {\r\n background: #001f4d;\r\n color: white;\r\n padding: 8px 20px;\r\n border-radius: 30px;\r\n text-decoration: none;\r\n font-weight: 600;\r\n font-size: 0.9em;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);\r\n transition: all 0.3s ease;\r\n }\r\n .contact-btn:hover { transform: translateY(-2px); background: #00308f; }\r\n\r\n \/* MAIN *\/\r\n main {\r\n padding: 140px 6vw 80px;\r\n max-width: 980px;\r\n margin: 0 auto;\r\n }\r\n\r\n .thanks-wrap {\r\n position: relative;\r\n background: radial-gradient(circle at 0 0, rgba(0,240,255,0.16), transparent 60%),\r\n radial-gradient(circle at 100% 0, rgba(209,0,0,0.16), transparent 60%),\r\n rgba(15, 23, 42, 0.92);\r\n border: 1px solid rgba(148, 163, 184, 0.65);\r\n border-radius: var(--radius-lg);\r\n box-shadow: var(--shadow-soft);\r\n backdrop-filter: blur(var(--blur-lg));\r\n padding: 28px;\r\n overflow: hidden;\r\n animation: pop 0.7s ease-out forwards;\r\n opacity: 0;\r\n }\r\n\r\n @keyframes pop {\r\n from { opacity: 0; transform: translateY(14px) scale(0.98); }\r\n to { opacity: 1; transform: translateY(0) scale(1); }\r\n }\r\n\r\n .badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n padding: 7px 12px;\r\n border-radius: 999px;\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n background: rgba(15, 23, 42, 0.95);\r\n border: 1px solid rgba(56, 189, 248, 0.7);\r\n color: var(--accent);\r\n box-shadow: 0 0 22px rgba(0, 240, 255, 0.25);\r\n margin-bottom: 12px;\r\n }\r\n\r\n h1 {\r\n font-family: \"Poppins\", sans-serif;\r\n font-size: clamp(2rem, 3vw, 2.6rem);\r\n line-height: 1.1;\r\n letter-spacing: -0.04em;\r\n margin-bottom: 10px;\r\n background: linear-gradient(120deg, #ffffff 5%, var(--accent) 45%, #ffffff 80%);\r\n -webkit-background-clip: text;\r\n background-clip: text;\r\n color: transparent;\r\n text-shadow: 0 0 40px rgba(0, 240, 255, 0.35);\r\n }\r\n\r\n .subtitle {\r\n color: var(--muted);\r\n font-size: 0.95rem;\r\n line-height: 1.7;\r\n max-width: 62ch;\r\n }\r\n\r\n .order-box {\r\n margin-top: 18px;\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 10px;\r\n }\r\n\r\n .metric {\r\n padding: 12px;\r\n border-radius: 18px;\r\n background: rgba(15, 23, 42, 0.94);\r\n border: 1px solid rgba(148, 163, 184, 0.75);\r\n }\r\n\r\n .metric span {\r\n display: block;\r\n font-size: 0.72rem;\r\n color: var(--muted);\r\n margin-bottom: 4px;\r\n }\r\n\r\n .metric strong {\r\n font-family: \"Satoshi\", system-ui, sans-serif;\r\n font-size: 1rem;\r\n color: #e5e7eb;\r\n }\r\n\r\n .metric strong.accent { color: var(--accent); }\r\n\r\n .next-steps {\r\n margin-top: 16px;\r\n padding: 14px 16px;\r\n border-radius: 18px;\r\n border: 1px solid rgba(148, 163, 184, 0.6);\r\n background: rgba(15, 23, 42, 0.9);\r\n }\r\n\r\n .next-steps h3 {\r\n font-size: 0.95rem;\r\n margin-bottom: 8px;\r\n color: #e5e7eb;\r\n }\r\n\r\n .next-steps ul {\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6px;\r\n font-size: 0.85rem;\r\n color: rgba(209, 213, 219, 0.95);\r\n line-height: 1.6;\r\n }\r\n\r\n .next-steps li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .next-steps i { color: rgba(34, 211, 238, 0.95); margin-top: 2px; }\r\n\r\n .actions {\r\n margin-top: 18px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n align-items: center;\r\n }\r\n\r\n .btn-primary {\r\n appearance: none;\r\n border: none;\r\n cursor: pointer;\r\n padding: 11px 18px;\r\n border-radius: var(--radius-pill);\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.05em;\r\n text-transform: uppercase;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n color: #020617;\r\n background: radial-gradient(circle at 0 0, rgba(255,255,255,0.25), transparent 55%),\r\n linear-gradient(120deg, var(--accent), var(--accent-strong));\r\n box-shadow: 0 14px 32px rgba(34, 211, 238, 0.55);\r\n transition: transform 0.2s ease, box-shadow 0.2s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-primary:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px rgba(34, 211, 238, 0.7);\r\n }\r\n\r\n .btn-outline {\r\n border-radius: var(--radius-pill);\r\n padding: 10px 16px;\r\n border: 1px solid rgba(148, 163, 184, 0.8);\r\n background: rgba(15, 23, 42, 0.95);\r\n color: #e5e7eb;\r\n font-size: 0.85rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-decoration: none;\r\n }\r\n\r\n .btn-outline i { color: var(--accent); }\r\n .btn-outline:hover {\r\n border-color: rgba(34, 211, 238, 0.9);\r\n color: var(--accent);\r\n box-shadow: 0 12px 26px rgba(15, 23, 42, 0.95);\r\n transform: translateY(-1px);\r\n }\r\n\r\n .small-note {\r\n margin-top: 12px;\r\n color: rgba(148, 163, 184, 0.95);\r\n font-size: 0.78rem;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n header {\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n transform: none;\r\n border-radius: 0;\r\n padding-inline: 16px;\r\n justify-content: space-between;\r\n }\r\n .contact-btn { display: none; }\r\n main { padding: 90px 18px 60px; }\r\n }\r\n\r\n @media (max-width: 720px) {\r\n .order-box { grid-template-columns: 1fr; }\r\n .thanks-wrap { padding: 20px; }\r\n }\r\n <\/style>\r\n <\/head>\r\n\r\n <body>\r\n <header>\r\n <div class=\"logo\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/zoeflexsolutions.com\/wp-content\/uploads\/2025\/11\/imagem_2025-11-25_102442835.png\"\r\n alt=\"ZoeFlex Solutions\"\r\n \/>\r\n <\/div>\r\n <nav>\r\n <a href=\"\/pt\/home\/\">Home<\/a>\r\n <a href=\"\/pt\/about\/\">Sobre<\/a>\r\n <a href=\"\/pt\/services\/#services\">Servi\u00e7os<\/a>\r\n <a href=\"\/pt\/portfolio\/\">Portf\u00f3lio<\/a>\r\n <a href=\"\/pt\/faq\/\">FAQ<\/a>\r\n <a href=\"\/pt\/store\/\">Loja<\/a>\r\n <\/nav>\r\n <a class=\"contact-btn\" href=\"\/pt\/store\/#contact\">Contato<\/a>\r\n <\/header>\r\n\r\n <main>\r\n <section class=\"thanks-wrap\">\r\n <div class=\"badge\">\r\n <i class=\"fa-solid fa-circle-check\"><\/i>\r\n Pagamento confirmado\r\n <\/div>\r\n\r\n <h1>Obrigado pela compra!<\/h1>\r\n\r\n <p class=\"subtitle\">\r\n Sua solicita\u00e7\u00e3o foi recebida com sucesso. Se for um produto\/servi\u00e7o com processo de integra\u00e7\u00e3o,\nnossa equipe poder\u00e1 entrar em contato para configurar tudo corretamente.\r\n <\/p>\r\n\r\n <div class=\"order-box\">\r\n <div class=\"metric\">\r\n <span>ID do pedido<\/span>\r\n <strong class=\"accent\" id=\"order-id\">\u2014<\/strong>\r\n <\/div>\r\n <div class=\"metric\">\r\n <span>Status<\/span>\r\n <strong id=\"order-status\">Confirmado<\/strong>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"next-steps\">\r\n <h3>Pr\u00f3ximas etapas<\/h3>\r\n <ul>\r\n <li><i class=\"fa-solid fa-bolt\"><\/i> Para servi\u00e7os\/automa\u00e7\u00f5es, nossa equipe inicia o processo de configura\u00e7\u00e3o.<\/li>\r\n <li><i class=\"fa-solid fa-headset\"><\/i> Se precisar de alguma coisa, fale conosco pelo WhatsApp\/Contato.<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"actions\">\r\n <a class=\"btn-primary\" href=\"\/pt\/store\/\">\r\n <i class=\"fa-solid fa-bag-shopping\"><\/i>\r\n Voltar para a loja\r\n <\/a>\r\n\r\n <a\r\n class=\"btn-outline\"\r\n href=\"https:\/\/wa.me\/13214665975\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n >\r\n <i class=\"fa-regular fa-comments\"><\/i>\r\n Fale com a equipe\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"small-note\" id=\"auto-note\" style=\"display:none;\">\r\n You will be automatically redirected to the Store in <strong id=\"countdown\">7<\/strong>s.\r\n <\/div>\r\n <\/section>\r\n <\/main>\r\n\r\n <script>\r\n \/\/ Puxa order\/key da URL (?order=123&key=xxx) pra mostrar no card\r\n (function () {\r\n const params = new URLSearchParams(window.location.search);\r\n const order = params.get(\"order\");\r\n const key = params.get(\"key\");\r\n\r\n const orderIdEl = document.getElementById(\"order-id\");\r\n if (orderIdEl) orderIdEl.textContent = order ? \"#\" + order : \"\u2014\";\r\n\r\n \/\/ Redirecionamento opcional (descomente se quiser)\r\n \/\/ let seconds = 7;\r\n \/\/ const note = document.getElementById(\"auto-note\");\r\n \/\/ const cd = document.getElementById(\"countdown\");\r\n \/\/ if (note && cd) {\r\n \/\/ note.style.display = \"block\";\r\n \/\/ cd.textContent = String(seconds);\r\n \/\/ const timer = setInterval(() => {\r\n \/\/ seconds -= 1;\r\n \/\/ cd.textContent = String(seconds);\r\n \/\/ if (seconds <= 0) {\r\n \/\/ clearInterval(timer);\r\n \/\/ window.location.href = \"\/store\";\r\n \/\/ }\r\n \/\/ }, 1000);\r\n \/\/ }\r\n })();\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>ZoeFlex Store \u2014 Obrigado pela compra Home About Services Portfolio FAQ Store Contact Payment confirmed Thank you for purchasing! Your request has been successfully received. If it’s a product\/service with onboarding, our team may contact you to set everything up properly. Order ID \u2014 Status Confirmed Next steps For services\/automations, our team initiates the setup […]<\/p>","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-1624","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/comments?post=1624"}],"version-history":[{"count":10,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624\/revisions"}],"predecessor-version":[{"id":1634,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1624\/revisions\/1634"}],"wp:attachment":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/media?parent=1624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}