{"id":1854,"date":"2026-06-08T15:44:02","date_gmt":"2026-06-08T18:44:02","guid":{"rendered":"https:\/\/pswebdesigner.com.br\/?page_id=1854"},"modified":"2026-06-09T16:22:14","modified_gmt":"2026-06-09T19:22:14","slug":"forms-psweb","status":"publish","type":"page","link":"https:\/\/pswebdesigner.com.br\/","title":{"rendered":"Forms PSWEB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1854\" class=\"elementor elementor-1854\" data-elementor-post-type=\"page\">\n\t\t\t\t<main class=\"elementor-element elementor-element-bbee98b e-con-full e-flex e-con e-parent\" data-id=\"bbee98b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-da9f896 elementor-widget elementor-widget-html\" data-id=\"da9f896\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pablo-strategic-hero\">\r\n    <style>\r\n        #pablo-strategic-hero, #pablo-strategic-hero * { cursor: auto !important; }\r\n\r\n        #pablo-strategic-hero {\r\n            --neon-money: #00ff6a;\r\n            --bg-darker: #050505;\r\n            --font-main: 'Inter', sans-serif;\r\n            --font-mono: 'JetBrains Mono', monospace;\r\n            background-color: #000;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            color: #fff;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- DOBRA HERO (DESKTOP) --- *\/\r\n        .hero-banner {\r\n            position: relative;\r\n            width: 100%;\r\n            min-height: 100vh;\r\n            display: flex;\r\n            align-items: center;\r\n            background-image: url('http:\/\/pswebdesigner.com.br\/wp-content\/uploads\/2025\/12\/background.hero_.avif');\r\n            background-size: cover; \r\n            background-position: center right; \r\n            background-repeat: no-repeat;\r\n            padding: 0 40px;\r\n        }\r\n\r\n        .hero-overlay {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background: linear-gradient(90deg, rgba(0,0,0,0.95) 0%, rgba(0,0,0,0.8) 45%, transparent 100%);\r\n            z-index: 1;\r\n        }\r\n\r\n        .hero-content { position: relative; z-index: 10; width: 100%; max-width: 1140px; margin: 0 auto; }\r\n        .hero-text-block { max-width: 580px; display: flex; flex-direction: column; align-items: flex-start; }\r\n        \r\n        \/* Estilos de Texto *\/\r\n        .hero-tag { display: flex; align-items: center; gap: 10px; font-family: var(--font-mono); font-size: 11px; color: var(--neon-money); letter-spacing: 0.2em; text-transform: uppercase; margin-bottom: 30px; }\r\n        .hero-tag .led { width: 8px; height: 8px; background-color: var(--neon-money); border-radius: 50%; box-shadow: 0 0 15px var(--neon-money); animation: pulse 2s infinite; }\r\n        @keyframes pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.4; transform: scale(0.9); } }\r\n        .hero-title { font-family: var(--font-main); font-size: clamp(32px, 4.5vw, 55px); font-weight: 900; line-height: 1.1; letter-spacing: -0.02em; text-transform: uppercase; margin-bottom: 25px; width: 100%; }\r\n        .hero-title span { color: transparent; -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3); display: block; }\r\n        .hero-desc { font-family: var(--font-main); font-size: 16px; color: #A1A1AA; line-height: 1.6; width: 100%; margin-bottom: 50px; }\r\n        .hero-desc strong { color: #fff; }\r\n\r\n        \/* --- INDICADOR DE SCROLL --- *\/\r\n        .scroll-prompt { display: flex; align-items: center; gap: 15px; opacity: 0.8; transition: opacity 0.3s; }\r\n        .scroll-text { font-family: var(--font-mono); font-size: 10px; color: #888; letter-spacing: 0.3em; text-transform: uppercase; }\r\n        .mouse-icon { width: 26px; height: 40px; border: 2px solid #333; border-radius: 15px; position: relative; display: flex; justify-content: center; }\r\n        .mouse-wheel { width: 4px; height: 8px; background-color: var(--neon-money); border-radius: 2px; margin-top: 6px; animation: scrollWheel 1.5s infinite; }\r\n        @keyframes scrollWheel { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(12px); opacity: 0; } }\r\n        .mobile-scroll-icon { display: none; width: 30px; height: 50px; position: relative; }\r\n\r\n        \/* --- RESPONSIVIDADE MOBILE --- *\/\r\n        @media (max-width: 768px) {\r\n            .hero-banner {\r\n                background-image: url('http:\/\/pswebdesigner.com.br\/wp-content\/uploads\/2026\/06\/background.pablo_.hero_.mobile.webp');\r\n                background-size: cover; \r\n                background-position: center center;\r\n                background-repeat: no-repeat;\r\n                min-height: 100vh; \/* Mantive 100vh para n\u00e3o cortar a imagem *\/\r\n                align-items: flex-end; \r\n                padding-bottom: 50px;\r\n            }\r\n\r\n            .hero-overlay {\r\n                display: block;\r\n                background: rgba(0, 0, 0, 0.6); \r\n            }\r\n\r\n            \/* --- O PULO DO GATO: Padding interno para mover o texto --- *\/\r\n            .hero-content {\r\n                padding-top: 50px; \/* Aumente este valor para descer o texto, ou diminua para subir *\/\r\n            }\r\n\r\n            .hero-text-block { align-items: center; text-align: center; max-width: 100%; }\r\n            .hero-tag { margin-bottom: 20px; font-size: 10px; }\r\n            .hero-title { font-size: 30px; margin-bottom: 20px; }\r\n            .hero-desc { font-size: 14px; margin-bottom: 40px; }\r\n\r\n            .scroll-prompt { flex-direction: column; gap: 8px; }\r\n            .mouse-icon { display: none; } \r\n            .mobile-scroll-icon { display: block; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"hero-banner\">\r\n        <div class=\"hero-overlay\"><\/div>\r\n        <div class=\"hero-content\">\r\n            <div class=\"hero-text-block\">\r\n                <div class=\"hero-tag\">\r\n                    <div class=\"led\"><\/div>\r\n                    Opera\u00e7\u00e3o de Lucro\r\n                <\/div>\r\n                <h1 class=\"hero-title\">\r\n                    An\u00fancios que atraem.<br>\r\n                    <span>Sites que vendem.<\/span>\r\n                <\/h1>\r\n                <p class=\"hero-desc\">\r\n                    A combina\u00e7\u00e3o perfeita para o seu neg\u00f3cio crescer. Uso <strong>an\u00fancios<\/strong> para atrair o cliente certo e um <strong>site r\u00e1pido<\/strong> para fechar a venda. Sem complica\u00e7\u00e3o, focado no lucro da sua empresa.\r\n                <\/p>\r\n\r\n                <div class=\"scroll-prompt\">\r\n                    <div class=\"mouse-icon\"><div class=\"mouse-wheel\"><\/div><\/div>\r\n                    <div class=\"mobile-scroll-icon\">\r\n                        <svg width=\"30\" height=\"50\" viewBox=\"0 0 30 50\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                            <rect x=\"1\" y=\"1\" width=\"28\" height=\"48\" rx=\"4\" stroke=\"#333\" stroke-width=\"2\"\/>\r\n                            <rect x=\"12\" y=\"44\" width=\"6\" height=\"1\" rx=\"0.5\" fill=\"#333\"\/>\r\n                            <rect x=\"4\" y=\"5\" width=\"22\" height=\"37\" rx=\"1\" fill=\"#050505\"\/>\r\n                            <g class=\"swipe-gesture\"><path d=\"M15 35V15\" stroke=\"url(#paint0_linear)\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M11 19L15 15L19 19\" stroke=\"#00ff6a\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/g>\r\n                            <defs><linearGradient id=\"paint0_linear\" x1=\"15\" y1=\"35\" x2=\"15\" y2=\"15\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#00ff6a\" stop-opacity=\"0\"\/><stop offset=\"1\" stop-color=\"#00ff6a\"\/><\/linearGradient><\/defs>\r\n                        <\/svg>\r\n                        <style>.swipe-gesture { animation: swipeAnimation 2s infinite ease-in-out; opacity: 0; } @keyframes swipeAnimation { 0% { transform: translateY(10px); opacity: 0; } 30% { opacity: 1; } 70% { opacity: 1; } 100% { transform: translateY(-15px); opacity: 0; } }<\/style>\r\n                    <\/div>\r\n                    <span class=\"scroll-text\">Explore a Estrat\u00e9gia<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8a5f1ca elementor-widget elementor-widget-html\" data-id=\"8a5f1ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pablo-precision-strip\">\r\n    <style>\r\n        \/* For\u00e7ando o cursor a sempre aparecer *\/\r\n        #pablo-precision-strip, #pablo-precision-strip * { \r\n            cursor: auto !important; \r\n        }\r\n\r\n        #pablo-precision-strip {\r\n            background-color: #000;\r\n            width: 100%;\r\n            height: 50px;\r\n            border-top: 1px solid #1a1a1a;\r\n            border-bottom: 1px solid #1a1a1a;\r\n            overflow: hidden;\r\n            display: flex;\r\n            align-items: center;\r\n        }\r\n\r\n        .marquee-track {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 40px; \r\n            white-space: nowrap;\r\n            \/* Mais devagar (60s) e cont\u00ednuo *\/\r\n            animation: marquee 60s linear infinite; \r\n        }\r\n\r\n        \/* Removi a pausa no hover, agora ele segue fluindo sempre *\/\r\n\r\n        .item-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            font-weight: 500;\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.15em;\r\n            color: #ffffff;\r\n        }\r\n\r\n        \/* Diamante Verde com Brilho Sutil *\/\r\n        .diamond-divider {\r\n            width: 8px;\r\n            height: 8px;\r\n            background-color: #00ff6a;\r\n            transform: rotate(45deg);\r\n            flex-shrink: 0;\r\n            \/* Brilho Sutil *\/\r\n            box-shadow: 0 0 8px #00ff6a; \r\n        }\r\n\r\n        @keyframes marquee {\r\n            from { transform: translateX(0); }\r\n            to { transform: translateX(-50%); }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            #pablo-precision-strip { height: 45px; }\r\n            .marquee-track { gap: 30px; }\r\n            .item-text { font-size: 11px; }\r\n            .diamond-divider { width: 6px; height: 6px; box-shadow: 0 0 5px #00ff6a; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"marquee-track\">\r\n        <div class=\"item-text\">AN\u00c1LISE DE CEN\u00c1RIO<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">VIS\u00c3O ESTRAT\u00c9GICA<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">CAPTA\u00c7\u00c3O DE OPORTUNIDADES<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">DOMIN\u00c2NCIA DE MERCADO<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">EXECU\u00c7\u00c3O DE ALTA PERFORMANCE<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">FOCO EM LUCRO REAL<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n\r\n        <div class=\"item-text\">AN\u00c1LISE DE CEN\u00c1RIO<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">VIS\u00c3O ESTRAT\u00c9GICA<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">CAPTA\u00c7\u00c3O DE OPORTUNIDADES<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">DOMIN\u00c2NCIA DE MERCADO<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">EXECU\u00c7\u00c3O DE ALTA PERFORMANCE<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n        <div class=\"item-text\">FOCO EM LUCRO REAL<\/div>\r\n        <div class=\"diamond-divider\"><\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ed1e009 elementor-widget elementor-widget-html\" data-id=\"ed1e009\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"pablo-cascade-method\">\r\n    <style>\r\n        #pablo-cascade-method, #pablo-cascade-method * { cursor: auto !important; }\r\n\r\n        #pablo-cascade-method {\r\n            --neon-money: #00ff6a;\r\n            --bg-dark: #000;\r\n            --bg-card: #050505;\r\n            --border-dim: #1a1a1a;\r\n            --font-main: 'Inter', sans-serif;\r\n            --font-mono: 'JetBrains Mono', monospace;\r\n            \r\n            background-color: var(--bg-dark);\r\n            width: 100%;\r\n            padding: 120px 20px 180px 20px;\r\n            color: #fff;\r\n            box-sizing: border-box;\r\n            display: flex;\r\n            justify-content: center;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .method-container {\r\n            width: 100%;\r\n            max-width: 1200px;\r\n        }\r\n\r\n        \/* --- CABE\u00c7ALHO --- *\/\r\n        .method-header {\r\n            text-align: center;\r\n            margin-bottom: 80px;\r\n        }\r\n\r\n        .method-tag {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: var(--font-mono);\r\n            font-size: 11px;\r\n            color: var(--neon-money);\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .method-tag .led {\r\n            width: 8px; height: 8px;\r\n            background-color: var(--neon-money);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px var(--neon-money);\r\n        }\r\n\r\n        .method-title {\r\n            font-family: var(--font-main);\r\n            font-size: clamp(32px, 4vw, 50px);\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            letter-spacing: -0.02em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .method-title span {\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);\r\n        }\r\n\r\n        .method-desc {\r\n            font-family: var(--font-main);\r\n            font-size: 16px;\r\n            color: #A1A1AA;\r\n            line-height: 1.6;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        \/* --- GRID CASCATA --- *\/\r\n        .cascade-grid {\r\n            display: flex;\r\n            gap: 30px;\r\n            align-items: flex-start;\r\n        }\r\n\r\n        .cascade-card {\r\n            flex: 1;\r\n            background-color: var(--bg-card);\r\n            border: 1px solid var(--border-dim);\r\n            padding: 50px 40px;\r\n            position: relative;\r\n            overflow: hidden;\r\n            transition: border-color 0.4s ease, transform 0.4s ease;\r\n        }\r\n\r\n        .cascade-card:nth-child(2) {\r\n            transform: translateY(60px);\r\n        }\r\n        .cascade-card:nth-child(3) {\r\n            transform: translateY(120px);\r\n        }\r\n\r\n        .cascade-card:hover {\r\n            border-color: #333;\r\n        }\r\n        .cascade-card:nth-child(1):hover { transform: translateY(-5px); }\r\n        .cascade-card:nth-child(2):hover { transform: translateY(55px); }\r\n        .cascade-card:nth-child(3):hover { transform: translateY(115px); }\r\n\r\n        .watermark-number {\r\n            position: absolute;\r\n            top: -20px;\r\n            right: -10px;\r\n            font-family: var(--font-main);\r\n            font-size: 180px;\r\n            font-weight: 900;\r\n            color: rgba(255, 255, 255, 0.02);\r\n            line-height: 1;\r\n            z-index: 0;\r\n            user-select: none;\r\n            transition: color 0.4s ease;\r\n        }\r\n\r\n        .cascade-card:hover .watermark-number {\r\n            color: rgba(0, 255, 106, 0.04);\r\n        }\r\n\r\n        .card-content {\r\n            position: relative;\r\n            z-index: 1;\r\n        }\r\n\r\n        .card-header {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n        }\r\n\r\n        .card-dot {\r\n            width: 8px; height: 8px;\r\n            background-color: var(--neon-money);\r\n            transform: rotate(45deg);\r\n        }\r\n\r\n        .card-title {\r\n            font-family: var(--font-main);\r\n            font-size: 22px;\r\n            font-weight: 800;\r\n            text-transform: uppercase;\r\n            letter-spacing: -0.01em;\r\n            color: #fff;\r\n            margin: 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        .card-text {\r\n            font-family: var(--font-main);\r\n            font-size: 15px;\r\n            color: #888;\r\n            line-height: 1.7;\r\n            margin: 0;\r\n        }\r\n\r\n        .card-text strong {\r\n            color: #fff;\r\n            font-weight: 600;\r\n        }\r\n\r\n        \/* --- RESPONSIVIDADE MOBILE --- *\/\r\n        @media (max-width: 900px) {\r\n            .cascade-grid {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n            .cascade-card:nth-child(2),\r\n            .cascade-card:nth-child(3) {\r\n                transform: translateY(0);\r\n            }\r\n            .cascade-card:nth-child(1):hover,\r\n            .cascade-card:nth-child(2):hover,\r\n            .cascade-card:nth-child(3):hover {\r\n                transform: translateY(-5px);\r\n            }\r\n            #pablo-cascade-method {\r\n                padding: 80px 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .method-header { margin-bottom: 50px; text-align: left; }\r\n            .method-title { font-size: 28px; }\r\n            .method-desc { font-size: 14px; margin: 0; }\r\n            .cascade-card { padding: 40px 30px; }\r\n            .card-title { font-size: 18px; }\r\n            .card-text { font-size: 14px; }\r\n            .watermark-number { font-size: 120px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"method-container\">\r\n        \r\n        <div class=\"method-header\">\r\n            <div class=\"method-tag\">\r\n                <div class=\"led\"><\/div>\r\n                Intelig\u00eancia Comercial\r\n            <\/div>\r\n            <h2 class=\"method-title\">\r\n                N\u00e3o \u00e9 s\u00f3 apertar bot\u00e3o.<br>\r\n                <span>\u00c9 engenharia de lucro.<\/span>\r\n            <\/h2>\r\n            <p class=\"method-desc\">\r\n                Minha opera\u00e7\u00e3o vai al\u00e9m do gerenciador de an\u00fancios. Eu mapeio o seu neg\u00f3cio, crio estrat\u00e9gia e rodo o tr\u00e1fego com um \u00fanico foco: aumentar o valor percebido da sua marca e colocar dinheiro no seu caixa.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cascade-grid\">\r\n            \r\n            <div class=\"cascade-card\">\r\n                <div class=\"watermark-number\">1<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-dot\"><\/div>\r\n                        <h3 class=\"card-title\">An\u00e1lise<br>de Terreno<\/h3>\r\n                    <\/div>\r\n                    <p class=\"card-text\">\r\n                        Antes de rodar campanha, mapeamos o seu mercado local e a sua regi\u00e3o. Analisamos a concorr\u00eancia para entender onde est\u00e3o as brechas e qual ser\u00e1 o nosso <strong>\u00e2ngulo exato de ataque<\/strong>.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cascade-card\">\r\n                <div class=\"watermark-number\">2<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-dot\"><\/div>\r\n                        <h3 class=\"card-title\">Estrutura de<br>Produtos<\/h3>\r\n                    <\/div>\r\n                    <p class=\"card-text\">\r\n                        Trabalhamos diretamente na melhoria do seu <strong>produto principal<\/strong> ou no desenvolvimento de <strong>subprodutos t\u00e1ticos<\/strong>. O objetivo \u00e9 criar op\u00e7\u00f5es inteligentes para diversificar e fortalecer o seu portf\u00f3lio de vendas.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"cascade-card\">\r\n                <div class=\"watermark-number\">3<\/div>\r\n                <div class=\"card-content\">\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-dot\"><\/div>\r\n                        <h3 class=\"card-title\">Tr\u00e1fego e<br>Escala<\/h3>\r\n                    <\/div>\r\n                    <p class=\"card-text\">\r\n                        Com a oferta pronta, ligamos a m\u00e1quina. An\u00fancios estrat\u00e9gicos enviando tr\u00e1fego <strong>direto para o seu WhatsApp<\/strong> ou para uma p\u00e1gina de alta convers\u00e3o, filtrando curiosos e focando no fechamento.\r\n                    <\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf98922 elementor-widget elementor-widget-html\" data-id=\"bf98922\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section id=\"briefing-system\">\r\n    <style>\r\n        \/* --- FOR\u00c7ANDO O MOUSE A APARECER --- *\/\r\n        #briefing-system, \r\n        #briefing-system * { cursor: auto !important; }\r\n        \r\n        #briefing-system button,\r\n        #briefing-system select,\r\n        #briefing-system label.option-box,\r\n        #briefing-system a.uiverse-button {\r\n            cursor: pointer !important;\r\n        }\r\n\r\n        \/* --- VARI\u00c1VEIS E ESTILOS GERAIS --- *\/\r\n        #briefing-system {\r\n            --neon-money: #00ff6a;\r\n            --bg-darker: #050505;\r\n            --bg-input: #0a0a0a;\r\n            --border-color: #1a1a1a;\r\n            --border-hover: #333;\r\n            --text-secondary: #71717a;\r\n            \r\n            background-color: #000;\r\n            padding: 120px 0;\r\n            width: 100%;\r\n            overflow: hidden;\r\n            position: relative;\r\n            border-top: 1px solid #111;\r\n            font-family: 'Inter', sans-serif;\r\n            color: #fff;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        #briefing-system::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n            z-index: 1;\r\n        }\r\n\r\n        .briefing-container {\r\n            width: 100%;\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 10;\r\n            padding: 0 20px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- CABE\u00c7ALHO CONVIDATIVO --- *\/\r\n        .briefing-header {\r\n            text-align: center;\r\n            margin-bottom: 50px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n\r\n        .briefing-tag-top {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: var(--neon-money);\r\n            letter-spacing: 0.2em;\r\n            text-transform: uppercase;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        .briefing-tag-top .led {\r\n            width: 8px; height: 8px;\r\n            background-color: var(--neon-money);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px var(--neon-money);\r\n        }\r\n\r\n        .briefing-title {\r\n            font-size: clamp(28px, 4.5vw, 46px);\r\n            font-weight: 900;\r\n            color: #fff;\r\n            margin: 0 auto 15px auto;\r\n            letter-spacing: -0.04em;\r\n            line-height: 1.1;\r\n            text-transform: uppercase;\r\n            max-width: 850px;\r\n        }\r\n\r\n        \/* T\u00edtulo Vazado (Padr\u00e3o do Site) *\/\r\n        .briefing-title span {\r\n            color: transparent;\r\n            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);\r\n            display: block;\r\n        }\r\n\r\n        .briefing-invitation {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 16px;\r\n            color: #A1A1AA;\r\n            line-height: 1.6;\r\n            max-width: 600px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        .briefing-invitation strong {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* --- CAIXA DO FORMUL\u00c1RIO --- *\/\r\n        .briefing-wrapper-box {\r\n            max-width: 750px;\r\n            margin: 0 auto;\r\n            background-color: var(--bg-darker);\r\n            border: 1px solid var(--border-color);\r\n            padding: 50px 40px;\r\n            border-radius: 4px;\r\n            box-sizing: border-box;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        \/* --- GRUPOS DE INPUTS COM \u00cdCONES --- *\/\r\n        .cyber-input-group {\r\n            margin-bottom: 30px;\r\n            display: flex;\r\n            flex-direction: column;\r\n        }\r\n\r\n        .cyber-input-group label.main-label {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin-bottom: 12px;\r\n            line-height: 1.4;\r\n        }\r\n\r\n        .input-wrapper {\r\n            position: relative;\r\n            width: 100%;\r\n        }\r\n\r\n        .input-wrapper input,\r\n        .input-wrapper textarea,\r\n        .input-wrapper select {\r\n            background: var(--bg-input);\r\n            border: 1px solid var(--border-color);\r\n            padding: 18px 18px 18px 48px;\r\n            color: #fff;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 15px;\r\n            border-radius: 4px;\r\n            outline: none;\r\n            transition: all 0.3s ease;\r\n            box-sizing: border-box;\r\n            width: 100%;\r\n        }\r\n\r\n        .input-wrapper textarea {\r\n            padding-top: 18px;\r\n            resize: vertical;\r\n            min-height: 120px;\r\n            line-height: 1.6;\r\n        }\r\n\r\n        .input-wrapper select {\r\n            appearance: none;\r\n            background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 24 24' fill='%23666'%3E%3Cpath d='M7 10l5 5 5-5H7z'\/%3E%3C\/svg%3E\");\r\n            background-repeat: no-repeat;\r\n            background-position: right 15px center;\r\n            background-size: 20px;\r\n        }\r\n\r\n        .input-wrapper svg {\r\n            position: absolute;\r\n            left: 16px;\r\n            top: 18px;\r\n            width: 20px;\r\n            height: 20px;\r\n            stroke: var(--text-secondary);\r\n            fill: none;\r\n            stroke-width: 2;\r\n            stroke-linecap: round;\r\n            stroke-linejoin: round;\r\n            transition: all 0.3s ease;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .input-wrapper input:focus,\r\n        .input-wrapper textarea:focus,\r\n        .input-wrapper select:focus {\r\n            border-color: var(--neon-money);\r\n            box-shadow: 0 0 15px rgba(0, 255, 106, 0.05);\r\n        }\r\n\r\n        .input-wrapper input:focus ~ svg,\r\n        .input-wrapper textarea:focus ~ svg,\r\n        .input-wrapper select:focus ~ svg {\r\n            stroke: var(--neon-money);\r\n        }\r\n\r\n        \/* --- OP\u00c7\u00d5ES DE R\u00c1DIO E CHECKBOX (CARDS UI) --- *\/\r\n        .filter-radio-stack { display: flex; flex-direction: column; gap: 12px; }\r\n        .checkbox-stack { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }\r\n\r\n        .option-box {\r\n            display: flex;\r\n            align-items: center;\r\n            background: var(--bg-input);\r\n            border: 1px solid var(--border-color);\r\n            padding: 16px;\r\n            border-radius: 4px;\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            color: var(--text-secondary);\r\n            transition: all 0.3s ease;\r\n            position: relative;\r\n        }\r\n\r\n        .option-box:hover { border-color: var(--border-hover); color: #fff; }\r\n\r\n        \/* OP\u00c7\u00c3O DESTAQUE (SUTIL) *\/\r\n        .option-box.premium-choice {\r\n            border-color: rgba(0, 255, 106, 0.25);\r\n            background: linear-gradient(145deg, var(--bg-input) 0%, rgba(0, 255, 106, 0.03) 100%);\r\n        }\r\n        .option-box.premium-choice:hover {\r\n            border-color: var(--neon-money);\r\n        }\r\n\r\n        .premium-badge {\r\n            margin-left: auto; \/* Joga a tag l\u00e1 pra direita *\/\r\n            background-color: rgba(0, 255, 106, 0.1);\r\n            color: var(--neon-money);\r\n            padding: 4px 8px;\r\n            border-radius: 3px;\r\n            font-size: 9px;\r\n            font-weight: bold;\r\n            letter-spacing: 1px;\r\n            border: 1px solid rgba(0, 255, 106, 0.2);\r\n        }\r\n\r\n        .option-text { flex-grow: 1; }\r\n\r\n        .option-box input[type=\"radio\"],\r\n        .option-box input[type=\"checkbox\"] { display: none; }\r\n\r\n        .custom-marker {\r\n            width: 18px; height: 18px;\r\n            border: 1px solid var(--border-color);\r\n            background: #000;\r\n            margin-right: 15px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .option-box input[type=\"radio\"] ~ .custom-marker { border-radius: 50%; }\r\n        .option-box input[type=\"checkbox\"] ~ .custom-marker { border-radius: 3px; }\r\n\r\n        .option-box input:checked ~ .custom-marker {\r\n            border-color: var(--neon-money);\r\n            background: rgba(0, 255, 106, 0.1);\r\n        }\r\n\r\n        .option-box input[type=\"radio\"]:checked ~ .custom-marker::after {\r\n            content: '';\r\n            width: 8px; height: 8px;\r\n            background: var(--neon-money);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 8px var(--neon-money);\r\n        }\r\n\r\n        .option-box input[type=\"checkbox\"]:checked ~ .custom-marker::after {\r\n            content: '\u2713';\r\n            color: var(--neon-money);\r\n            font-size: 14px;\r\n            font-weight: 900;\r\n        }\r\n\r\n        .option-box input:checked ~ .option-text { color: #fff; }\r\n\r\n        .cyber-sub-divider {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 11px;\r\n            color: var(--neon-money);\r\n            letter-spacing: 2px;\r\n            text-transform: uppercase;\r\n            margin: 40px 0 25px 0;\r\n            padding-bottom: 8px;\r\n            border-bottom: 1px solid #111;\r\n            opacity: 0.8;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        \/* --- BOT\u00c3O UIVERSE --- *\/\r\n        .uiverse-button {\r\n            --green-neon: #00ff6a;\r\n            --black-700: #0a0a0a;\r\n            --border_radius: 4px; \r\n            --transtion: 0.3s ease-in-out;\r\n            position: relative;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            padding: 1.5rem 2.5rem;\r\n            background-color: transparent;\r\n            border: none;\r\n            border-radius: var(--border_radius);\r\n            transition: transform var(--transtion);\r\n            text-decoration: none;\r\n            z-index: 1;\r\n            width: 100%;\r\n            margin-top: 40px;\r\n        }\r\n\r\n        .uiverse-button::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 100%; height: 100%;\r\n            background-color: var(--black-700);\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            border-radius: var(--border_radius);\r\n            box-shadow: 0 0 0 calc(var(--active, 0) * 0.2rem) rgba(0, 255, 106, 0.2);\r\n            transition: all var(--transtion);\r\n            z-index: 0;\r\n        }\r\n\r\n        .uiverse-button::after {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: 100%; height: 100%;\r\n            background: radial-gradient(circle, rgba(0, 255, 106, 0.2) 0%, transparent 75%);\r\n            opacity: var(--active, 0);\r\n            border-radius: var(--border_radius);\r\n            transition: opacity var(--transtion);\r\n            z-index: 1;\r\n        }\r\n\r\n        .uiverse-button:hover { --active: 1; }\r\n        .uiverse-button:active { transform: scale(0.98); }\r\n\r\n        .uiverse-button .dots_border {\r\n            --size_border: calc(100% + 2px);\r\n            overflow: hidden;\r\n            position: absolute;\r\n            top: 50%; left: 50%; transform: translate(-50%, -50%);\r\n            width: var(--size_border); height: var(--size_border);\r\n            background-color: transparent;\r\n            border-radius: var(--border_radius);\r\n            z-index: -1;\r\n        }\r\n\r\n        .uiverse-button .dots_border::before {\r\n            content: \"\";\r\n            position: absolute;\r\n            top: 50%; left: 50%;\r\n            width: 160%; height: 60px;\r\n            background-color: var(--green-neon); \r\n            transform: translate(-50%, -50%) rotate(0deg);\r\n            transform-origin: center;\r\n            mask: linear-gradient(transparent 0%, white 50%, transparent 100%);\r\n            -webkit-mask: linear-gradient(transparent 0%, white 50%, transparent 100%);\r\n            animation: rotateSelection 3s linear infinite;\r\n        }\r\n\r\n        @keyframes rotateSelection { \r\n            to { transform: translate(-50%, -50%) rotate(360deg); } \r\n        }\r\n\r\n        .uiverse-button .text_button {\r\n            position: relative;\r\n            z-index: 10;\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            font-weight: 900;\r\n            letter-spacing: 3px;\r\n            text-transform: uppercase;\r\n            color: #fff;\r\n            transition: color 0.3s;\r\n        }\r\n\r\n        .uiverse-button:hover .text_button { color: var(--green-neon); }\r\n\r\n        \/* --- MENSAGEM DE SUCESSO --- *\/\r\n        .cyber-success-message {\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            gap: 20px;\r\n            animation: fadeIn 0.5s ease forwards;\r\n        }\r\n\r\n        .cyber-success-message .led-success {\r\n            width: 14px; height: 14px;\r\n            background: var(--neon-money);\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 20px var(--neon-money);\r\n        }\r\n\r\n        .cyber-success-message h3 {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 26px;\r\n            font-weight: 900;\r\n            color: #fff;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            margin: 0;\r\n        }\r\n\r\n        .cyber-success-message p {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 16px;\r\n            color: #888;\r\n            line-height: 1.6;\r\n            max-width: 450px;\r\n            margin: 0;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from { opacity: 0; transform: translateY(10px); }\r\n            to { opacity: 1; transform: translateY(0); }\r\n        }\r\n\r\n        .hidden-block { display: none !important; }\r\n\r\n        \/* --- RESPONSIVIDADE --- *\/\r\n        @media (max-width: 768px) {\r\n            #briefing-system { padding: 80px 0; }\r\n            .briefing-header { margin-bottom: 40px; }\r\n            .briefing-title { max-width: 100%; margin-bottom: 10px; font-size: 24px; }\r\n            .briefing-invitation { font-size: 14px; padding: 0 10px; }\r\n            .briefing-wrapper-box { padding: 30px 20px; border-left: none; border-right: none; border-radius: 0; }\r\n            .cyber-input-group label.main-label { font-size: 10px; }\r\n            .input-wrapper textarea { min-height: 140px; }\r\n            .checkbox-stack { grid-template-columns: 1fr; }\r\n            .cyber-success-message h3 { font-size: 20px; }\r\n            .premium-badge { font-size: 8px; padding: 3px 6px; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"briefing-container\">\r\n        \r\n        <div class=\"briefing-header\">\r\n            <div class=\"briefing-tag-top\">\r\n                <div class=\"led\"><\/div>\r\n                Briefing Estrat\u00e9gico\r\n            <\/div>\r\n            <h2 class=\"briefing-title\">Alinhamento de Mira.<br><span>Mapear Opera\u00e7\u00e3o.<\/span><\/h2>\r\n            <p class=\"briefing-invitation\">\r\n                Preencha os dados abaixo para marcarmos um <strong>papo r\u00e1pido de 20 minutos<\/strong>. Sem custo, sem burocracia e sem compromisso. S\u00f3 preciso dessas informa\u00e7\u00f5es para entender o seu cen\u00e1rio e desenhar um plano de a\u00e7\u00e3o antes da nossa conversa.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <form id=\"form-briefing-elite\" action=\"https:\/\/formspree.io\/f\/xzdqrqzb\" method=\"POST\" class=\"briefing-wrapper-box\">\r\n            \r\n            <div id=\"form-content\">\r\n                \r\n                <div class=\"cyber-input-group\">\r\n                    <label for=\"nome\" class=\"main-label\">Seu nome ou nome da empresa:<\/label>\r\n                    <div class=\"input-wrapper\">\r\n                        <input type=\"text\" id=\"nome\" name=\"Nome_Empresa\" required placeholder=\"Ex: Jo\u00e3o - Barbearia Premium\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cyber-input-group\">\r\n                    <label for=\"whatsapp\" class=\"main-label\">WhatsApp de contato:<\/label>\r\n                    <div class=\"input-wrapper\">\r\n                        <input type=\"tel\" id=\"whatsapp\" name=\"WhatsApp\" required placeholder=\"(00) 00000-0000\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cyber-input-group\">\r\n                    <label for=\"email\" class=\"main-label\">E-mail:<\/label>\r\n                    <div class=\"input-wrapper\">\r\n                        <input type=\"email\" id=\"email\" name=\"Email\" required placeholder=\"seu@email.com\">\r\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"cyber-input-group\">\r\n                    <label class=\"main-label\">O que vamos fazer no seu projeto?<\/label>\r\n                    <div class=\"filter-radio-stack\">\r\n                        <label class=\"option-box\">\r\n                            <input type=\"radio\" name=\"Tipo_Servico\" value=\"apenas_anuncios\" onclick=\"controlarFormEscopo()\" checked>\r\n                            <div class=\"custom-marker\"><\/div>\r\n                            <span class=\"option-text\">Apenas An\u00fancios na Internet<\/span>\r\n                        <\/label>\r\n                        <label class=\"option-box\">\r\n                            <input type=\"radio\" name=\"Tipo_Servico\" value=\"apenas_site\" onclick=\"controlarFormEscopo()\">\r\n                            <div class=\"custom-marker\"><\/div>\r\n                            <span class=\"option-text\">Apenas Cria\u00e7\u00e3o ou Ajustes no Site<\/span>\r\n                        <\/label>\r\n                        <label class=\"option-box premium-choice\">\r\n                            <input type=\"radio\" name=\"Tipo_Servico\" value=\"combo_completo\" onclick=\"controlarFormEscopo()\">\r\n                            <div class=\"custom-marker\"><\/div>\r\n                            <span class=\"option-text\">Site + An\u00fancios juntos<\/span>\r\n                            <span class=\"premium-badge\">RECOMENDADO<\/span>\r\n                        <\/label>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"segmento-mercado\">\r\n                    <div class=\"cyber-sub-divider\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\r\n                        Dados do seu Neg\u00f3cio\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label for=\"faturamento\" class=\"main-label\">Produto\/Servi\u00e7o Foco:<\/label>\r\n                        <div class=\"input-wrapper\">\r\n                            <textarea id=\"faturamento\" name=\"Produtos_Foco\" required placeholder=\"Ex: O corte simples \u00e9 o que mais vende, mas quero focar em vender planos mensais.\"><\/textarea>\r\n                            <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label for=\"regiao_alvo\" class=\"main-label\">Regi\u00e3o de Atua\u00e7\u00e3o:<\/label>\r\n                        <div class=\"input-wrapper\">\r\n                            <textarea id=\"regiao_alvo\" name=\"Regiao_Geografica\" required placeholder=\"Ex: Atendo as cidades de S\u00e3o Paulo e Campinas, ou apenas os bairros Centro e Jardins.\"><\/textarea>\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label for=\"barreira\" class=\"main-label\">Obje\u00e7\u00e3o Comum:<\/label>\r\n                        <div class=\"input-wrapper\">\r\n                            <textarea id=\"barreira\" name=\"Obje\u00e7\u00e3o_Comum\" required placeholder=\"Ex: Dizem que o pre\u00e7o est\u00e1 alto ou que o concorrente faz mais barato.\"><\/textarea>\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path><line x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"><\/line><line x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"><\/line><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label for=\"picos\" class=\"main-label\">Sazonalidade das Vendas:<\/label>\r\n                        <div class=\"input-wrapper\">\r\n                            <textarea id=\"picos\" name=\"Sazonalidade_Oscilacao\" required placeholder=\"Ex: Dobra de movimento no come\u00e7o do m\u00eas. Cai na \u00faltima semana.\"><\/textarea>\r\n                            <svg viewBox=\"0 0 24 24\"><polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"segmento-site\" class=\"hidden-block\">\r\n                    <div class=\"cyber-sub-divider\">\r\n                        <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"><\/line><line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"><\/line><\/svg>\r\n                        Detalhes do Site\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label for=\"conversao_site\" class=\"main-label\">A\u00e7\u00e3o principal no site:<\/label>\r\n                        <div class=\"input-wrapper\">\r\n                            <select id=\"conversao_site\" name=\"Objetivo_Conversao_Site\">\r\n                                <option value=\"whatsapp\">Chamar direto no WhatsApp<\/option>\r\n                                <option value=\"lead_form\">Preencher um formul\u00e1rio de contato<\/option>\r\n                                <option value=\"call\">Fazer uma liga\u00e7\u00e3o telef\u00f4nica na hora<\/option>\r\n                                <option value=\"outro\">Outro objetivo<\/option>\r\n                            <\/select>\r\n                            <svg viewBox=\"0 0 24 24\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"cyber-input-group\">\r\n                        <label class=\"main-label\">Recursos Futuros (M\u00faltipla escolha):<\/label>\r\n                        <div class=\"checkbox-stack\">\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"Agendamento Online\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">Agendamento Online<\/span>\r\n                            <\/label>\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"Cat\u00e1logo de Produtos\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">Cat\u00e1logo de Produtos<\/span>\r\n                            <\/label>\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"Blog ou Artigos\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">Blog ou Not\u00edcias<\/span>\r\n                            <\/label>\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"\u00c1rea de Membros\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">\u00c1rea de Membros<\/span>\r\n                            <\/label>\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"Loja Virtual (E-commerce)\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">Loja Virtual (E-commerce)<\/span>\r\n                            <\/label>\r\n                            <label class=\"option-box\">\r\n                                <input type=\"checkbox\" name=\"Recursos_Futuros[]\" value=\"Apenas Institucional\">\r\n                                <div class=\"custom-marker\"><\/div>\r\n                                <span class=\"option-text\">Apenas o B\u00e1sico<\/span>\r\n                            <\/label>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <button type=\"submit\" class=\"uiverse-button\" id=\"btn-enviar-briefing\">\r\n                    <div class=\"dots_border\"><\/div>\r\n                    <span class=\"text_button\" id=\"texto-btn-enviar\">Solicitar Conversa<\/span>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <div id=\"mensagem-sucesso\" class=\"cyber-success-message hidden-block\">\r\n                <div class=\"led-success\"><\/div>\r\n                <h3>Dados Recebidos<\/h3>\r\n                <p>O seu perfil foi enviado com sucesso. Farei a an\u00e1lise do seu cen\u00e1rio e te chamarei no WhatsApp em breve para a nossa conversa.<\/p>\r\n            <\/div>\r\n            \r\n        <\/form>\r\n    <\/div>\r\n\r\n    <script>\r\n        function controlarFormEscopo() {\r\n            const selecao = document.querySelector('input[name=\"Tipo_Servico\"]:checked').value;\r\n            const secaoSite = document.getElementById('segmento-site');\r\n            const inputsSite = secaoSite.querySelectorAll('select, textarea');\r\n\r\n            if (selecao === 'apenas_site' || selecao === 'combo_completo') {\r\n                secaoSite.classList.remove('hidden-block');\r\n                inputsSite.forEach(el => el.setAttribute('required', 'required'));\r\n            } else {\r\n                secaoSite.classList.add('hidden-block');\r\n                inputsSite.forEach(el => el.removeAttribute('required'));\r\n            }\r\n        }\r\n        \r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            controlarFormEscopo();\r\n        });\r\n\r\n        const formBriefing = document.getElementById('form-briefing-elite');\r\n        const formContent = document.getElementById('form-content');\r\n        const msgSucesso = document.getElementById('mensagem-sucesso');\r\n        const btnEnviar = document.getElementById('btn-enviar-briefing');\r\n        const textoBtn = document.getElementById('texto-btn-enviar');\r\n\r\n        formBriefing.addEventListener('submit', async function(event) {\r\n            event.preventDefault(); \r\n\r\n            textoBtn.textContent = 'PROCESSANDO...';\r\n            btnEnviar.style.pointerEvents = 'none';\r\n\r\n            const data = new FormData(event.target);\r\n\r\n            try {\r\n                const response = await fetch(event.target.action, {\r\n                    method: formBriefing.method,\r\n                    body: data,\r\n                    headers: {\r\n                        'Accept': 'application\/json'\r\n                    }\r\n                });\r\n\r\n                if (response.ok) {\r\n                    formContent.style.display = 'none';\r\n                    msgSucesso.classList.remove('hidden-block');\r\n                } else {\r\n                    textoBtn.textContent = 'ERRO. TENTE NOVAMENTE';\r\n                    btnEnviar.style.pointerEvents = 'auto';\r\n                }\r\n            } catch (error) {\r\n                textoBtn.textContent = 'FALHA DE REDE. TENTE NOVAMENTE';\r\n                btnEnviar.style.pointerEvents = 'auto';\r\n            }\r\n        });\r\n    <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f8ef42b elementor-widget elementor-widget-html\" data-id=\"f8ef42b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<footer class=\"hp-footer-v7\" id=\"contato\">\r\n    <style>\r\n        .hp-footer-v7 {\r\n            background-color: #000;\r\n            padding: 80px 0 60px 0;\r\n            position: relative;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n            \/* O MOUSE AGORA APARECE *\/\r\n            cursor: auto !important; \r\n        }\r\n\r\n        \/* BACKGROUND DOTS SUTIL *\/\r\n        .hp-footer-v7::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-image: radial-gradient(rgba(255, 255, 255, 0.02) 1px, transparent 1px);\r\n            background-size: 40px 40px;\r\n            pointer-events: none;\r\n        }\r\n\r\n        .footer-container {\r\n            max-width: 1140px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n            padding: 0 20px;\r\n        }\r\n\r\n        .footer-grid {\r\n            display: grid;\r\n            grid-template-columns: 1.5fr 1fr 1fr;\r\n            gap: 40px;\r\n            margin-bottom: 60px;\r\n        }\r\n\r\n        .footer-col h4 {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #444; \/* Clareei um pouco para n\u00e3o sumir no fundo preto *\/\r\n            text-transform: uppercase;\r\n            letter-spacing: 0.4em;\r\n            margin-bottom: 30px;\r\n        }\r\n\r\n        .footer-link {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 14px;\r\n            color: #777; \/* Contraste levemente melhorado *\/\r\n            text-decoration: none;\r\n            display: block;\r\n            margin-bottom: 12px;\r\n            transition: all 0.3s ease;\r\n            \/* O MOUSE FICA COM A M\u00c3OZINHA DE CLIQUE *\/\r\n            cursor: pointer !important; \r\n        }\r\n\r\n        .footer-link:hover {\r\n            color: #fff;\r\n        }\r\n\r\n        \/* STATUS DISPON\u00cdVEL PISCANDO *\/\r\n        .availability-text {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 13px;\r\n            color: #666;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n\r\n        .status-dot-pulse {\r\n            width: 6px;\r\n            height: 6px;\r\n            background: #00ff6a;\r\n            border-radius: 50%;\r\n            box-shadow: 0 0 10px #00ff6a;\r\n            animation: pulseGreenFooter 2s infinite;\r\n        }\r\n\r\n        @keyframes pulseGreenFooter {\r\n            0% { opacity: 1; transform: scale(1); }\r\n            50% { opacity: 0.4; transform: scale(0.9); }\r\n            100% { opacity: 1; transform: scale(1); }\r\n        }\r\n\r\n        .footer-bottom {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding-top: 40px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.03);\r\n        }\r\n\r\n        .copyright {\r\n            font-family: 'JetBrains Mono', monospace;\r\n            font-size: 9px;\r\n            color: #333;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        .pablo-signature-mini {\r\n            font-family: 'Inter', sans-serif;\r\n            font-size: 12px;\r\n            font-weight: 700;\r\n            color: #444;\r\n            letter-spacing: 0.1em;\r\n        }\r\n\r\n        \/* --- RESPONSIVIDADE MOBILE --- *\/\r\n        @media (max-width: 768px) {\r\n            .hp-footer-v7 {\r\n                padding: 60px 0 40px 0;\r\n            }\r\n\r\n            .footer-grid {\r\n                \/* Organiza em 2 colunas lado a lado para economizar espa\u00e7o *\/\r\n                grid-template-columns: 1fr 1fr; \r\n                gap: 30px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            \/* A \u00faltima coluna (Status) ocupa o espa\u00e7o inteiro embaixo *\/\r\n            .footer-col:last-child {\r\n                grid-column: 1 \/ -1; \r\n                margin-top: 10px;\r\n            }\r\n\r\n            .footer-col h4 {\r\n                margin-bottom: 20px;\r\n            }\r\n\r\n            .footer-bottom {\r\n                flex-direction: column;\r\n                align-items: flex-start; \/* Mant\u00e9m o alinhamento \u00e0 esquerda, muito mais elegante *\/\r\n                gap: 15px;\r\n                padding-top: 30px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"footer-container\">\r\n        <div class=\"footer-grid\">\r\n            \r\n            <div class=\"footer-col\">\r\n                <h4>Inquiry<\/h4>\r\n                <a href=\"mailto:pablof.web@gmail.com\" class=\"footer-link\">pablof.web@gmail.com<\/a>\r\n                <a href=\"https:\/\/wa.me\/5524998769290\" target=\"_blank\" class=\"footer-link\">WhatsApp Business<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4>Social<\/h4>\r\n                <a href=\"https:\/\/www.instagram.com\/pablo.webdesigner\/\" target=\"_blank\" class=\"footer-link\">Instagram<\/a>\r\n                <a href=\"https:\/\/www.linkedin.com\/in\/pablo-fernandes-39a30b394\/\" target=\"_blank\" class=\"footer-link\">LinkedIn<\/a>\r\n                <a href=\"https:\/\/www.behance.net\/dandinhotey\" target=\"_blank\" class=\"footer-link\">Behance<\/a>\r\n            <\/div>\r\n\r\n            <div class=\"footer-col\">\r\n                <h4>Status<\/h4>\r\n                <div class=\"availability-text\">\r\n                    <span class=\"status-dot-pulse\"><\/span>\r\n                    Dispon\u00edvel\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"footer-bottom\">\r\n            <span class=\"copyright\">\u00a9 PABLO FERNANDES \/\/ ARCHITECTING DIGITAL ASSETS<\/span>\r\n            <span class=\"pablo-signature-mini\">P.FERNANDES<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/main>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Opera\u00e7\u00e3o de Lucro An\u00fancios que atraem. Sites que vendem. A combina\u00e7\u00e3o perfeita para o seu neg\u00f3cio crescer. Uso an\u00fancios para atrair o cliente certo e um site r\u00e1pido para fechar a venda. Sem complica\u00e7\u00e3o, focado no lucro da sua empresa. Explore a Estrat\u00e9gia AN\u00c1LISE DE CEN\u00c1RIO VIS\u00c3O ESTRAT\u00c9GICA CAPTA\u00c7\u00c3O DE OPORTUNIDADES DOMIN\u00c2NCIA DE MERCADO EXECU\u00c7\u00c3O [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1854","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1854","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=1854"}],"version-history":[{"count":43,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1854\/revisions"}],"predecessor-version":[{"id":1920,"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/pages\/1854\/revisions\/1920"}],"wp:attachment":[{"href":"https:\/\/pswebdesigner.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=1854"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}