Diagn\u00f3stico MAST 360\u00b0 | A Jornada<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kodchasan:wght@400;600;700&family=Quicksand:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --cor-oceano: #201f41;\r\n --cor-mast: #009cb6;\r\n \/* NOVAS FONTES *\/\r\n --fonte-titulo: 'Kodchasan', sans-serif;\r\n --fonte-texto: 'Quicksand', sans-serif;\r\n }\r\n\r\n \/* Aplicando a Quicksand nos textos gerais *\/\r\n body, p, input, textarea, button, .loader-text, .option-card {\r\n font-family: var(--fonte-texto) !important;\r\n }\r\n \r\n \/* Aplicando a Kodchasan nos T\u00edtulos *\/\r\n h2, .texto-flutuante {\r\n font-family: var(--fonte-titulo) !important;\r\n }\r\n\r\n \/* --- TEXTOS FLUTUANTES (Atualizado) --- *\/\r\n .texto-flutuante {\r\n position: absolute;\r\n top: 10%; \/* Ajuste de altura *\/\r\n max-width: 800px;\r\n width: 90%;\r\n text-align: center;\r\n z-index: 10;\r\n animation: flutuar 6s ease-in-out infinite alternate;\r\n }\r\n\r\n .frase-impacto {\r\n color: #fff;\r\n font-size: 24px;\r\n line-height: 1.3;\r\n font-weight: 600;\r\n text-shadow: 0 3px 10px rgba(0,0,0,0.8);\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n \/* --- A NOVA ETIQUETA DE SERVI\u00c7O --- *\/\r\n .etiqueta-servico {\r\n display: inline-block;\r\n background-color: var(--cor-mast); \/* Fundo na cor da marca *\/\r\n color: #fff;\r\n padding: 6px 18px;\r\n border-radius: 20px; \/* Bordas redondinhas *\/\r\n font-family: var(--fonte-texto);\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px; \/* Espa\u00e7amento chique entre letras *\/\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.5); \/* Sombra para destacar do fundo *\/\r\n border: 1px solid rgba(255,255,255,0.3);\r\n \r\n \/* Pequena transi\u00e7\u00e3o se passar o mouse *\/\r\n transition: transform 0.3s;\r\n }\r\n .etiqueta-servico:hover { transform: scale(1.05); cursor: default; }\r\n\r\n \/* Ajuste Mobile *\/\r\n @media (max-width: 768px) {\r\n .frase-impacto { font-size: 18px; }\r\n .etiqueta-servico { font-size: 11px; padding: 4px 12px; }\r\n .texto-flutuante { top: 5%; }\r\n }\r\n\r\n \/* --- CONFIGURA\u00c7\u00c3O \"NUCLEAR\" DE TELA CHEIA --- \r\n Isso garante que o diagn\u00f3stico cubra qualquer menu do WordPress *\/\r\n body, html { \r\n margin: 0 !important; \r\n padding: 0 !important; \r\n overflow: hidden !important; \r\n width: 100%; height: 100%;\r\n }\r\n\r\n #jornada-container { \r\n \/* Trava o elemento na tela do navegador, ignorando o site atr\u00e1s *\/\r\n position: fixed !important; \r\n top: 0 !important; \r\n left: 0 !important; \r\n right: 0 !important; \r\n bottom: 0 !important; \r\n \r\n \/* For\u00e7a medidas m\u00e1ximas *\/\r\n width: 100vw !important; \r\n height: 100vh !important; \r\n margin: 0 !important;\r\n padding: 0 !important;\r\n \r\n \/* Garante que fique ACIMA de tudo (menus, barras, chat, etc) *\/\r\n z-index: 2147483640 !important; \r\n \r\n background: #000; \r\n transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); \r\n }\r\n\r\n \/* --- LOADER DE PROCESSAMENTO --- *\/\r\n #preloader, #envio-loader {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n background-color: var(--cor-oceano);\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n \/* Z-Index maior que o container para aparecer por cima *\/\r\n z-index: 2147483647 !important; \r\n transition: opacity 0.8s ease;\r\n }\r\n \r\n #envio-loader { display: none; background: rgba(32, 31, 65, 0.98); }\r\n\r\n .bussola {\r\n width: 60px; height: 60px;\r\n border: 3px solid var(--cor-mast);\r\n border-radius: 50%; position: relative;\r\n animation: girarBussola 2s linear infinite;\r\n }\r\n\r\n .bussola::after {\r\n content: ''; position: absolute; top: 5px; left: 50%;\r\n width: 3px; height: 25px; background: var(--cor-mast);\r\n transform: translateX(-50%);\r\n }\r\n\r\n @keyframes girarBussola { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n\r\n .loader-text {\r\n color: #fff; margin-top: 20px; font-family: sans-serif;\r\n letter-spacing: 1px; font-size: 14px; text-align: center; line-height: 1.5;\r\n }\r\n\r\n \/* --- CONFIGURA\u00c7\u00c3O DOS FUNDOS (PLANOS DE FUNDO) --- *\/\r\n .parada { \r\n width: 100vw !important; \r\n height: 100vh !important; \r\n display: flex; align-items: center; justify-content: center; \r\n position: relative; overflow: hidden; \r\n \r\n \/* Configura\u00e7\u00e3o Mestre da Imagem *\/\r\n background-size: cover !important; \/* Preenche tudo *\/\r\n background-position: center center !important; \r\n background-repeat: no-repeat !important;\r\n \r\n \/* M\u00e1scara escura autom\u00e1tica *\/\r\n background-blend-mode: overlay;\r\n background-color: rgba(0,0,0,0.6); \r\n }\r\n\r\n\/* =========================================\r\n CONFIGURA\u00c7\u00c3O DE IMAGENS (RESPONSIVO)\r\n ========================================= *\/\r\n\r\n \/* --- 1. VERS\u00c3O DESKTOP (Horizontal - 1920x1080) --- *\/\r\n \/* Essas imagens aparecem em PC, Notebook e TV *\/\r\n \r\n #parada-1 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_01a-scaled.jpeg'); } \r\n #parada-2 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_02a-scaled.jpeg'); }\r\n #parada-3 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_03b-scaled.jpeg'); }\r\n #parada-4 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_04a-scaled.jpeg'); }\r\n\r\n\r\n \/* --- 2. VERS\u00c3O MOBILE (Vertical - 1080x1920) --- *\/\r\n \/* O navegador ativa isso automaticamente se a tela for menor que 768px *\/\r\n \r\n @media (max-width: 768px) {\r\n \r\n #parada-1 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_01a_1080x1920.jpeg') !important; } \r\n #parada-2 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_02a_1080x1920.jpeg') !important; }\r\n #parada-3 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_03b_1080x1920.jpeg') !important; }\r\n #parada-4 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_04a_1080x1920.jpeg') !important; }\r\n\r\n \/* Ajuste fino para o fundo no celular *\/\r\n .parada {\r\n background-position: center top !important; \/* Foca mais no topo da imagem vertical *\/\r\n }\r\n }\r\n\r\n \/* --- CAIXA DE PERGUNTAS (Estilo Vidro) --- *\/\r\n .pergunta-box {\r\n position: relative; \r\n z-index: 2;\r\n \r\n \/* AQUI EST\u00c1 A M\u00c1GICA DA TRANSPAR\u00caNCIA *\/\r\n \/* 0.7 significa 70% de opacidade (antes estava 0.95) *\/\r\n background: rgba(255, 255, 255, 0.90); \r\n \r\n \/* EFEITO DE DESFOQUE (VIDRO FOSCO) *\/\r\n \/* Isso garante que o texto fique leg\u00edvel mesmo transparente *\/\r\n backdrop-filter: blur(5px); \r\n -webkit-backdrop-filter: blur(5px); \/* Para funcionar no Safari\/iPhone *\/\r\n \r\n padding: 40px; \r\n border-radius: 12px;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.5);\r\n max-width: 550px; \r\n width: 90%; \r\n text-align: center;\r\n \r\n \/* Borda sutil para destacar o vidro *\/\r\n border-top: 4px solid var(--cor-mast);\r\n border-bottom: 1px solid rgba(255,255,255,0.4);\r\n border-left: 1px solid rgba(255,255,255,0.4);\r\n border-right: 1px solid rgba(255,255,255,0.4);\r\n }\r\n\r\n h2 { font-family: var(--fonte-titulo); color: var(--cor-oceano); margin-bottom: 20px; font-size: 24px; }\r\n p { color: #555; margin-bottom: 20px; font-size: 15px; }\r\n\r\n input, textarea { \r\n width: 100%; padding: 15px; margin: 8px 0; \r\n border: 1px solid #ccc; border-radius: 6px; \r\n font-size: 16px; box-sizing: border-box; \r\n background: #fdfdfd;\r\n }\r\n \r\n input:focus, textarea:focus { outline: none; border-color: var(--cor-oceano); background: #fff; }\r\n textarea { height: 100px; resize: none; }\r\n\r\n \/* OP\u00c7\u00d5ES EM CARDS *\/\r\n .options-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }\r\n .option-card {\r\n background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 15px 10px;\r\n cursor: pointer; transition: all 0.2s; font-size: 14px; font-weight: 600;\r\n color: var(--cor-oceano); display: flex; align-items: center; justify-content: center;\r\n }\r\n .option-card:hover { border-color: var(--cor-mast); background: #fafafa; }\r\n .option-card.selected { border-color: var(--cor-mast); background: var(--cor-oceano); color: #fff; }\r\n\r\n \/* BOT\u00d5ES *\/\r\n .btn-group { display: flex; gap: 15px; justify-content: center; margin-top: 25px; }\r\n button { \r\n background: var(--cor-oceano); color: white; \r\n padding: 16px 40px; border: none; border-radius: 6px; \r\n cursor: pointer; font-weight: bold; font-size: 14px; \r\n letter-spacing: 1px; transition: 0.3s; text-transform: uppercase;\r\n }\r\n button:hover { background: var(--cor-mast); transform: translateY(-2px); }\r\n .btn-voltar { background: #888 !important; }\r\n\r\n \/* ELEMENTO FLUTUANTE *\/\r\n #caravela-animada { \r\n position: fixed; bottom: 30px; right: 30px; \r\n width: 80px; \r\n z-index: 2147483645 !important; \/* Fica acima do container *\/\r\n opacity: 0.8;\r\n animation: flutuar 5s ease-in-out infinite; \r\n }\r\n @keyframes flutuar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"preloader\">\r\n <div class=\"bussola\"><\/div>\r\n <p class=\"loader-text\">Carregando Diagn\u00f3stico...<\/p>\r\n <\/div>\r\n\r\n <div id=\"envio-loader\">\r\n <div class=\"bussola\"><\/div>\r\n <p class=\"loader-text\">\r\n <strong>Processando Dados...<\/strong><br>\r\n Nossa tripula\u00e7\u00e3o est\u00e1 tra\u00e7ando sua rota.<br>\r\n Aguarde...\r\n <\/p>\r\n <\/div>\r\n\r\n <img decoding=\"async\" src=\"https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/simbolo2_pref_mast360_negativo.png\" id=\"caravela-animada\" alt=\"Mast Icon\">\r\n\r\n <div id=\"jornada-container\">\r\n \r\n <section class=\"parada\" id=\"parada-1\">\r\n \r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Sua marca \u00e9 apenas um logotipo ou tem um destino claro?<br>\r\n Somos o mastro que sustenta sua identidade.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\u2693 Branding & Posicionamento<\/div>\r\n <\/div>\r\n \r\n <div class=\"pergunta-box\">\r\n <h2>1. Quem assume o comando?<\/h2>\r\n <p>Para come\u00e7ar, qual o nome da sua Empresa ou Marca?<\/p>\r\n <input type=\"text\" id=\"p1\" placeholder=\"Ex: MAST 360\u00b0\">\r\n <button onclick=\"proxima(1)\">Iniciar Diagn\u00f3stico<\/button>\r\n <\/div>\r\n\r\n <\/section>\r\n \r\n\r\n <section class=\"parada\" id=\"parada-2\">\r\n \r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Postar por postar \u00e9 o caminho mais r\u00e1pido para afundar.<br>\r\n Dominamos as \u00e1guas digitais para conectar voc\u00ea ao p\u00fablico.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83d\udcf2 Gest\u00e3o de Redes Sociais<\/div>\r\n <\/div>\r\n\r\n <div class=\"pergunta-box\">\r\n <h2>2. O Maior Obst\u00e1culo<\/h2>\r\n <p>O que mais impede seu crescimento hoje?<\/p>\r\n <div class=\"options-container\">\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Vendas Baixas', this)\">Baixas Vendas<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Marca Desconhecida', this)\">Marca Invis\u00edvel<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Falta de Processos', this)\">Desorganiza\u00e7\u00e3o<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Identidade Visual Ruim', this)\">Design Amador<\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"p4\">\r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(1)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"proxima(2, 'p4')\">Avan\u00e7ar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"parada\" id=\"parada-3\">\r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Sua comunica\u00e7\u00e3o \u00e9 um mapa do tesouro ou polui\u00e7\u00e3o visual?<br>\r\n Traduzimos sua ess\u00eancia em design que conquista.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83c\udfa8 Produ\u00e7\u00e3o de Conte\u00fado & Design<\/div>\r\n <\/div>\r\n <div class=\"pergunta-box\">\r\n <h2>3. Contexto Espec\u00edfico<\/h2>\r\n <p>Descreva brevemente seu cen\u00e1rio. Quanto mais detalhes, melhor a rota.<\/p>\r\n <textarea id=\"pergunta_aberta\" maxlength=\"500\" placeholder=\"Ex: Tenho bons produtos... (M\u00e1ximo 500 caracteres)\"><\/textarea>\r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(2)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"proxima(3)\">Analisar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"parada\" id=\"parada-4\">\r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Tripula\u00e7\u00e3o engajada \u00e9 lucro garantido.<br>\r\n Nossa Vis\u00e3o 360\u00b0 integra equipe e estrat\u00e9gia.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83e\udd1d Endomarketing & Consultoria 360\u00b0<\/div>\r\n <\/div>\r\n <div class=\"pergunta-box\">\r\n <h2>4. Receber Mapa<\/h2>\r\n <p>Para onde devemos enviar o PDF estrat\u00e9gico?<\/p>\r\n \r\n <input type=\"text\" id=\"campo_fantasma\" style=\"position: absolute; left: -9999px; opacity: 0;\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n <input type=\"email\" id=\"p7_email\" placeholder=\"Seu melhor E-mail\">\r\n <input type=\"text\" id=\"p7_whats\" placeholder=\"WhatsApp (com DDD)\">\r\n <input type=\"text\" id=\"p7_website\" placeholder=\"Site ou Instagram (Opcional)\">\r\n \r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(3)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"enviarTudo()\">Solicitar Diagn\u00f3stico<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ URL DO SCRIPT (J\u00e1 configurada)\r\n const WEBHOOK_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbyMY5-rE6tXNhmvd3jLyJDq-lEKTV8UkVe5VSQyBwnwxfaCkrvya0k4DhO7P2PrEB0m\/exec\"; \r\n\r\n \/\/ PRELOADER\r\n window.addEventListener('load', () => {\r\n setTimeout(() => {\r\n document.getElementById('preloader').style.opacity = '0';\r\n setTimeout(() => document.getElementById('preloader').style.display = 'none', 800);\r\n }, 800);\r\n });\r\n\r\n \/\/ NAVEGA\u00c7\u00c3O\r\n function voltar(destino) {\r\n document.getElementById('jornada-container').style.transform = `translateY(-${(destino - 1) * 100}vh)`;\r\n }\r\n\r\n function proxima(atual, idValidacao = null) {\r\n let val;\r\n if (idValidacao) {\r\n val = document.getElementById(idValidacao).value;\r\n } else {\r\n const input = document.querySelector(`#parada-${atual} input`);\r\n const text = document.querySelector(`#parada-${atual} textarea`);\r\n val = input ? input.value : (text ? text.value : \"\");\r\n }\r\n\r\n if (!val || val.trim() === \"\") {\r\n alert(\"Por favor, preencha este campo para continuar.\");\r\n return;\r\n }\r\n document.getElementById('jornada-container').style.transform = `translateY(-${atual * 100}vh)`;\r\n }\r\n\r\n function selecionarOpcao(inputId, valor, elemento) {\r\n document.getElementById(inputId).value = valor;\r\n elemento.parentElement.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));\r\n elemento.classList.add('selected');\r\n }\r\n\r\n \/\/ ENVIO DE DADOS (COM PROTE\u00c7\u00c3O ANTI-SPAM)\r\n async function enviarTudo() {\r\n \/\/ \ud83d\udee1\ufe0f SEGURAN\u00c7A: Se o campo fantasma for preenchido, \u00e9 um rob\u00f4.\r\n const honeypot = document.getElementById('campo_fantasma').value;\r\n if (honeypot !== \"\") {\r\n console.log(\"Acesso automatizado bloqueado.\");\r\n return; \r\n }\r\n\r\n const email = document.getElementById('p7_email').value;\r\n if (!email.includes(\"@\")) { alert(\"Insira um e-mail v\u00e1lido!\"); return; }\r\n\r\n \/\/ Trava o bot\u00e3o e mostra o loader\r\n document.getElementById('envio-loader').style.display = 'flex';\r\n\r\n const dados = {\r\n pergunta1: document.getElementById('p1').value,\r\n pergunta4: document.getElementById('p4').value,\r\n pergunta_aberta: document.getElementById('pergunta_aberta').value,\r\n pergunta7: email,\r\n whatsapp: document.getElementById('p7_whats').value,\r\n website: document.getElementById('p7_website').value\r\n };\r\n\r\n try {\r\n await fetch(WEBHOOK_URL, {\r\n method: 'POST',\r\n mode: 'no-cors',\r\n cache: 'no-cache',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(dados)\r\n });\r\n\r\n \/\/ Redirecionamento\r\n setTimeout(() => {\r\n window.location.href = \"https:\/\/www.mast360.com.br\";\r\n }, 4000);\r\n\r\n } catch (e) {\r\n alert(\"Erro de conex\u00e3o. Tente novamente.\");\r\n document.getElementById('envio-loader').style.display = 'none';\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Diagn\u00f3stico MAST 360\u00b0 | A Jornada Carregando Diagn\u00f3stico… Processando Dados… Nossa tripula\u00e7\u00e3o est\u00e1 tra\u00e7ando sua rota. Aguarde… “Sua marca \u00e9 apenas um logotipo ou tem um destino claro? Somos o mastro que sustenta sua identidade.” \u2693 Branding & Posicionamento 1. Quem assume o comando? Para come\u00e7ar, qual o nome da sua Empresa ou Marca? Iniciar […]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":107,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Diagn\u00f3stico MAST 360\u00b0 | A Jornada<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Kodchasan:wght@400;600;700&family=Quicksand:wght@400;500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n <style>\r\n :root {\r\n --cor-oceano: #201f41;\r\n --cor-mast: #009cb6;\r\n \/* NOVAS FONTES *\/\r\n --fonte-titulo: 'Kodchasan', sans-serif;\r\n --fonte-texto: 'Quicksand', sans-serif;\r\n }\r\n\r\n \/* Aplicando a Quicksand nos textos gerais *\/\r\n body, p, input, textarea, button, .loader-text, .option-card {\r\n font-family: var(--fonte-texto) !important;\r\n }\r\n \r\n \/* Aplicando a Kodchasan nos T\u00edtulos *\/\r\n h2, .texto-flutuante {\r\n font-family: var(--fonte-titulo) !important;\r\n }\r\n\r\n \/* --- TEXTOS FLUTUANTES (Atualizado) --- *\/\r\n .texto-flutuante {\r\n position: absolute;\r\n top: 10%; \/* Ajuste de altura *\/\r\n max-width: 800px;\r\n width: 90%;\r\n text-align: center;\r\n z-index: 10;\r\n animation: flutuar 6s ease-in-out infinite alternate;\r\n }\r\n\r\n .frase-impacto {\r\n color: #fff;\r\n font-size: 24px;\r\n line-height: 1.3;\r\n font-weight: 600;\r\n text-shadow: 0 3px 10px rgba(0,0,0,0.8);\r\n margin-bottom: 12px;\r\n display: block;\r\n }\r\n\r\n \/* --- A NOVA ETIQUETA DE SERVI\u00c7O --- *\/\r\n .etiqueta-servico {\r\n display: inline-block;\r\n background-color: var(--cor-mast); \/* Fundo na cor da marca *\/\r\n color: #fff;\r\n padding: 6px 18px;\r\n border-radius: 20px; \/* Bordas redondinhas *\/\r\n font-family: var(--fonte-texto);\r\n font-size: 13px;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n letter-spacing: 1.5px; \/* Espa\u00e7amento chique entre letras *\/\r\n box-shadow: 0 4px 15px rgba(0,0,0,0.5); \/* Sombra para destacar do fundo *\/\r\n border: 1px solid rgba(255,255,255,0.3);\r\n \r\n \/* Pequena transi\u00e7\u00e3o se passar o mouse *\/\r\n transition: transform 0.3s;\r\n }\r\n .etiqueta-servico:hover { transform: scale(1.05); cursor: default; }\r\n\r\n \/* Ajuste Mobile *\/\r\n @media (max-width: 768px) {\r\n .frase-impacto { font-size: 18px; }\r\n .etiqueta-servico { font-size: 11px; padding: 4px 12px; }\r\n .texto-flutuante { top: 5%; }\r\n }\r\n\r\n \/* --- CONFIGURA\u00c7\u00c3O \"NUCLEAR\" DE TELA CHEIA --- \r\n Isso garante que o diagn\u00f3stico cubra qualquer menu do WordPress *\/\r\n body, html { \r\n margin: 0 !important; \r\n padding: 0 !important; \r\n overflow: hidden !important; \r\n width: 100%; height: 100%;\r\n }\r\n\r\n #jornada-container { \r\n \/* Trava o elemento na tela do navegador, ignorando o site atr\u00e1s *\/\r\n position: fixed !important; \r\n top: 0 !important; \r\n left: 0 !important; \r\n right: 0 !important; \r\n bottom: 0 !important; \r\n \r\n \/* For\u00e7a medidas m\u00e1ximas *\/\r\n width: 100vw !important; \r\n height: 100vh !important; \r\n margin: 0 !important;\r\n padding: 0 !important;\r\n \r\n \/* Garante que fique ACIMA de tudo (menus, barras, chat, etc) *\/\r\n z-index: 2147483640 !important; \r\n \r\n background: #000; \r\n transition: transform 1.2s cubic-bezier(0.65, 0, 0.35, 1); \r\n }\r\n\r\n \/* --- LOADER DE PROCESSAMENTO --- *\/\r\n #preloader, #envio-loader {\r\n position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;\r\n background-color: var(--cor-oceano);\r\n display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n \/* Z-Index maior que o container para aparecer por cima *\/\r\n z-index: 2147483647 !important; \r\n transition: opacity 0.8s ease;\r\n }\r\n \r\n #envio-loader { display: none; background: rgba(32, 31, 65, 0.98); }\r\n\r\n .bussola {\r\n width: 60px; height: 60px;\r\n border: 3px solid var(--cor-mast);\r\n border-radius: 50%; position: relative;\r\n animation: girarBussola 2s linear infinite;\r\n }\r\n\r\n .bussola::after {\r\n content: ''; position: absolute; top: 5px; left: 50%;\r\n width: 3px; height: 25px; background: var(--cor-mast);\r\n transform: translateX(-50%);\r\n }\r\n\r\n @keyframes girarBussola { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\r\n\r\n .loader-text {\r\n color: #fff; margin-top: 20px; font-family: sans-serif;\r\n letter-spacing: 1px; font-size: 14px; text-align: center; line-height: 1.5;\r\n }\r\n\r\n \/* --- CONFIGURA\u00c7\u00c3O DOS FUNDOS (PLANOS DE FUNDO) --- *\/\r\n .parada { \r\n width: 100vw !important; \r\n height: 100vh !important; \r\n display: flex; align-items: center; justify-content: center; \r\n position: relative; overflow: hidden; \r\n \r\n \/* Configura\u00e7\u00e3o Mestre da Imagem *\/\r\n background-size: cover !important; \/* Preenche tudo *\/\r\n background-position: center center !important; \r\n background-repeat: no-repeat !important;\r\n \r\n \/* M\u00e1scara escura autom\u00e1tica *\/\r\n background-blend-mode: overlay;\r\n background-color: rgba(0,0,0,0.6); \r\n }\r\n\r\n\/* =========================================\r\n CONFIGURA\u00c7\u00c3O DE IMAGENS (RESPONSIVO)\r\n ========================================= *\/\r\n\r\n \/* --- 1. VERS\u00c3O DESKTOP (Horizontal - 1920x1080) --- *\/\r\n \/* Essas imagens aparecem em PC, Notebook e TV *\/\r\n \r\n #parada-1 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_01a-scaled.jpeg'); } \r\n #parada-2 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_02a-scaled.jpeg'); }\r\n #parada-3 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_03b-scaled.jpeg'); }\r\n #parada-4 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_04a-scaled.jpeg'); }\r\n\r\n\r\n \/* --- 2. VERS\u00c3O MOBILE (Vertical - 1080x1920) --- *\/\r\n \/* O navegador ativa isso automaticamente se a tela for menor que 768px *\/\r\n \r\n @media (max-width: 768px) {\r\n \r\n #parada-1 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_01a_1080x1920.jpeg') !important; } \r\n #parada-2 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_02a_1080x1920.jpeg') !important; }\r\n #parada-3 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_03b_1080x1920.jpeg') !important; }\r\n #parada-4 { background-image: url('https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/0062_2364_04a_1080x1920.jpeg') !important; }\r\n\r\n \/* Ajuste fino para o fundo no celular *\/\r\n .parada {\r\n background-position: center top !important; \/* Foca mais no topo da imagem vertical *\/\r\n }\r\n }\r\n\r\n \/* --- CAIXA DE PERGUNTAS (Estilo Vidro) --- *\/\r\n .pergunta-box {\r\n position: relative; \r\n z-index: 2;\r\n \r\n \/* AQUI EST\u00c1 A M\u00c1GICA DA TRANSPAR\u00caNCIA *\/\r\n \/* 0.7 significa 70% de opacidade (antes estava 0.95) *\/\r\n background: rgba(255, 255, 255, 0.90); \r\n \r\n \/* EFEITO DE DESFOQUE (VIDRO FOSCO) *\/\r\n \/* Isso garante que o texto fique leg\u00edvel mesmo transparente *\/\r\n backdrop-filter: blur(5px); \r\n -webkit-backdrop-filter: blur(5px); \/* Para funcionar no Safari\/iPhone *\/\r\n \r\n padding: 40px; \r\n border-radius: 12px;\r\n box-shadow: 0 25px 50px rgba(0,0,0,0.5);\r\n max-width: 550px; \r\n width: 90%; \r\n text-align: center;\r\n \r\n \/* Borda sutil para destacar o vidro *\/\r\n border-top: 4px solid var(--cor-mast);\r\n border-bottom: 1px solid rgba(255,255,255,0.4);\r\n border-left: 1px solid rgba(255,255,255,0.4);\r\n border-right: 1px solid rgba(255,255,255,0.4);\r\n }\r\n\r\n h2 { font-family: var(--fonte-titulo); color: var(--cor-oceano); margin-bottom: 20px; font-size: 24px; }\r\n p { color: #555; margin-bottom: 20px; font-size: 15px; }\r\n\r\n input, textarea { \r\n width: 100%; padding: 15px; margin: 8px 0; \r\n border: 1px solid #ccc; border-radius: 6px; \r\n font-size: 16px; box-sizing: border-box; \r\n background: #fdfdfd;\r\n }\r\n \r\n input:focus, textarea:focus { outline: none; border-color: var(--cor-oceano); background: #fff; }\r\n textarea { height: 100px; resize: none; }\r\n\r\n \/* OP\u00c7\u00d5ES EM CARDS *\/\r\n .options-container { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 20px 0; }\r\n .option-card {\r\n background: #fff; border: 1px solid #ddd; border-radius: 8px; padding: 15px 10px;\r\n cursor: pointer; transition: all 0.2s; font-size: 14px; font-weight: 600;\r\n color: var(--cor-oceano); display: flex; align-items: center; justify-content: center;\r\n }\r\n .option-card:hover { border-color: var(--cor-mast); background: #fafafa; }\r\n .option-card.selected { border-color: var(--cor-mast); background: var(--cor-oceano); color: #fff; }\r\n\r\n \/* BOT\u00d5ES *\/\r\n .btn-group { display: flex; gap: 15px; justify-content: center; margin-top: 25px; }\r\n button { \r\n background: var(--cor-oceano); color: white; \r\n padding: 16px 40px; border: none; border-radius: 6px; \r\n cursor: pointer; font-weight: bold; font-size: 14px; \r\n letter-spacing: 1px; transition: 0.3s; text-transform: uppercase;\r\n }\r\n button:hover { background: var(--cor-mast); transform: translateY(-2px); }\r\n .btn-voltar { background: #888 !important; }\r\n\r\n \/* ELEMENTO FLUTUANTE *\/\r\n #caravela-animada { \r\n position: fixed; bottom: 30px; right: 30px; \r\n width: 80px; \r\n z-index: 2147483645 !important; \/* Fica acima do container *\/\r\n opacity: 0.8;\r\n animation: flutuar 5s ease-in-out infinite; \r\n }\r\n @keyframes flutuar { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"preloader\">\r\n <div class=\"bussola\"><\/div>\r\n <p class=\"loader-text\">Carregando Diagn\u00f3stico...<\/p>\r\n <\/div>\r\n\r\n <div id=\"envio-loader\">\r\n <div class=\"bussola\"><\/div>\r\n <p class=\"loader-text\">\r\n <strong>Processando Dados...<\/strong><br>\r\n Nossa tripula\u00e7\u00e3o est\u00e1 tra\u00e7ando sua rota.<br>\r\n Aguarde...\r\n <\/p>\r\n <\/div>\r\n\r\n <img decoding=\"async\" src=\"https:\/\/diagnostico.mast360.com.br\/wp-content\/uploads\/2026\/01\/simbolo2_pref_mast360_negativo.png\" id=\"caravela-animada\" alt=\"Mast Icon\">\r\n\r\n <div id=\"jornada-container\">\r\n \r\n <section class=\"parada\" id=\"parada-1\">\r\n \r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Sua marca \u00e9 apenas um logotipo ou tem um destino claro?<br>\r\n Somos o mastro que sustenta sua identidade.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\u2693 Branding & Posicionamento<\/div>\r\n <\/div>\r\n \r\n <div class=\"pergunta-box\">\r\n <h2>1. Quem assume o comando?<\/h2>\r\n <p>Para come\u00e7ar, qual o nome da sua Empresa ou Marca?<\/p>\r\n <input type=\"text\" id=\"p1\" placeholder=\"Ex: MAST 360\u00b0\">\r\n <button onclick=\"proxima(1)\">Iniciar Diagn\u00f3stico<\/button>\r\n <\/div>\r\n\r\n <\/section>\r\n \r\n\r\n <section class=\"parada\" id=\"parada-2\">\r\n \r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Postar por postar \u00e9 o caminho mais r\u00e1pido para afundar.<br>\r\n Dominamos as \u00e1guas digitais para conectar voc\u00ea ao p\u00fablico.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83d\udcf2 Gest\u00e3o de Redes Sociais<\/div>\r\n <\/div>\r\n\r\n <div class=\"pergunta-box\">\r\n <h2>2. O Maior Obst\u00e1culo<\/h2>\r\n <p>O que mais impede seu crescimento hoje?<\/p>\r\n <div class=\"options-container\">\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Vendas Baixas', this)\">Baixas Vendas<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Marca Desconhecida', this)\">Marca Invis\u00edvel<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Falta de Processos', this)\">Desorganiza\u00e7\u00e3o<\/div>\r\n <div class=\"option-card\" onclick=\"selecionarOpcao('p4', 'Identidade Visual Ruim', this)\">Design Amador<\/div>\r\n <\/div>\r\n <input type=\"hidden\" id=\"p4\">\r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(1)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"proxima(2, 'p4')\">Avan\u00e7ar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"parada\" id=\"parada-3\">\r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Sua comunica\u00e7\u00e3o \u00e9 um mapa do tesouro ou polui\u00e7\u00e3o visual?<br>\r\n Traduzimos sua ess\u00eancia em design que conquista.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83c\udfa8 Produ\u00e7\u00e3o de Conte\u00fado & Design<\/div>\r\n <\/div>\r\n <div class=\"pergunta-box\">\r\n <h2>3. Contexto Espec\u00edfico<\/h2>\r\n <p>Descreva brevemente seu cen\u00e1rio. Quanto mais detalhes, melhor a rota.<\/p>\r\n <textarea id=\"pergunta_aberta\" maxlength=\"500\" placeholder=\"Ex: Tenho bons produtos... (M\u00e1ximo 500 caracteres)\"><\/textarea>\r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(2)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"proxima(3)\">Analisar<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section class=\"parada\" id=\"parada-4\">\r\n <div class=\"texto-flutuante\">\r\n <span class=\"frase-impacto\">\r\n \"Tripula\u00e7\u00e3o engajada \u00e9 lucro garantido.<br>\r\n Nossa Vis\u00e3o 360\u00b0 integra equipe e estrat\u00e9gia.\"\r\n <\/span>\r\n <div class=\"etiqueta-servico\">\ud83e\udd1d Endomarketing & Consultoria 360\u00b0<\/div>\r\n <\/div>\r\n <div class=\"pergunta-box\">\r\n <h2>4. Receber Mapa<\/h2>\r\n <p>Para onde devemos enviar o PDF estrat\u00e9gico?<\/p>\r\n \r\n <input type=\"text\" id=\"campo_fantasma\" style=\"position: absolute; left: -9999px; opacity: 0;\" tabindex=\"-1\" autocomplete=\"off\">\r\n\r\n <input type=\"email\" id=\"p7_email\" placeholder=\"Seu melhor E-mail\">\r\n <input type=\"text\" id=\"p7_whats\" placeholder=\"WhatsApp (com DDD)\">\r\n <input type=\"text\" id=\"p7_website\" placeholder=\"Site ou Instagram (Opcional)\">\r\n \r\n <div class=\"btn-group\">\r\n <button onclick=\"voltar(3)\" class=\"btn-voltar\">Voltar<\/button>\r\n <button onclick=\"enviarTudo()\">Solicitar Diagn\u00f3stico<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ URL DO SCRIPT (J\u00e1 configurada)\r\n const WEBHOOK_URL = \"https:\/\/script.google.com\/macros\/s\/AKfycbyMY5-rE6tXNhmvd3jLyJDq-lEKTV8UkVe5VSQyBwnwxfaCkrvya0k4DhO7P2PrEB0m\/exec\"; \r\n\r\n \/\/ PRELOADER\r\n window.addEventListener('load', () => {\r\n setTimeout(() => {\r\n document.getElementById('preloader').style.opacity = '0';\r\n setTimeout(() => document.getElementById('preloader').style.display = 'none', 800);\r\n }, 800);\r\n });\r\n\r\n \/\/ NAVEGA\u00c7\u00c3O\r\n function voltar(destino) {\r\n document.getElementById('jornada-container').style.transform = `translateY(-${(destino - 1) * 100}vh)`;\r\n }\r\n\r\n function proxima(atual, idValidacao = null) {\r\n let val;\r\n if (idValidacao) {\r\n val = document.getElementById(idValidacao).value;\r\n } else {\r\n const input = document.querySelector(`#parada-${atual} input`);\r\n const text = document.querySelector(`#parada-${atual} textarea`);\r\n val = input ? input.value : (text ? text.value : \"\");\r\n }\r\n\r\n if (!val || val.trim() === \"\") {\r\n alert(\"Por favor, preencha este campo para continuar.\");\r\n return;\r\n }\r\n document.getElementById('jornada-container').style.transform = `translateY(-${atual * 100}vh)`;\r\n }\r\n\r\n function selecionarOpcao(inputId, valor, elemento) {\r\n document.getElementById(inputId).value = valor;\r\n elemento.parentElement.querySelectorAll('.option-card').forEach(c => c.classList.remove('selected'));\r\n elemento.classList.add('selected');\r\n }\r\n\r\n \/\/ ENVIO DE DADOS (COM PROTE\u00c7\u00c3O ANTI-SPAM)\r\n async function enviarTudo() {\r\n \/\/ \ud83d\udee1\ufe0f SEGURAN\u00c7A: Se o campo fantasma for preenchido, \u00e9 um rob\u00f4.\r\n const honeypot = document.getElementById('campo_fantasma').value;\r\n if (honeypot !== \"\") {\r\n console.log(\"Acesso automatizado bloqueado.\");\r\n return; \r\n }\r\n\r\n const email = document.getElementById('p7_email').value;\r\n if (!email.includes(\"@\")) { alert(\"Insira um e-mail v\u00e1lido!\"); return; }\r\n\r\n \/\/ Trava o bot\u00e3o e mostra o loader\r\n document.getElementById('envio-loader').style.display = 'flex';\r\n\r\n const dados = {\r\n pergunta1: document.getElementById('p1').value,\r\n pergunta4: document.getElementById('p4').value,\r\n pergunta_aberta: document.getElementById('pergunta_aberta').value,\r\n pergunta7: email,\r\n whatsapp: document.getElementById('p7_whats').value,\r\n website: document.getElementById('p7_website').value\r\n };\r\n\r\n try {\r\n await fetch(WEBHOOK_URL, {\r\n method: 'POST',\r\n mode: 'no-cors',\r\n cache: 'no-cache',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(dados)\r\n });\r\n\r\n \/\/ Redirecionamento\r\n setTimeout(() => {\r\n window.location.href = \"https:\/\/www.mast360.com.br\";\r\n }, 4000);\r\n\r\n } catch (e) {\r\n alert(\"Erro de conex\u00e3o. Tente novamente.\");\r\n document.getElementById('envio-loader').style.display = 'none';\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Diagn\u00f3stico MAST 360\u00b0 | A Jornada Carregando Diagn\u00f3stico… Processando Dados… Nossa tripula\u00e7\u00e3o est\u00e1 tra\u00e7ando sua rota. Aguarde… “Sua marca \u00e9 apenas um logotipo ou tem um destino claro? Somos o mastro que sustenta sua identidade.” \u2693 Branding & Posicionamento 1. Quem assume o comando? Para come\u00e7ar, qual o nome da sua Empresa ou Marca? Iniciar […]<\/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-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":107,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":166,"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/166"}],"wp:attachment":[{"href":"https:\/\/diagnostico.mast360.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}