{"id":1353,"date":"2025-12-01T15:42:31","date_gmt":"2025-12-01T15:42:31","guid":{"rendered":"https:\/\/zoeflexsolutions.com\/?page_id=1353"},"modified":"2025-12-02T18:59:03","modified_gmt":"2025-12-02T18:59:03","slug":"store","status":"publish","type":"page","link":"https:\/\/zoeflexsolutions.com\/pt\/store\/","title":{"rendered":"Loja"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 \u2013 Official Store<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n\r\n <!-- FONTES -->\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 <!-- ICONES -->\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 \/* RESET *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n html,\r\n body {\r\n width: 100%;\r\n min-height: 100vh;\r\n font-family: \"Inter\", system-ui, -apple-system, BlinkMacSystemFont,\r\n \"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 {\r\n position: relative;\r\n }\r\n\r\n \/* FUNDO ANIMADO (IDENTIDADE ZOEFLEX) *\/\r\n body::before {\r\n content: \"\";\r\n position: fixed;\r\n inset: 0;\r\n background: radial-gradient(\r\n circle at 0% 0%,\r\n rgba(0, 240, 255, 0.08),\r\n transparent 55%\r\n ),\r\n radial-gradient(\r\n circle at 100% 20%,\r\n rgba(209, 0, 0, 0.12),\r\n transparent 55%\r\n ),\r\n radial-gradient(\r\n circle at 50% 100%,\r\n rgba(0, 240, 255, 0.07),\r\n transparent 60%\r\n ),\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(\r\n circle at 50% -20%,\r\n rgba(0, 240, 255, 0.16),\r\n transparent 60%\r\n );\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% {\r\n transform: translate3d(0, 0, 0) scale(1);\r\n }\r\n 50% {\r\n transform: translate3d(0, -10px, 0) scale(1.02);\r\n }\r\n 100% {\r\n transform: translate3d(0, -20px, 0) scale(1.04);\r\n }\r\n }\r\n\r\n \/* HEADER (BASEADO NA HOME) *\/\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 transition: all 0.3s ease;\r\n }\r\n\r\n header .logo {\r\n display: flex;\r\n align-items: center;\r\n height: 70px;\r\n }\r\n\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 transition: transform 0.3s ease;\r\n }\r\n\r\n header .logo img:hover {\r\n transform: scale(1.05);\r\n }\r\n\r\n nav {\r\n display: flex;\r\n gap: 16px;\r\n }\r\n\r\n nav a {\r\n position: relative;\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\r\n nav a.active,\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 nav a.active::after,\r\n nav a:hover::after {\r\n content: \"\";\r\n display: block;\r\n width: 100%;\r\n height: 2px;\r\n background: #d10000;\r\n position: absolute;\r\n bottom: 4px;\r\n left: 0;\r\n border-radius: 10px;\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\r\n .contact-btn:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 6px 20px rgba(0, 0, 0, 0.6);\r\n background: #00308f;\r\n }\r\n\r\n .menu-toggle {\r\n display: none;\r\n background: none;\r\n border: none;\r\n color: #f9fafb;\r\n font-size: 1.4rem;\r\n cursor: pointer;\r\n }\r\n\r\n \/* HERO DA LOJA *\/\r\n main {\r\n padding: 140px 6vw 80px;\r\n max-width: 1280px;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n .store-hero {\r\n display: grid;\r\n grid-template-columns: minmax(0, 1fr); \/* s\u00f3 1 coluna *\/\r\n justify-items: center; \/* centraliza o conte\u00fado na horizontal *\/\r\n gap: 32px;\r\n align-items: stretch;\r\n margin-bottom: 40px;\r\n position: relative;\r\n }\r\n\r\n .store-hero::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -40px;\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(0, 240, 255, 0.16),\r\n transparent 60%\r\n );\r\n opacity: 0.75;\r\n z-index: -1;\r\n filter: blur(20px);\r\n animation: orbFloat 12s ease-in-out infinite alternate;\r\n }\r\n\r\n @keyframes orbFloat {\r\n 0% {\r\n transform: translate3d(0, 0, 0);\r\n }\r\n 50% {\r\n transform: translate3d(12px, -8px, 0);\r\n }\r\n 100% {\r\n transform: translate3d(-6px, 6px, 0);\r\n }\r\n }\r\n\r\n .store-hero-left {\r\n background: radial-gradient(\r\n circle at top left,\r\n rgba(0, 240, 255, 0.1),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.9);\r\n border-radius: var(--radius-lg);\r\n padding: 26px 26px 24px;\r\n border: 1px solid rgba(148, 163, 184, 0.6);\r\n box-shadow: var(--shadow-soft);\r\n position: relative;\r\n overflow: hidden;\r\n backdrop-filter: blur(var(--blur-lg));\r\n transform-origin: center;\r\n animation: heroPop 0.9s ease-out forwards;\r\n opacity: 0;\r\n\r\n max-width: 720px; \/* <- adiciona isso *\/\r\n width: 100%; \/* pra responsivo ficar liso *\/\r\n }\r\n\r\n @keyframes heroPop {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(16px) scale(0.97);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0) scale(1);\r\n }\r\n }\r\n\r\n .store-tagline {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\r\n font-size: 0.75rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.15em;\r\n background: rgba(15, 23, 42, 0.9);\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: 10px;\r\n }\r\n\r\n .store-tagline i {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .store-hero h1 {\r\n font-family: \"Poppins\", sans-serif;\r\n font-size: clamp(2.3rem, 3vw, 2.9rem);\r\n line-height: 1.1;\r\n margin-bottom: 12px;\r\n letter-spacing: -0.04em;\r\n background: linear-gradient(\r\n 120deg,\r\n #ffffff 5%,\r\n var(--accent) 45%,\r\n #ffffff 80%\r\n );\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 .store-hero p {\r\n font-size: 0.95rem;\r\n color: var(--muted);\r\n line-height: 1.7;\r\n max-width: 520px;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .store-hero-highlight {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n margin-bottom: 22px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .store-hero-highlight span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 6px 11px;\r\n border-radius: 999px;\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 .store-hero-highlight i {\r\n color: var(--accent);\r\n font-size: 0.85rem;\r\n }\r\n\r\n .store-hero-cta {\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 20px;\r\n border-radius: var(--radius-pill);\r\n font-weight: 600;\r\n font-size: 0.9rem;\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(\r\n circle at 0 0,\r\n rgba(255, 255, 255, 0.25),\r\n transparent 55%\r\n ),\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 position: relative;\r\n overflow: hidden;\r\n transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;\r\n }\r\n\r\n .btn-primary::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(\r\n 90deg,\r\n transparent,\r\n rgba(255, 255, 255, 0.35),\r\n transparent\r\n );\r\n transform: translateX(-120%);\r\n transition: transform 0.6s ease;\r\n }\r\n\r\n .btn-primary:hover::after {\r\n transform: translateX(120%);\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 filter: brightness(1.02);\r\n }\r\n\r\n .btn-ghost {\r\n border-radius: var(--radius-pill);\r\n padding: 10px 18px;\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(148, 163, 184, 0.25),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.9);\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 }\r\n\r\n .btn-ghost i {\r\n color: var(--accent);\r\n }\r\n\r\n .btn-ghost:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 16px 36px rgba(15, 23, 42, 0.85);\r\n border-color: rgba(148, 163, 184, 0.9);\r\n }\r\n\r\n .store-hero-right {\r\n border-radius: var(--radius-lg);\r\n padding: 18px 18px 16px;\r\n background: radial-gradient(\r\n circle at 100% 0,\r\n rgba(0, 240, 255, 0.2),\r\n transparent 60%\r\n ),\r\n radial-gradient(\r\n circle at 0 100%,\r\n rgba(209, 0, 0, 0.2),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.9);\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n box-shadow: var(--shadow-card);\r\n position: relative;\r\n overflow: hidden;\r\n transform-origin: center;\r\n animation: heroPop 1.05s ease-out 0.08s forwards;\r\n opacity: 0;\r\n }\r\n\r\n .store-hero-right::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -60px;\r\n background: conic-gradient(\r\n from 180deg,\r\n rgba(0, 240, 255, 0.18),\r\n transparent 25%,\r\n rgba(209, 0, 0, 0.18),\r\n transparent 50%,\r\n rgba(0, 240, 255, 0.18),\r\n transparent 75%,\r\n rgba(209, 0, 0, 0.18),\r\n transparent 100%\r\n );\r\n opacity: 0.35;\r\n filter: blur(18px);\r\n animation: spinGlow 18s linear infinite;\r\n z-index: -1;\r\n }\r\n\r\n @keyframes spinGlow {\r\n to {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n .store-metrics {\r\n display: grid;\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n gap: 12px;\r\n margin-bottom: 18px;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .store-metric {\r\n padding: 10px 10px 9px;\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 display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .store-metric span {\r\n font-size: 0.7rem;\r\n color: var(--muted);\r\n }\r\n\r\n .store-metric strong {\r\n font-size: 1rem;\r\n font-family: \"Satoshi\", system-ui, sans-serif;\r\n }\r\n\r\n .store-metric .pill {\r\n margin-top: 2px;\r\n align-self: flex-start;\r\n padding: 3px 8px;\r\n border-radius: 999px;\r\n font-size: 0.65rem;\r\n border: 1px solid rgba(34, 211, 238, 0.7);\r\n color: var(--accent);\r\n background: rgba(8, 47, 73, 0.9);\r\n }\r\n\r\n .store-metric:nth-child(2) strong {\r\n color: var(--accent);\r\n }\r\n\r\n .store-metric:nth-child(3) strong {\r\n color: #4ade80;\r\n }\r\n\r\n .store-metric:nth-child(4) strong {\r\n color: #f97316;\r\n }\r\n\r\n .store-metric::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(255, 255, 255, 0.2),\r\n transparent 55%\r\n );\r\n opacity: 0;\r\n transition: opacity 0.25s ease;\r\n }\r\n\r\n .store-metric:hover::after {\r\n opacity: 0.5;\r\n }\r\n\r\n .store-legenda {\r\n font-size: 0.75rem;\r\n color: var(--muted);\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .store-legenda i {\r\n color: var(--accent);\r\n }\r\n\r\n .store-progress {\r\n position: relative;\r\n border-radius: 999px;\r\n background: rgba(15, 23, 42, 0.95);\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n overflow: hidden;\r\n height: 10px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .store-progress-fill {\r\n width: 72%;\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--accent), #4ade80);\r\n box-shadow: 0 0 16px rgba(34, 211, 238, 0.9);\r\n position: relative;\r\n }\r\n\r\n .store-progress-fill::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image: linear-gradient(\r\n 120deg,\r\n rgba(15, 23, 42, 0) 0,\r\n rgba(15, 23, 42, 0.4) 50%,\r\n rgba(15, 23, 42, 0) 100%\r\n );\r\n background-size: 50px 10px;\r\n animation: shimmer 1.7s linear infinite;\r\n mix-blend-mode: soft-light;\r\n }\r\n\r\n @keyframes shimmer {\r\n 0% {\r\n background-position: -60px 0;\r\n }\r\n 100% {\r\n background-position: 80px 0;\r\n }\r\n }\r\n\r\n .store-progress-label {\r\n display: flex;\r\n justify-content: space-between;\r\n font-size: 0.7rem;\r\n color: var(--muted);\r\n }\r\n\r\n .store-progress-label strong {\r\n color: #e5e7eb;\r\n }\r\n\r\n \/* FILTROS E GRID *\/\r\n .store-toolbar {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 14px;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin: 24px 0 18px;\r\n }\r\n\r\n .store-filters {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n }\r\n\r\n .store-filters button {\r\n border-radius: 999px;\r\n border: 1px solid rgba(148, 163, 184, 0.65);\r\n padding: 7px 13px;\r\n background: rgba(15, 23, 42, 0.92);\r\n color: #e5e7eb;\r\n font-size: 0.78rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n cursor: pointer;\r\n transition: all 0.18s ease;\r\n }\r\n\r\n .store-filters button i {\r\n font-size: 0.75rem;\r\n color: var(--accent);\r\n }\r\n\r\n .store-filters button.active {\r\n border-color: rgba(34, 211, 238, 0.85);\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(34, 211, 238, 0.4),\r\n transparent 55%\r\n ),\r\n rgba(15, 23, 42, 0.98);\r\n box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.65),\r\n 0 0 16px rgba(34, 211, 238, 0.6);\r\n color: var(--accent);\r\n }\r\n\r\n .store-search {\r\n position: relative;\r\n min-width: 220px;\r\n max-width: 260px;\r\n flex: 1 1 220px;\r\n }\r\n\r\n .store-search input {\r\n width: 100%;\r\n border-radius: 999px;\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n background: rgba(15, 23, 42, 0.95);\r\n padding: 8px 30px 8px 30px;\r\n color: #e5e7eb;\r\n font-size: 0.8rem;\r\n outline: none;\r\n transition: border-color 0.18s ease, box-shadow 0.18s ease,\r\n background 0.18s ease;\r\n }\r\n\r\n .store-search input::placeholder {\r\n color: rgba(148, 163, 184, 0.85);\r\n }\r\n\r\n .store-search input:focus {\r\n border-color: rgba(34, 211, 238, 0.9);\r\n box-shadow: 0 0 0 1px rgba(34, 211, 238, 0.8);\r\n background: rgba(15, 23, 42, 0.98);\r\n }\r\n\r\n .store-search i {\r\n position: absolute;\r\n left: 10px;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n font-size: 0.85rem;\r\n color: rgba(148, 163, 184, 0.9);\r\n }\r\n\r\n .store-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n gap: 18px;\r\n margin-top: 8px;\r\n }\r\n\r\n \/* CARD DE PRODUTO (SEM IMAGENS) *\/\r\n .product-card {\r\n position: relative;\r\n border-radius: var(--radius-md);\r\n border: 1px solid rgba(148, 163, 184, 0.6);\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(0, 240, 255, 0.12),\r\n transparent 60%\r\n ),\r\n radial-gradient(\r\n circle at 100% 0,\r\n rgba(209, 0, 0, 0.18),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.96);\r\n box-shadow: 0 18px 42px rgba(15, 23, 42, 0.92);\r\n padding: 16px 14px 14px;\r\n overflow: hidden;\r\n cursor: default;\r\n transform-origin: center;\r\n transform: translateY(14px) scale(0.98);\r\n opacity: 0;\r\n transition: transform 0.24s ease, box-shadow 0.24s ease,\r\n border-color 0.24s ease, background 0.24s ease, opacity 0.24s ease;\r\n }\r\n\r\n .product-card.visible {\r\n transform: translateY(0) scale(1);\r\n opacity: 1;\r\n }\r\n\r\n .product-card::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -1px;\r\n border-radius: inherit;\r\n background: conic-gradient(\r\n from 180deg,\r\n rgba(0, 240, 255, 0.5),\r\n rgba(209, 0, 0, 0.35),\r\n rgba(0, 240, 255, 0.5)\r\n );\r\n opacity: 0;\r\n z-index: -1;\r\n transition: opacity 0.35s ease;\r\n }\r\n\r\n .product-card:hover::before {\r\n opacity: 0.7;\r\n }\r\n\r\n .product-card:hover {\r\n transform: translateY(-6px) scale(1.007);\r\n border-color: rgba(34, 211, 238, 0.9);\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(0, 240, 255, 0.22),\r\n transparent 60%\r\n ),\r\n radial-gradient(\r\n circle at 100% 0,\r\n rgba(209, 0, 0, 0.24),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.98);\r\n box-shadow: 0 24px 56px rgba(15, 23, 42, 0.98);\r\n }\r\n\r\n .product-orbit {\r\n position: relative;\r\n border-radius: 20px;\r\n border: 1px solid rgba(148, 163, 184, 0.5);\r\n padding: 10px 10px 8px;\r\n margin-bottom: 12px;\r\n overflow: hidden;\r\n background: radial-gradient(\r\n circle at 30% -20%,\r\n rgba(0, 240, 255, 0.25),\r\n transparent 70%\r\n );\r\n }\r\n\r\n .product-orbit::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -120px;\r\n background-image: radial-gradient(\r\n circle at 0 0,\r\n rgba(255, 255, 255, 0.26),\r\n transparent 60%\r\n ),\r\n radial-gradient(\r\n circle at 20% 100%,\r\n rgba(0, 240, 255, 0.2),\r\n transparent 55%\r\n ),\r\n radial-gradient(\r\n circle at 100% 0,\r\n rgba(209, 0, 0, 0.26),\r\n transparent 55%\r\n );\r\n opacity: 0.65;\r\n animation: orbitSpin 18s linear infinite;\r\n mix-blend-mode: soft-light;\r\n }\r\n\r\n @keyframes orbitSpin {\r\n 0% {\r\n transform: rotate(0deg) translate3d(0, 0, 0);\r\n }\r\n 50% {\r\n transform: rotate(180deg) translate3d(4px, -4px, 0);\r\n }\r\n 100% {\r\n transform: rotate(360deg) translate3d(0, 0, 0);\r\n }\r\n }\r\n\r\n .product-chip {\r\n position: relative;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n padding: 4px 9px;\r\n border-radius: 999px;\r\n font-size: 0.7rem;\r\n background: rgba(15, 23, 42, 0.96);\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n color: #e5e7eb;\r\n }\r\n\r\n .product-chip i {\r\n color: var(--accent);\r\n }\r\n\r\n .product-id {\r\n position: absolute;\r\n right: 8px;\r\n top: 8px;\r\n padding: 3px 8px;\r\n border-radius: 999px;\r\n font-size: 0.65rem;\r\n background: rgba(0, 0, 0, 0.85);\r\n border: 1px solid rgba(148, 163, 184, 0.65);\r\n color: rgba(209, 213, 219, 0.95);\r\n }\r\n\r\n .product-body {\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .product-title {\r\n font-family: \"Poppins\", sans-serif;\r\n font-size: 0.98rem;\r\n letter-spacing: -0.02em;\r\n }\r\n\r\n .product-subtitle {\r\n font-size: 0.78rem;\r\n color: rgba(209, 213, 219, 0.9);\r\n }\r\n\r\n .product-benefits {\r\n margin-top: 4px;\r\n list-style: none;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n font-size: 0.75rem;\r\n color: rgba(209, 213, 219, 0.96);\r\n }\r\n\r\n .product-benefits li {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 6px;\r\n }\r\n\r\n .product-benefits i {\r\n color: rgba(34, 211, 238, 0.95);\r\n font-size: 0.75rem;\r\n margin-top: 1px;\r\n }\r\n\r\n .product-footer {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n margin-top: 10px;\r\n gap: 6px;\r\n }\r\n\r\n .product-price {\r\n font-size: 0.9rem;\r\n font-weight: 600;\r\n font-family: \"Satoshi\", system-ui, sans-serif;\r\n }\r\n\r\n .product-price span {\r\n display: block;\r\n font-size: 0.65rem;\r\n color: var(--muted);\r\n font-weight: 400;\r\n }\r\n\r\n .product-tags {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 4px;\r\n margin-top: 6px;\r\n }\r\n\r\n .product-tags span {\r\n padding: 3px 8px;\r\n font-size: 0.65rem;\r\n border-radius: 999px;\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n color: rgba(209, 213, 219, 0.9);\r\n background: rgba(15, 23, 42, 0.96);\r\n }\r\n\r\n .product-cta {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n align-items: center;\r\n }\r\n\r\n \/* ---- AI Image credits selector ---- *\/\r\n .product-note {\r\n margin-top: 8px;\r\n font-size: 0.72rem;\r\n color: var(--muted);\r\n }\r\n\r\n .product-cta.ai-credit-wrapper {\r\n flex-direction: column;\r\n align-items: flex-end;\r\n }\r\n\r\n .ai-credit-toggle {\r\n width: 100%;\r\n max-width: 170px;\r\n justify-content: center;\r\n }\r\n\r\n .ai-credit-options {\r\n display: none;\r\n flex-wrap: wrap;\r\n gap: 6px;\r\n justify-content: flex-end;\r\n }\r\n\r\n .ai-credit-options.open {\r\n display: flex;\r\n }\r\n\r\n .ai-credit-options .btn-credit {\r\n padding: 6px 10px;\r\n font-size: 0.72rem;\r\n }\r\n\r\n .btn-cart,\r\n .btn-outline {\r\n border-radius: 999px;\r\n padding: 7px 13px;\r\n border: none;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n letter-spacing: 0.04em;\r\n text-transform: uppercase;\r\n white-space: nowrap;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .btn-cart {\r\n background: linear-gradient(\r\n 120deg,\r\n var(--accent),\r\n var(--accent-strong)\r\n );\r\n color: #020617;\r\n box-shadow: 0 10px 24px rgba(34, 211, 238, 0.7);\r\n }\r\n\r\n .btn-cart:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 14px 32px rgba(34, 211, 238, 0.85);\r\n }\r\n\r\n .btn-outline {\r\n background: rgba(15, 23, 42, 0.98);\r\n color: #e5e7eb;\r\n border: 1px solid rgba(148, 163, 184, 0.8);\r\n }\r\n\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 }\r\n\r\n .product-toggle {\r\n border: none;\r\n background: none;\r\n color: rgba(148, 163, 184, 0.9);\r\n font-size: 0.78rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 0;\r\n }\r\n\r\n .product-toggle i {\r\n transition: transform 0.2s ease;\r\n }\r\n\r\n .product-card.expanded .product-toggle i {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .product-extra {\r\n margin-top: 6px;\r\n font-size: 0.73rem;\r\n color: rgba(148, 163, 184, 0.95);\r\n line-height: 1.6;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.22s ease;\r\n }\r\n\r\n .product-card.expanded .product-extra {\r\n max-height: 200px;\r\n }\r\n\r\n \/* FOOTER (BASEADO NA HOME) *\/\r\n .footer {\r\n background: #0d0d0d;\r\n color: #ccc;\r\n padding: 80px 40px 40px;\r\n font-size: 1em;\r\n border-top: 1px solid #222;\r\n overflow: hidden;\r\n font-family: \"Satoshi\", sans-serif;\r\n }\r\n\r\n .footer-content {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n gap: 40px;\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n .footer-col {\r\n opacity: 0;\r\n transform: translateY(30px);\r\n transition: all 0.6s ease-out;\r\n }\r\n\r\n .footer-col.visible {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n\r\n .footer-col h4 {\r\n color: #fff;\r\n margin-bottom: 16px;\r\n font-weight: 600;\r\n font-size: 1.1em;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .footer-col p,\r\n .footer-col a {\r\n color: #aaa;\r\n line-height: 1.6;\r\n font-size: 0.95em;\r\n text-decoration: none;\r\n }\r\n\r\n .footer-col a:hover {\r\n color: #00f0ff;\r\n }\r\n\r\n .social-links {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n margin-top: 10px;\r\n }\r\n\r\n .social-links a {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: color 0.3s ease, transform 0.3s ease;\r\n }\r\n\r\n .social-links a:hover {\r\n color: #00f0ff;\r\n transform: translateX(5px);\r\n }\r\n\r\n .social-links i {\r\n font-size: 1.2em;\r\n color: #888;\r\n transition: color 0.3s;\r\n }\r\n\r\n .social-links a:hover i {\r\n color: #00f0ff;\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n margin-top: 60px;\r\n color: #555;\r\n font-size: 0.85em;\r\n border-top: 1px solid #222;\r\n padding-top: 20px;\r\n }\r\n\r\n \/* RESPONSIVO *\/\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 header.scrolled {\r\n transform: none;\r\n }\r\n nav {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n top: 60px;\r\n flex-direction: column;\r\n padding: 12px 16px 16px;\r\n background: rgba(3, 7, 18, 0.98);\r\n border-bottom: 1px solid rgba(30, 64, 175, 0.5);\r\n display: none;\r\n }\r\n nav.open {\r\n display: flex;\r\n }\r\n .contact-btn {\r\n display: none;\r\n }\r\n .menu-toggle {\r\n display: inline-flex;\r\n align-items: center;\r\n }\r\n main {\r\n padding: 90px 18px 60px;\r\n }\r\n .store-hero {\r\n grid-template-columns: minmax(0, 1fr);\r\n }\r\n .store-hero-right {\r\n order: -1;\r\n }\r\n .store-toolbar {\r\n align-items: flex-start;\r\n }\r\n .store-grid {\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n }\r\n }\r\n\r\n @media (max-width: 720px) {\r\n .store-grid {\r\n grid-template-columns: minmax(0, 1fr);\r\n }\r\n .footer {\r\n padding-inline: 20px;\r\n }\r\n .store-hero-left,\r\n .store-hero-right {\r\n padding: 18px 16px 16px;\r\n }\r\n }\r\n\r\n \/* CART WIDGET *\/\r\n .cart-widget {\r\n position: fixed;\r\n top: 90px;\r\n right: 6vw;\r\n z-index: 40;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n\r\n .cart-toggle {\r\n appearance: none;\r\n border: none;\r\n background: radial-gradient(\r\n circle at 0 0,\r\n rgba(0, 240, 255, 0.2),\r\n transparent 60%\r\n ),\r\n rgba(15, 23, 42, 0.96);\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n border-radius: var(--radius-md);\r\n padding: 10px 14px;\r\n color: #e5e7eb;\r\n font-size: 0.85rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.2s ease;\r\n backdrop-filter: blur(var(--blur-lg));\r\n }\r\n\r\n .cart-toggle:hover {\r\n border-color: rgba(34, 211, 238, 0.9);\r\n box-shadow: 0 0 16px rgba(34, 211, 238, 0.5);\r\n color: var(--accent);\r\n }\r\n\r\n .cart-toggle i {\r\n color: var(--accent);\r\n font-size: 1rem;\r\n }\r\n\r\n .cart-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n min-width: 20px;\r\n height: 20px;\r\n border-radius: 999px;\r\n background: linear-gradient(\r\n 120deg,\r\n var(--accent),\r\n var(--accent-strong)\r\n );\r\n color: #020617;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n }\r\n\r\n .cart-panel {\r\n position: fixed;\r\n top: 130px;\r\n right: 6vw;\r\n width: 320px;\r\n max-height: 500px;\r\n background: rgba(15, 23, 42, 0.98);\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n border-radius: var(--radius-md);\r\n box-shadow: 0 24px 60px rgba(15, 23, 42, 0.95);\r\n backdrop-filter: blur(var(--blur-lg));\r\n display: none;\r\n flex-direction: column;\r\n z-index: 40;\r\n overflow: hidden;\r\n animation: slideIn 0.25s ease;\r\n }\r\n\r\n .cart-panel.open {\r\n display: flex;\r\n }\r\n\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .cart-header {\r\n padding: 14px 16px;\r\n border-bottom: 1px solid rgba(148, 163, 184, 0.5);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n\r\n .cart-header h3 {\r\n font-size: 0.95rem;\r\n color: #e5e7eb;\r\n margin: 0;\r\n }\r\n\r\n .cart-close {\r\n background: none;\r\n border: none;\r\n color: rgba(148, 163, 184, 0.9);\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .cart-close:hover {\r\n color: var(--accent);\r\n }\r\n\r\n .cart-items {\r\n flex: 1;\r\n overflow-y: auto;\r\n padding: 12px 0;\r\n }\r\n\r\n .cart-item {\r\n padding: 10px 16px;\r\n border-bottom: 1px solid rgba(148, 163, 184, 0.3);\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: flex-start;\r\n gap: 8px;\r\n }\r\n\r\n .cart-item:last-child {\r\n border-bottom: none;\r\n }\r\n\r\n .cart-item-info {\r\n flex: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n }\r\n\r\n .cart-item-name {\r\n font-size: 0.8rem;\r\n color: #e5e7eb;\r\n font-weight: 500;\r\n }\r\n\r\n .cart-item-qty {\r\n font-size: 0.7rem;\r\n color: rgba(148, 163, 184, 0.9);\r\n }\r\n\r\n .cart-item-price {\r\n font-size: 0.8rem;\r\n color: var(--accent);\r\n font-weight: 600;\r\n }\r\n\r\n .cart-item-remove {\r\n background: none;\r\n border: none;\r\n color: rgba(209, 0, 0, 0.9);\r\n font-size: 0.85rem;\r\n cursor: pointer;\r\n padding: 0;\r\n transition: color 0.2s ease;\r\n }\r\n\r\n .cart-item-remove:hover {\r\n color: var(--danger);\r\n }\r\n\r\n .cart-empty {\r\n padding: 24px 16px;\r\n text-align: center;\r\n color: rgba(148, 163, 184, 0.9);\r\n font-size: 0.8rem;\r\n }\r\n\r\n .cart-footer {\r\n padding: 14px 16px;\r\n border-top: 1px solid rgba(148, 163, 184, 0.5);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n\r\n .cart-total {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n font-size: 0.9rem;\r\n color: #e5e7eb;\r\n }\r\n\r\n .cart-total strong {\r\n color: var(--accent);\r\n font-size: 1rem;\r\n }\r\n\r\n a.added_to_cart.wc-forward {\r\n display: none !important;\r\n }\r\n\r\n .cart-actions {\r\n display: flex;\r\n gap: 8px;\r\n }\r\n\r\n .cart-actions button {\r\n flex: 1;\r\n padding: 8px 12px;\r\n border-radius: var(--radius-pill);\r\n border: none;\r\n font-size: 0.75rem;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-transform: uppercase;\r\n letter-spacing: 0.04em;\r\n }\r\n\r\n .cart-actions .btn-view {\r\n background: rgba(15, 23, 42, 0.98);\r\n color: #e5e7eb;\r\n border: 1px solid rgba(148, 163, 184, 0.7);\r\n }\r\n\r\n .cart-actions .btn-view:hover {\r\n border-color: rgba(34, 211, 238, 0.9);\r\n color: var(--accent);\r\n }\r\n\r\n .cart-actions .btn-checkout {\r\n background: linear-gradient(\r\n 120deg,\r\n var(--accent),\r\n var(--accent-strong)\r\n );\r\n color: #020617;\r\n box-shadow: 0 10px 24px rgba(34, 211, 238, 0.7);\r\n }\r\n\r\n .cart-actions .btn-checkout:hover {\r\n transform: translateY(-1px);\r\n box-shadow: 0 14px 32px rgba(34, 211, 238, 0.85);\r\n }\r\n\r\n .cart-empty-active .btn-checkout {\r\n opacity: 0.5;\r\n pointer-events: none;\r\n }\r\n\r\n @media (max-width: 980px) {\r\n .cart-widget {\r\n right: 18px;\r\n top: 80px;\r\n }\r\n .cart-panel {\r\n right: 18px;\r\n width: 280px;\r\n }\r\n }\r\n\r\n @media (max-width: 720px) {\r\n .cart-widget {\r\n top: 70px;\r\n }\r\n .cart-panel {\r\n width: 90vw;\r\n right: 5vw;\r\n max-height: 60vh;\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n <body>\r\n <!-- CART WIDGET -->\r\n <div class=\"cart-widget\">\r\n <button\r\n class=\"cart-toggle\"\r\n id=\"cart-toggle\"\r\n aria-label=\"Toggle shopping cart\"\r\n >\r\n <i class=\"fa-solid fa-shopping-cart\"><\/i>\r\n <span>Carrinho <span class=\"cart-badge\" id=\"cart-count\">0<\/span><\/span>\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"cart-panel\" id=\"cart-panel\">\r\n <div class=\"cart-header\">\r\n <h3>Carrinho de Compras<\/h3>\r\n <button class=\"cart-close\" id=\"cart-close\" aria-label=\"Close cart\">\r\n <i class=\"fa-solid fa-times\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"cart-items\" id=\"cart-items\">\r\n <div class=\"cart-empty\">Seu carrinho est\u00e1 vazio<\/div>\r\n <\/div>\r\n <div class=\"cart-footer\">\r\n <div class=\"cart-total\">\r\n <span>Total:<\/span>\r\n <strong id=\"cart-total\">$0.00<\/strong>\r\n <\/div>\r\n <div class=\"cart-actions\">\r\n <button class=\"btn-checkout\" id=\"btn-checkout\">Checkout<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <!-- HEADER -->\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 <button\r\n class=\"menu-toggle\"\r\n onclick=\"document.querySelector('nav').classList.toggle('open')\"\r\n >\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\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\/\" class=\"active\">Loja<\/a>\r\n <\/nav>\r\n <a class=\"contact-btn\" href=\"#contact\">Contato<\/a>\r\n <\/header>\r\n\r\n <!-- CONTE\u00daDO PRINCIPAL DA LOJA -->\r\n <main>\r\n <!-- HERO \/ CABE\u00c7ALHO DA LOJA -->\r\n <section class=\"store-hero\">\r\n <div class=\"store-hero-left\">\r\n <div class=\"store-tagline\">\r\n <i class=\"fa-solid fa-bolt\"><\/i>\r\n ZoeFlex Store \u2022 Produtos Digitais\r\n <\/div>\r\n <h1>\r\n Solu\u00e7\u00f5es de Automa\u00e7\u00e3o, APIs e IA prontas para implementar no seu neg\u00f3cio.\r\n <\/h1>\r\n <p>\r\n Welcome to the ZoeFlex Store. Here you'll find automations, AI\r\n assistants, integrations, and strategic packages focused on\r\n performance. Everything ready to be connected to your ecosystem and\r\n start generating real results.\r\n <\/p>\r\n\r\n <div class=\"store-hero-highlight\">\r\n <span\r\n ><i class=\"fa-solid fa-robot\"><\/i>AI Assistants personalized<\/span\r\n>\r\n <span\r\n ><i class=\"fa-solid fa-diagram-project\"><\/i>Custom Integrations\r\n and APIs<\/span\r\n>\r\n <span\r\n ><i class=\"fa-solid fa-bullseye\"><\/i>Marketing packs and\r\n Automation<\/span\r\n>\r\n <\/div>\r\n\r\n <div class=\"store-hero-cta\">\r\n <button\r\n class=\"btn-primary\"\r\n onclick=\"document.getElementById('store-grid').scrollIntoView({behavior:'smooth'})\"\r\n >\r\n <i class=\"fa-solid fa-cart-shopping\"><\/i>\r\n Ver produtos\r\n <\/button>\r\n <button\r\n class=\"btn-ghost\"\r\n onclick=\"document.getElementById('contact').scrollIntoView({behavior:'smooth'})\"\r\n >\r\n <i class=\"fa-regular fa-comments\"><\/i>\r\n Discuta um projeto personalizado\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- TOOLBAR \/ FILTROS -->\r\n <section class=\"store-toolbar\" aria-label=\"Filtros da loja\">\r\n <div class=\"store-filters\">\r\n <button class=\"active\" data-filter=\"all\">\r\n <i class=\"fa-solid fa-grid-2\"><\/i>\r\n Todos\r\n <\/button>\r\n <button data-filter=\"automation\">\r\n <i class=\"fa-solid fa-gears\"><\/i>\r\n Automa\u00e7\u00f5es\r\n <\/button>\r\n <button data-filter=\"assistant\">\r\n <i class=\"fa-solid fa-robot\"><\/i>\r\n Assistentes de IA\r\n <\/button>\r\n <button data-filter=\"api\">\r\n <i class=\"fa-solid fa-code\"><\/i>\r\n APIs & integra\u00e7\u00f5es\r\n <\/button>\r\n <button data-filter=\"marketing\">\r\n <i class=\"fa-solid fa-bullhorn\"><\/i>\r\n Marketing \/ An\u00fancios\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"store-search\">\r\n <i class=\"fa-solid fa-magnifying-glass\"><\/i>\r\n <input\r\n type=\"text\"\r\n id=\"store-search-input\"\r\n placeholder=\"Pesquise por nome, tipo ou ID...\"\r\n aria-label=\"Search product\"\r\n \/>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- GRID DE PRODUTOS (\u00c1REA PARA WOOCOOMMERCE) -->\r\n <section id=\"store-grid\" class=\"store-grid\">\r\n <!-- PRODUCT A: Meta Ads \u2013 Basic -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"marketing\"\r\n data-product-id=\"1514\"\r\n data-keywords=\"meta ads paid traffic gest\u00e3o de tr\u00e1fego basic facebook instagram\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n Meta Ads \u2022 Basic\r\n <\/div>\r\n <div class=\"product-id\">ID #1514<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Meta Ads \u2013 Basic Plan<\/div>\r\n <div class=\"product-subtitle\">\r\n Gest\u00e3o de tr\u00e1fego pago de n\u00edvel b\u00e1sico para empresas em crescimento\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n 10 pe\u00e7as publicit\u00e1rias por m\u00eas (designs est\u00e1ticos)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Compra de m\u00eddia com investimento de at\u00e9 US$ 1.500\/m\u00eas em an\u00fancios Meta.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Edi\u00e7\u00e3o de at\u00e9 2 v\u00eddeos por m\u00eas para campanhas\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Gest\u00e3o completa de tr\u00e1fego pago (Gerenciador de Meta An\u00fancios)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Campanhas estrat\u00e9gicas com p\u00fablicos espec\u00edficos e mercado local\nestudo\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Meta Ads<\/span>\r\n <span>Tr\u00e1fego Pago<\/span>\r\n <span>Plano Mensal<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$1,000\/month<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1514\"\r\n data-product-id=\"1514\"\r\n type=\"button\"\r\n aria-label=\"Add Meta Ads \u2013 Basic Plan to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Meta Ads \u2013 Basic Plan\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Gest\u00e3o mensal de Meta Ads (Facebook e Instagram) com foco em\ntestes de desempenho e p\u00fablico-alvo. Ideal para empresas que est\u00e3o come\u00e7ando\ncom tr\u00e1fego pago e precisam de uma presen\u00e7a consistente com\ncriativos profissionais e segmenta\u00e7\u00e3o estrat\u00e9gica.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT B: Meta Ads \u2013 Medium -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"marketing\"\r\n data-product-id=\"1515\"\r\n data-keywords=\"meta ads paid traffic gest\u00e3o de tr\u00e1fego medium facebook instagram\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n Meta Ads \u2022 Medium\r\n <\/div>\r\n <div class=\"product-id\">ID #1515<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Meta Ads \u2013 Medium Plan<\/div>\r\n <div class=\"product-subtitle\">\r\n Gest\u00e3o avan\u00e7ada de tr\u00e1fego com maior volume e recursos criativos.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n 20 pe\u00e7as publicit\u00e1rias por m\u00eas (designs est\u00e1ticos)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Compra de m\u00eddia com investimento de at\u00e9 US$ 2.500\/m\u00eas em an\u00fancios Meta.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Edi\u00e7\u00e3o de at\u00e9 5 v\u00eddeos por m\u00eas para campanhas.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Gest\u00e3o e otimiza\u00e7\u00e3o completas de tr\u00e1fego pago.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Campanhas estrat\u00e9gicas e segmentadas com pesquisa de p\u00fablico-alvo para\nseu nicho\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Meta Ads<\/span>\r\n <span>Tr\u00e1fego Pago<\/span>\r\n <span>Dimensionamento<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$1,800\/month<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1515\"\r\n data-product-id=\"1515\"\r\n type=\"button\"\r\n aria-label=\"Add Meta Ads \u2013 Medium Plan to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Meta Ads \u2013 Medium Plan\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Para empresas que j\u00e1 investem de forma mais consistente em m\u00eddia e\nprecisam de um volume maior de criativos e testes. Inclui otimiza\u00e7\u00e3o cont\u00ednua\ne estrat\u00e9gia de p\u00fablico-alvo para escalar campanhas,\nprotegendo o ROI.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT C: Meta Ads \u2013 Premium -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"marketing\"\r\n data-product-id=\"1516\"\r\n data-keywords=\"meta ads paid traffic gest\u00e3o de tr\u00e1fego premium social media manager high budget\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-bullseye\"><\/i>\r\n Meta Ads \u2022 Premium\r\n <\/div>\r\n <div class=\"product-id\">ID #1516<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Meta Ads \u2013 Premium Plan<\/div>\r\n <div class=\"product-subtitle\">\r\n Alto volume de tr\u00e1fego pago com gerente de m\u00eddias sociais dedicado.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n 50 pe\u00e7as publicit\u00e1rias por m\u00eas (designs est\u00e1ticos)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Compra de m\u00eddia com investimento de at\u00e9 US$ 10.000\/m\u00eas em an\u00fancios Meta.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Edi\u00e7\u00e3o de at\u00e9 10 v\u00eddeos por m\u00eas para campanhas.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Estrat\u00e9gia de tr\u00e1fego de funil completo e gerenciamento de campanhas\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Gerente de M\u00eddias Sociais dedicado, respons\u00e1vel por responder e encaminhar mensagens\ndas 9h \u00e0s 17h, de segunda a s\u00e1bado\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Pesquisa aprofundada de p\u00fablico-alvo e segmenta\u00e7\u00e3o estrat\u00e9gica para o seu mercado\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Meta Ads<\/span>\r\n <span>Or\u00e7amento alto<\/span>\r\n <span>Gerente de m\u00eddias sociais<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$5,000\/month<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1516\"\r\n data-product-id=\"1516\"\r\n type=\"button\"\r\n aria-label=\"Add Meta Ads \u2013 Premium Plan to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Meta Ads \u2013 Premium Plan\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Opera\u00e7\u00e3o de tr\u00e1fego de n\u00edvel premium para empresas que precisam de alto\nvolume, agilidade e suporte humano. Combina estrat\u00e9gia de campanha avan\u00e7ada,\nprodu\u00e7\u00e3o criativa em larga escala e um gerente de m\u00eddias sociais dedicado para responder, direcionar e nutrir leads em tempo real.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 1: Kit Start -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"automation\"\r\n data-product-id=\"1375\"\r\n data-keywords=\"kit start crm setup branding logo graphics\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Kit Start\r\n <\/div>\r\n <div class=\"product-id\">ID #1375<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Kit Start<\/div>\r\n <div class=\"product-subtitle\">\r\n Configura\u00e7\u00e3o completa de CRM com elementos essenciais de personaliza\u00e7\u00e3o da marca.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Configura\u00e7\u00e3o e personaliza\u00e7\u00e3o de CRM\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Logotipo + 5 pe\u00e7as gr\u00e1ficas personalizadas para publicidade\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Personaliza\u00e7\u00e3o de Invoice\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n V\u00eddeo tutorial de CRM\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Suporte \u00e0 implementa\u00e7\u00e3o por 1 semana\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Configura\u00e7\u00e3o de CRM<\/span>\r\n <span>Marca<\/span>\r\n <span>In\u00edcio r\u00e1pido<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$1,200<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1375\"\r\n data-product-id=\"1375\"\r\n type=\"button\"\r\n aria-label=\"Add Kit Start to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"Configura\u00e7\u00e3o completa de CRM com elementos essenciais de personaliza\u00e7\u00e3o da marca. Esta solu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata e suporte cont\u00ednuo.\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Configura\u00e7\u00e3o completa de CRM com elementos essenciais de personaliza\u00e7\u00e3o da marca. Esta solu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata e suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 2: Kit Medium -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"automation\"\r\n data-product-id=\"1376\"\r\n data-keywords=\"kit medium crm brand manual guidelines\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Kit Medium\r\n <\/div>\r\n <div class=\"product-id\">ID #1376<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Kit Medium<\/div>\r\n <div class=\"product-subtitle\">\r\n CRM aprimorado com diretrizes de marca e suporte ampliado.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Configura\u00e7\u00e3o e personaliza\u00e7\u00e3o de CRM\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Logotipo + manual completo da marca (cores, fontes)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n 10 gr\u00e1ficos publicit\u00e1rios personalizados\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Personaliza\u00e7\u00e3o de Invoice\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n V\u00eddeo tutorial de CRM\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Suporte \u00e0 implementa\u00e7\u00e3o por 2 semanas\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Configura\u00e7\u00e3o de CRM<\/span>\r\n <span>Diretrizes da marca<\/span>\r\n <span>Suporte Estendido<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$2,000<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1376\"\r\n data-product-id=\"1376\"\r\n type=\"button\"\r\n aria-label=\"Add Kit Medium to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Kit Medium\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n CRM aprimorado com diretrizes de marca e suporte estendido. Esta\nsolu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata\ne suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 3: Kit Premium -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"automation\"\r\n data-product-id=\"1377\"\r\n data-keywords=\"kit premium crm automation api training\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Kit Premium\r\n <\/div>\r\n <div class=\"product-id\">ID #1377<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Kit Premium<\/div>\r\n <div class=\"product-subtitle\">\r\n Solu\u00e7\u00e3o completa com automa\u00e7\u00e3o de API e treinamento presencial.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Configura\u00e7\u00e3o e personaliza\u00e7\u00e3o de CRM\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Integra\u00e7\u00e3o de sistemas via automa\u00e7\u00e3o de API (at\u00e9 3 conex\u00f5es)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Sess\u00e3o de treinamento presencial (regi\u00e3o de Orlando)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Logotipo + diretrizes completas da marca\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n 30 gr\u00e1ficos publicit\u00e1rios personalizados\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Personaliza\u00e7\u00e3o de Invoice\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Suporte \u00e0 implementa\u00e7\u00e3o por 1 m\u00eas\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Configura\u00e7\u00e3o de CRM<\/span>\r\n <span>Integra\u00e7\u00e3o de API<\/span>\r\n <span>Treinamento<\/span>\r\n <span>Premium<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$5,000<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1377\"\r\n data-product-id=\"1377\"\r\n type=\"button\"\r\n aria-label=\"Add Kit Premium to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Kit Premium\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Solu\u00e7\u00e3o completa com automa\u00e7\u00e3o de API e treinamento presencial.\nEsta solu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata\ne suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 4: Contact Finder Tool -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"assistant\"\r\n data-product-id=\"1378\"\r\n data-keywords=\"contact finder tool lead generation phone\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Ferramenta de localiza\u00e7\u00e3o de contatos\r\n <\/div>\r\n <div class=\"product-id\">ID #1378<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Ferramenta de localiza\u00e7\u00e3o de contatos<\/div>\r\n <div class=\"product-subtitle\">\r\n Acesso pr\u00e9-pago ao sistema inteligente de descoberta de contatos.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Pesquise contatos comerciais e pessoais pelo nome.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Recupere n\u00fameros de telefone e informa\u00e7\u00f5es do propriet\u00e1rio.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Acesse pelo painel de login ou pelo grupo do WhatsApp.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Verifica\u00e7\u00e3o de contato em tempo real\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Assinatura mensal recorrente\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Descoberta de contato<\/span>\r\n <span>Gera\u00e7\u00e3o de Lead<\/span>\r\n <span>Integra\u00e7\u00e3o com WhatsApp<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$39\/m\u00eas<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1378\"\r\n data-product-id=\"1378\"\r\n type=\"button\"\r\n aria-label=\"Add Contact Finder Tool to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Contact Finder Tool\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Acesso pr\u00e9-pago a um sistema inteligente de descoberta de contatos. Esta\nsolu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata\ne suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 5: AI Image Optimizer & Generator -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"assistant\"\r\n data-product-id=\"1379\"\r\n data-keywords=\"ai image generator ads creative optimization credits\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n AI Image Optimizer & Generator\r\n <\/div>\r\n <div class=\"product-id\">ID #1379<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">AI Image Optimizer & Generator<\/div>\r\n <div class=\"product-subtitle\">\r\n Gera\u00e7\u00e3o automatizada de an\u00fancios criativos com conformidade \u00e0 marca.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Otimiza\u00e7\u00e3o criativa de an\u00fancios com intelig\u00eancia artificial\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Gera\u00e7\u00e3o autom\u00e1tica de imagens seguindo os padr\u00f5es da marca.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Integra\u00e7\u00e3o de grupos do WhatsApp para colabora\u00e7\u00e3o em equipe\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Varia\u00e7\u00f5es criativas instant\u00e2neas para teste\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Sistema de cr\u00e9dito pr\u00e9-pago\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Criativo de IA<\/span>\r\n <span>Otimiza\u00e7\u00e3o de an\u00fancios<\/span>\r\n <span>IA do WhatsApp<\/span>\r\n <\/div>\r\n\r\n <p class=\"product-note\">\r\n Ap\u00f3s a compra ou recarga de cr\u00e9ditos, um membro da nossa equipe entrar\u00e1 em contato para configurar e conectar seu Otimizador de Imagens com IA.\r\n <\/p>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$10 \/ $30 \/ $50 (cr\u00e9ditos)<\/div>\r\n\r\n <div class=\"product-cta ai-credit-wrapper\">\r\n <!-- bot\u00e3o principal: abre\/fecha o seletor -->\r\n <button\r\n class=\"btn-cart ai-credit-toggle\"\r\n type=\"button\"\r\n aria-label=\"Select credit amount for AI Image Optimizer & Generator\"\r\n >\r\n <i class=\"fa-solid fa-sliders\"><\/i>\r\n Selecione o valor\r\n <\/button>\r\n\r\n <!-- op\u00e7\u00f5es de recarga: cada uma \u00e9 um produto Woo -->\r\n <div class=\"ai-credit-options\">\r\n <button\r\n class=\"btn-outline btn-credit add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1379\"\r\n data-product-id=\"1379\"\r\n type=\"button\"\r\n aria-label=\"Add $10 credits\"\r\n >\r\n $10 Credits\r\n <\/button>\r\n\r\n <button\r\n class=\"btn-outline btn-credit add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1520\"\r\n data-product-id=\"1520\"\r\n type=\"button\"\r\n aria-label=\"Add $30 credits\"\r\n >\r\n $30 Credits\r\n <\/button>\r\n\r\n <button\r\n class=\"btn-outline btn-credit add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1522\"\r\n data-product-id=\"1522\"\r\n type=\"button\"\r\n aria-label=\"Add $50 credits\"\r\n >\r\n $50 Credits\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Automated ad creative generation with brand compliance. This\r\n solution uses a pre-paid credit system, so you can scale creative\r\n production according to your campaign needs.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n\r\n <!-- PRODUCT 6: AI Receptionist Assistant -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"assistant\"\r\n data-product-id=\"1380\"\r\n data-keywords=\"ai receptionist whatsapp lead qualification\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Assistente de Recepcionista IA\r\n <\/div>\r\n <div class=\"product-id\">ID #1380<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Assistente de Recepcionista IA<\/div>\r\n <div class=\"product-subtitle\">\r\n Recepcionista inteligente do WhatsApp para qualifica\u00e7\u00e3o de leads\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Atendimento automatizado de leads 24 horas por dia, 7 dias por semana, via WhatsApp.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Encaminhamento inteligente para os departamentos corretos\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Qualifica\u00e7\u00e3o e coleta de informa\u00e7\u00f5es de leads\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Transi\u00e7\u00e3o perfeita para agentes humanos\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Registros de conversas e an\u00e1lises\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>IA do WhatsApp<\/span>\r\n <span>Qualifica\u00e7\u00e3o de leads<\/span>\r\n <span>Automa\u00e7\u00e3o<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$600<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1380\"\r\n data-product-id=\"1380\"\r\n type=\"button\"\r\n aria-label=\"Add AI Receptionist Assistant to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for AI Receptionist Assistant\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Recepcionista inteligente do WhatsApp para qualifica\u00e7\u00e3o de leads. Esta\nsolu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata\ne suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 7: Website & E-Commerce -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"marketing\"\r\n data-product-id=\"1381\"\r\n data-keywords=\"website ecommerce design development\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Sites & E-Commerce\r\n <\/div>\r\n <div class=\"product-id\">ID #1381<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Sites & E-Commerce<\/div>\r\n <div class=\"product-subtitle\">\r\n Site profissional com configura\u00e7\u00e3o e treinamento para e-commerce.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Design e desenvolvimento de sites personalizados\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Configura\u00e7\u00e3o de com\u00e9rcio eletr\u00f4nico (at\u00e9 10 produtos)\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Tutorial em v\u00eddeo sobre gest\u00e3o de produtos\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Design criativo de cabe\u00e7alho de site\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Logotipo e 10 pe\u00e7as gr\u00e1ficas publicit\u00e1rias inclu\u00eddas.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Design alinhado \u00e0 marca\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Web Design<\/span>\r\n <span>E-Commerce<\/span>\r\n <span>Marca<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$2,000<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1381\"\r\n data-product-id=\"1381\"\r\n type=\"button\"\r\n aria-label=\"Add Website & E-Commerce to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Website & E-Commerce\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Site profissional com configura\u00e7\u00e3o e treinamento de e-commerce. Esta\nsolu\u00e7\u00e3o inclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata\ne suporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 8: Automation System -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"automation\"\r\n data-product-id=\"1382\"\r\n data-keywords=\"automation system billing invoice email\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Sistema de Automa\u00e7\u00e3o\r\n <\/div>\r\n <div class=\"product-id\">ID #1382<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Sistema de Automa\u00e7\u00e3o<\/div>\r\n <div class=\"product-subtitle\">\r\n Automa\u00e7\u00e3o completa de faturamento e comunica\u00e7\u00e3o\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Faturamento automatizado e gera\u00e7\u00e3o de faturas\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Notifica\u00e7\u00f5es autom\u00e1ticas por e-mail\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Lembretes de pagamento do cliente\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Preven\u00e7\u00e3o de erros e consist\u00eancia de dados\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Carga de trabalho manual reduzida\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Automa\u00e7\u00e3o de faturamento<\/span>\r\n <span>Automa\u00e7\u00e3o de e-mail<\/span>\r\n <span>CRM<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$2,000<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1382\"\r\n data-product-id=\"1382\"\r\n type=\"button\"\r\n aria-label=\"Add Automation System to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for Automation System\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Automa\u00e7\u00e3o completa de faturamento e comunica\u00e7\u00e3o. Esta solu\u00e7\u00e3o\ninclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata e\nsuporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 9: API & System Integration -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"api\"\r\n data-product-id=\"1383\"\r\n data-keywords=\"api integration system connection automation\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n API & Integra\u00e7\u00e3o de sistemas\r\n <\/div>\r\n <div class=\"product-id\">ID #1383<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">API & Integra\u00e7\u00e3o de sistemas<\/div>\r\n <div class=\"product-subtitle\">\r\n Conecte e sincronize os sistemas da sua empresa.\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Integra\u00e7\u00e3o de sistemas via API ou conex\u00e3o manual\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Sincroniza\u00e7\u00e3o de dados entre plataformas\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Preven\u00e7\u00e3o de erros e consist\u00eancia\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Entradas duplicadas reduzidas\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Arquitetura escal\u00e1vel\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Integra\u00e7\u00e3o de API<\/span>\r\n <span>Sincroniza\u00e7\u00e3o do Sistema<\/span>\r\n <span>Gerenciamento de Dados<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$1,000 por conex\u00e3o<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1383\"\r\n data-product-id=\"1383\"\r\n type=\"button\"\r\n aria-label=\"Add API & System Integration to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for API & System Integration\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Conecte e sincronize os sistemas da sua empresa. Esta solu\u00e7\u00e3o\ninclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata e\nsuporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- PRODUCT 10: WhatsApp Automated Attendant -->\r\n <article\r\n class=\"product-card\"\r\n data-category=\"assistant\"\r\n data-product-id=\"1384\"\r\n data-keywords=\"whatsapp automated attendant customer service\"\r\n >\r\n <div class=\"product-orbit\">\r\n <div class=\"product-chip\">\r\n <i class=\"fa-solid fa-star\"><\/i>\r\n Atendimento autom\u00e1tico do WhatsApp\r\n <\/div>\r\n <div class=\"product-id\">ID #1384<\/div>\r\n <\/div>\r\n\r\n <div class=\"product-body\">\r\n <div class=\"product-title\">Atendimento autom\u00e1tico do WhatsApp<\/div>\r\n <div class=\"product-subtitle\">\r\n Sistema inteligente de resposta inicial e roteamento\r\n <\/div>\r\n\r\n <ul class=\"product-benefits\">\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Resposta inicial imediata \u00e0s consultas dos clientes.\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Roteamento e dire\u00e7\u00e3o inteligentes\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Experi\u00eancia do cliente r\u00e1pida e eficiente\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Primeira impress\u00e3o profissional\r\n <\/li>\r\n <li>\r\n <i class=\"fa-solid fa-check\"><\/i>\r\n Disponibilidade 24\/7\r\n <\/li>\r\n <\/ul>\r\n\r\n <div class=\"product-tags\">\r\n <span>Automa\u00e7\u00e3o do WhatsApp<\/span>\r\n <span>Atendimento ao Cliente<\/span>\r\n <span>AI<\/span>\r\n <\/div>\r\n\r\n <div class=\"product-footer\">\r\n <div class=\"product-price\">$600<\/div>\r\n <div class=\"product-cta\">\r\n <button\r\n class=\"btn-cart add_to_cart_button ajax_add_to_cart\"\r\n data-product_id=\"1384\"\r\n data-product-id=\"1384\"\r\n type=\"button\"\r\n aria-label=\"Add WhatsApp Automated Attendant to cart\"\r\n >\r\n <i class=\"fa-solid fa-cart-plus\"><\/i>\r\n Adicionar\r\n <\/button>\r\n <button\r\n class=\"btn-outline product-toggle\"\r\n type=\"button\"\r\n aria-label=\"View details for WhatsApp Automated Attendant\"\r\n >\r\n Detalhes\r\n <i class=\"fa-solid fa-chevron-down\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"product-extra\">\r\n Sistema inteligente de resposta inicial e roteamento. Esta solu\u00e7\u00e3o\ninclui todos os componentes necess\u00e1rios para implementa\u00e7\u00e3o imediata e\nsuporte cont\u00ednuo.\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n <\/section>\r\n\r\n <!-- SE\u00c7\u00c3O DE CONTATO (ANCHOR PARA O HEADER) -->\r\n <section id=\"contact\" class=\"contact-section\" style=\"padding: 80px 0 0\">\r\n <!-- Aqui voc\u00ea pode manter ou adaptar o formul\u00e1rio da Home se quiser,\r\n ou simplesmente usar esta se\u00e7\u00e3o como \u00e2ncora para o bot\u00e3o \"Contact\" -->\r\n <\/section>\r\n <\/main>\r\n\r\n <!-- FOOTER -->\r\n <footer class=\"footer\">\r\n <div class=\"footer-content\">\r\n <div class=\"footer-col\">\r\n <h4>Endere\u00e7o<\/h4>\r\n <p>Orlando, FL, US<\/p>\r\n <p><a href=\"tel:+13214665975\">+1 (321) 466-5975<\/a><\/p>\r\n <p>\r\n <a href=\"mailto:it@zoeflexsolutions.com\">it@zoeflexsolutions.com<\/a>\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col\">\r\n <h4>Quem somos<\/h4>\r\n <p>\r\n Zoe Flex Solutions is an innovative company specializing in\r\n artificial intelligence, automation, and digital solutions. Our goal\r\n is to transform businesses and optimize processes through\r\n cutting-edge technology, customized development, and efficient\r\n strategies.\r\n <\/p>\r\n <p>\r\n With a highly qualified team, we offer AI programming, API\r\n integration, task automation, digital marketing, and localized\r\n advertising\u2014always focusing on innovation, efficiency, and results.\r\n Whether you want to modernize your business, increase productivity,\r\n or expand your digital presence, Zoe Flex Solutions has the\r\n expertise to take your company to the next level. \ud83d\ude80\u2728\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"footer-col socials\">\r\n <h4>Social<\/h4>\r\n <div class=\"social-links\">\r\n <a href=\"https:\/\/instagram.com\" target=\"_blank\"\r\n ><i class=\"fab fa-instagram\"><\/i> Instagram<\/a\r\n>\r\n <a href=\"https:\/\/linkedin.com\" target=\"_blank\"\r\n ><i class=\"fab fa-linkedin\"><\/i> LinkedIn<\/a\r\n>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"footer-bottom\">\r\n \u00a9 2025 Zoe Flex Solutions. Todos os direitos reservados.\r\n <\/div>\r\n <\/footer>\r\n\r\n <!-- JS: anima\u00e7\u00f5es simples, header e filtros -->\r\n <script>\r\n \/\/ Header shrink ao scroll\r\n (function () {\r\n const header = document.getElementById(\"site-header\");\r\n window.addEventListener(\"scroll\", () => {\r\n if (window.scrollY > 20) {\r\n header.classList.add(\"scrolled\");\r\n } else {\r\n header.classList.remove(\"scrolled\");\r\n }\r\n });\r\n })();\r\n\r\n \/\/ Observer para entrar com anima\u00e7\u00e3o nos cards\r\n (function () {\r\n const cards = document.querySelectorAll(\".product-card\");\r\n if (!(\"IntersectionObserver\" in window)) {\r\n cards.forEach((c) => c.classList.add(\"visible\"));\r\n return;\r\n }\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"visible\");\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.3 }\r\n );\r\n cards.forEach((card) => observer.observe(card));\r\n })();\r\n\r\n \/\/ Filtros por categoria\r\n (function () {\r\n const filterButtons = document.querySelectorAll(\r\n \".store-filters button\"\r\n );\r\n const cards = document.querySelectorAll(\".product-card\");\r\n\r\n filterButtons.forEach((btn) => {\r\n btn.addEventListener(\"click\", () => {\r\n const filter = btn.getAttribute(\"data-filter\");\r\n filterButtons.forEach((b) => b.classList.remove(\"active\"));\r\n btn.classList.add(\"active\");\r\n\r\n cards.forEach((card) => {\r\n const cat = card.getAttribute(\"data-category\");\r\n const show = filter === \"all\" || cat === filter;\r\n card.style.display = show ? \"\" : \"none\";\r\n });\r\n });\r\n });\r\n })();\r\n\r\n \/\/ Search product por texto \/ id\r\n (function () {\r\n const input = document.getElementById(\"store-search-input\");\r\n if (!input) return;\r\n const cards = Array.from(document.querySelectorAll(\".product-card\"));\r\n\r\n input.addEventListener(\"input\", () => {\r\n const term = input.value.trim().toLowerCase();\r\n cards.forEach((card) => {\r\n const keywords =\r\n card.getAttribute(\"data-keywords\")?.toLowerCase() || \"\";\r\n const id = card.getAttribute(\"data-product-id\") || \"\";\r\n const title = card\r\n .querySelector(\".product-title\")\r\n ?.textContent.toLowerCase();\r\n\r\n const match =\r\n !term ||\r\n keywords.includes(term) ||\r\n id.includes(term) ||\r\n (title && title.includes(term));\r\n\r\n card.style.display = match ? \"\" : \"none\";\r\n });\r\n });\r\n })();\r\n\r\n \/\/ Toggle de detalhes extras\r\n (function () {\r\n document.addEventListener(\"click\", (ev) => {\r\n const toggle = ev.target.closest(\".product-toggle\");\r\n if (!toggle) return;\r\n const card = toggle.closest(\".product-card\");\r\n if (!card) return;\r\n card.classList.toggle(\"expanded\");\r\n });\r\n })();\r\n <\/script>\r\n\r\n <script>\r\n \/\/ Selector de cr\u00e9ditos do AI Image Optimizer\r\n (function () {\r\n const toggle = document.querySelector(\".ai-credit-toggle\");\r\n const options = document.querySelector(\".ai-credit-options\");\r\n if (!toggle || !options) return;\r\n\r\n toggle.addEventListener(\"click\", (e) => {\r\n e.stopPropagation();\r\n options.classList.toggle(\"open\");\r\n });\r\n\r\n \/\/ fecha op\u00e7\u00f5es se clicar fora\r\n document.addEventListener(\"click\", (e) => {\r\n if (!e.target.closest(\".ai-credit-wrapper\")) {\r\n options.classList.remove(\"open\");\r\n }\r\n });\r\n })();\r\n <\/script>\r\n\r\n <script>\r\n \/\/ Cart Widget Management\r\n (function () {\r\n const cartToggle = document.getElementById(\"cart-toggle\");\r\n const cartPanel = document.getElementById(\"cart-panel\");\r\n const cartClose = document.getElementById(\"cart-close\");\r\n const cartItemsContainer = document.getElementById(\"cart-items\");\r\n const cartCount = document.getElementById(\"cart-count\");\r\n const cartTotal = document.getElementById(\"cart-total\");\r\n \/\/ const btnViewCart = document.getElementById(\"btn-view-cart\"); \/\/ Removido\r\n const btnCheckout = document.getElementById(\"btn-checkout\");\r\n\r\n \/\/ Toggle cart panel\r\n cartToggle.addEventListener(\"click\", () => {\r\n cartPanel.classList.toggle(\"open\");\r\n });\r\n\r\n cartClose.addEventListener(\"click\", () => {\r\n cartPanel.classList.remove(\"open\");\r\n });\r\n\r\n \/\/ Close cart when clicking outside\r\n document.addEventListener(\"click\", (e) => {\r\n if (\r\n !e.target.closest(\".cart-widget\") &&\r\n !e.target.closest(\".cart-panel\")\r\n ) {\r\n cartPanel.classList.remove(\"open\");\r\n }\r\n });\r\n\r\n \/**\r\n * Fun\u00e7\u00e3o principal: ler o carrinho real do WooCommerce e preencher o widget\r\n * Usa a API de fragmentos do WooCommerce para obter dados atualizados\r\n *\/\r\n \/\/ Constr\u00f3i o widget a partir do HTML do mini-cart (string)\r\n function renderCartFromMiniCartHtml(miniCartHtml) {\r\n const cartItemsContainer = document.getElementById(\"cart-items\");\r\n const cartCount = document.getElementById(\"cart-count\");\r\n const cartTotal = document.getElementById(\"cart-total\");\r\n\r\n if (!miniCartHtml) {\r\n cartItemsContainer.innerHTML =\r\n '<div class=\"cart-empty\">Your cart is empty<\/div>';\r\n cartCount.textContent = \"0\";\r\n cartTotal.textContent = \"$0.00\";\r\n return;\r\n }\r\n\r\n const temp = document.createElement(\"div\");\r\n temp.innerHTML = miniCartHtml;\r\n\r\n const items = temp.querySelectorAll(\".woocommerce-mini-cart-item\");\r\n\r\n if (!items.length) {\r\n cartItemsContainer.innerHTML =\r\n '<div class=\"cart-empty\">Your cart is empty<\/div>';\r\n cartCount.textContent = \"0\";\r\n cartTotal.textContent = \"$0.00\";\r\n return;\r\n }\r\n\r\n let html = \"\";\r\n let totalQty = 0;\r\n\r\n items.forEach((item) => {\r\n let key = item.getAttribute(\"data-cart_item_key\");\r\n if (!key) {\r\n key = item.getAttribute(\"data-cart-item-key\");\r\n }\r\n if (!key) {\r\n const removeLink = item.querySelector(\r\n \".remove_from_cart_button, .remove\"\r\n );\r\n if (removeLink) {\r\n key = removeLink.getAttribute(\"data-cart_item_key\");\r\n }\r\n }\r\n\r\n \/\/ NOME\r\n let nameNode =\r\n item.querySelector(\".woocommerce-mini-cart__product-name\") ||\r\n item.querySelector(\".product-name\") ||\r\n item.querySelector(\".name\") ||\r\n item.querySelector(\r\n \"a:not(.remove):not(.woocommerce-mini-cart__product-thumbnail)\"\r\n );\r\n\r\n const name = nameNode ? nameNode.textContent.trim() : \"Product\";\r\n\r\n \/\/ QUANTIDADE (s\u00f3 o primeiro n\u00famero)\r\n let qty = 1;\r\n const qtyNode = item.querySelector(\".quantity\");\r\n if (qtyNode) {\r\n const match = qtyNode.textContent.match(\/^\\s*(\\d+)\/);\r\n if (match) {\r\n qty = parseInt(match[1], 10) || 1;\r\n }\r\n }\r\n\r\n const priceText =\r\n item.querySelector(\".woocommerce-Price-amount\")?.textContent ||\r\n \"$0.00\";\r\n\r\n totalQty += qty;\r\n\r\n html += `\r\n <div class=\"cart-item\" data-cart-key=\"${key}\">\r\n <div class=\"cart-item-info\">\r\n <div class=\"cart-item-name\">${name}<\/div>\r\n <div class=\"cart-item-qty\">Qty: ${qty}<\/div>\r\n <div class=\"cart-item-price\">${priceText}<\/div>\r\n <\/div>\r\n <button class=\"cart-item-remove\" data-cart-key=\"${key}\" aria-label=\"Remove item\">\r\n <i class=\"fa-solid fa-trash\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `;\r\n });\r\n\r\n cartItemsContainer.innerHTML = html;\r\n cartCount.textContent = totalQty.toString();\r\n\r\n const totalNode = temp.querySelector(\r\n \".woocommerce-mini-cart__total .woocommerce-Price-amount\"\r\n );\r\n if (totalNode) {\r\n cartTotal.textContent = totalNode.textContent;\r\n }\r\n }\r\n\r\n function refreshCartFromWoo() {\r\n if (!window.jQuery || !window.wc_add_to_cart_params) return;\r\n\r\n const $ = window.jQuery;\r\n const ajaxUrl = wc_add_to_cart_params.wc_ajax_url.replace(\r\n \"%%endpoint%%\",\r\n \"get_refreshed_fragments\"\r\n );\r\n\r\n $.post(ajaxUrl, {}, function (response) {\r\n if (!response || !response.fragments) {\r\n renderCartFromMiniCartHtml(\"\");\r\n return;\r\n }\r\n updateCartFromFragments(response.fragments);\r\n });\r\n }\r\n\r\n \/\/ Atualiza o widget a partir do objeto de fragments do Woo\r\n function updateCartFromFragments(fragments) {\r\n if (!fragments) return;\r\n const miniCartHtml = fragments[\"div.widget_shopping_cart_content\"];\r\n renderCartFromMiniCartHtml(miniCartHtml);\r\n }\r\n\r\n \/**\r\n * Remove um item do carrinho do WooCommerce via AJAX\r\n * @param {string} cartItemKey - Chave \u00fanica do item no carrinho\r\n *\/\r\n function removeFromWooCart(cartItemKey) {\r\n if (!window.jQuery || !window.wc_add_to_cart_params) return;\r\n\r\n const $ = window.jQuery;\r\n const ajaxUrl = wc_add_to_cart_params.wc_ajax_url.replace(\r\n \"%%endpoint%%\",\r\n \"remove_from_cart\"\r\n );\r\n\r\n $.ajax({\r\n type: \"POST\",\r\n url: ajaxUrl,\r\n data: { cart_item_key: cartItemKey },\r\n dataType: \"json\",\r\n success: function (response) {\r\n if (response && response.fragments) {\r\n updateCartFromFragments(response.fragments);\r\n } else {\r\n refreshCartFromWoo();\r\n }\r\n },\r\n error: function () {\r\n refreshCartFromWoo();\r\n },\r\n });\r\n }\r\n\r\n \/**\r\n * Listener para remover itens do carrinho via widget\r\n * Quando o usu\u00e1rio clica no bot\u00e3o de lixeira, remove do WooCommerce\r\n *\/\r\n document.addEventListener(\"click\", function (e) {\r\n const btn = e.target.closest(\".cart-item-remove\");\r\n if (!btn) return;\r\n e.preventDefault();\r\n e.stopPropagation();\r\n const key = btn.getAttribute(\"data-cart-key\");\r\n if (key) {\r\n btn.disabled = true;\r\n btn.style.opacity = \"0.5\";\r\n removeFromWooCart(key);\r\n setTimeout(() => {\r\n btn.disabled = false;\r\n btn.style.opacity = \"1\";\r\n }, 1000);\r\n }\r\n });\r\n\r\n \/**\r\n * Registrar listeners para eventos do WooCommerce\r\n * Sincroniza o widget com o carrinho real sempre que h\u00e1 mudan\u00e7as\r\n *\/\r\n if (window.jQuery) {\r\n const $ = window.jQuery;\r\n\r\n \/\/ Quando Woo adicionar\/remover e j\u00e1 mandar fragments, s\u00f3 reaproveita\r\n $(document.body).on(\r\n \"added_to_cart removed_from_cart wc_fragments_refreshed\",\r\n function (event, fragments) {\r\n if (fragments && fragments[\"div.widget_shopping_cart_content\"]) {\r\n updateCartFromFragments(fragments);\r\n } else {\r\n \/\/ fallback se por algum motivo n\u00e3o vier fragments\r\n refreshCartFromWoo();\r\n }\r\n\r\n const cartPanel = document.getElementById(\"cart-panel\");\r\n if (cartPanel) {\r\n cartPanel.classList.add(\"open\");\r\n }\r\n }\r\n );\r\n }\r\n\r\n \/**\r\n * Carregar o carrinho ao inicializar a p\u00e1gina\r\n *\/\r\n document.addEventListener(\"DOMContentLoaded\", refreshCartFromWoo);\r\n\r\n \/\/ Cart buttons - redirecionar para URLs do WooCommerce\r\n if (btnCheckout) {\r\n btnCheckout.addEventListener(\"click\", () => {\r\n \/\/ l\u00ea a quantidade do badge\r\n const countEl = document.getElementById(\"cart-count\");\r\n const qty = parseInt((countEl?.textContent || \"0\").trim(), 10) || 0;\r\n\r\n \/\/ se o carrinho estiver vazio, n\u00e3o faz nada\r\n if (!qty) {\r\n return; \/\/ nada acontece\r\n }\r\n\r\n \/\/ se tiver item, a\u00ed sim manda pro checkout\r\n window.location.href = window.wooCheckoutUrl || \"\/checkout-zoe\";\r\n });\r\n }\r\n })();\r\n \/\/ Anima\u00e7\u00e3o do footer\r\n (function () {\r\n const cols = document.querySelectorAll(\".footer-col\");\r\n if (!(\"IntersectionObserver\" in window)) {\r\n cols.forEach((c) => c.classList.add(\"visible\"));\r\n return;\r\n }\r\n\r\n const observer = new IntersectionObserver(\r\n (entries) => {\r\n entries.forEach((entry) => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add(\"visible\");\r\n observer.unobserve(entry.target);\r\n }\r\n });\r\n },\r\n { threshold: 0.2 }\r\n );\r\n\r\n cols.forEach((col) => observer.observe(col));\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 \u2013 Official Store Cart 0 Shopping Cart Your cart is empty Total: $0.00 Checkout Home About Services Portfolio FAQ Store Contact ZoeFlex Store \u2022 Digital Products Ready-to-deploy Automations, APIs and AI Solutions for your business. Welcome to the ZoeFlex Store. Here you’ll find automations, AI assistants, integrations, and strategic packages focused on performance. […]<\/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-1353","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1353","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=1353"}],"version-history":[{"count":100,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1353\/revisions"}],"predecessor-version":[{"id":1525,"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/pages\/1353\/revisions\/1525"}],"wp:attachment":[{"href":"https:\/\/zoeflexsolutions.com\/pt\/wp-json\/wp\/v2\/media?parent=1353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}