{"id":7,"date":"2025-10-23T16:44:17","date_gmt":"2025-10-23T16:44:17","guid":{"rendered":"https:\/\/mynegocios.com.br\/semtelinha\/?page_id=7"},"modified":"2025-10-23T17:01:15","modified_gmt":"2025-10-23T17:01:15","slug":"sem-telinha","status":"publish","type":"page","link":"https:\/\/mynegocios.com.br\/semtelinha\/","title":{"rendered":"SEM TELINHA"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n \r\n \r\n Quiz: Menos Telas, Mais Conex\u00e3o<\/title>\r\n <!-- Tailwind CSS -->\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <!-- Google Fonts: Inter -->\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=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n \/* Define a fonte Inter para todo o corpo do documento *\/\r\n body {\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden; \/* Evita rolagem horizontal indesejada *\/\r\n }\r\n\r\n \/* Anima\u00e7\u00e3o de pulso para bot\u00f5es de CTA *\/\r\n @keyframes pulse {\r\n 0%, 100% { transform: scale(1); }\r\n 50% { transform: scale(1.02); } \/* Suavizado para 1.02 *\/\r\n }\r\n\r\n .cta-pulse {\r\n animation: pulse 2.5s infinite;\r\n }\r\n\r\n \/* Esconde a barra de rolagem para o cont\u00eainer de imagens de prova *\/\r\n .proof-images-container::-webkit-scrollbar { display: none; }\r\n .proof-images-container { -ms-overflow-style: none; scrollbar-width: none; }\r\n\r\n \/* Transi\u00e7\u00e3o suave para a barra de progresso *\/\r\n .progress-bar-fill {\r\n transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n \/* Estilo para a op\u00e7\u00e3o selecionada no quiz *\/\r\n .option.selected {\r\n border-color: #4338CA; \/* indigo-700 *\/\r\n background-color: #EEF2FF; \/* indigo-50 *\/\r\n transform: translateY(-2px);\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* Estilos para transi\u00e7\u00e3o de perguntas *\/\r\n .question {\r\n transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;\r\n opacity: 0;\r\n transform: translateX(100%);\r\n position: absolute; \/* Posiciona as perguntas para sobreposi\u00e7\u00e3o *\/\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n }\r\n\r\n .question.active {\r\n opacity: 1;\r\n transform: translateX(0);\r\n position: relative; \/* Ativa a posi\u00e7\u00e3o relativa para a pergunta atual *\/\r\n }\r\n\r\n .question.leaving {\r\n opacity: 0;\r\n transform: translateX(-100%);\r\n }\r\n\r\n \/* Estilo base para as op\u00e7\u00f5es do quiz *\/\r\n .option {\r\n @apply flex items-center w-full p-3 sm:p-4 bg-gray-100 border-2 border-transparent\r\n rounded-lg cursor-pointer text-left transition-all duration-200\r\n hover:bg-indigo-50 hover:border-indigo-300 hover:shadow-md hover:-translate-y-1;\r\n }\r\n <\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-gray-50 min-h-screen flex items-center justify-center\">\r\n\r\n <div class=\"quiz-container bg-white w-full max-w-2xl mx-auto rounded-2xl shadow-xl p-4 sm:p-6 md:p-8 my-8 relative overflow-hidden\">\r\n <!-- Cabe\u00e7alho com Contador e Barra de Progresso -->\r\n <div class=\"header mb-4 sm:mb-6 z-10 relative\">\r\n <div class=\"text-center text-sm text-gray-500 mb-2\">\r\n Pais preocupados respondendo agora: <span id=\"userCount\" class=\"font-bold text-gray-700\">987<\/span>\r\n <\/div>\r\n <div class=\"progress-bar w-full bg-gray-200 rounded-full h-3 overflow-hidden\">\r\n <div id=\"progressFill\" class=\"progress-bar-fill h-full bg-indigo-600 rounded-full\"><\/div>\r\n <\/div>\r\n <div id=\"progressText\" class=\"text-center text-xs text-gray-500 mt-1\">Vamos come\u00e7ar!<\/div>\r\n <\/div>\r\n\r\n <div class=\"questions-wrapper relative\" style=\"min-height: 600px;\">\r\n <!-- Tela 0: Intro -->\r\n <div class=\"question active p-4 sm:p-6 md:p-8\" id=\"q0\">\r\n <img decoding=\"async\" src=\"https:\/\/alimentacaomuitosaudavel.com.br\/wp-content\/uploads\/2025\/09\/FT01.jpeg\"\r\n alt=\"Crian\u00e7a olhando para um tablet\" class=\"rounded-xl shadow-md mb-4 w-full h-56 sm:h-64 object-cover\">\r\n <h2 class=\"text-xl sm:text-2xl font-bold text-gray-800 mb-2\">Seu filho pede o tablet assim que acorda? Voc\u00ea n\u00e3o est\u00e1 sozinha...<\/h2>\r\n <p class=\"text-gray-600 mb-4 text-sm sm:text-base\">Sabemos como \u00e9 desafiador equilibrar a tecnologia na rotina das crian\u00e7as. Muitas m\u00e3es sentem que perderam o controle, mas a boa not\u00edcia \u00e9 que pequenos ajustes podem fazer toda a diferen\u00e7a.<\/p>\r\n <p class=\"text-gray-600 mb-8 text-sm sm:text-base\">Responda nosso quiz r\u00e1pido e descubra como outras fam\u00edlias conseguiram transformar essa realidade!<\/p>\r\n\r\n <button onclick=\"nextQuestion(0)\" aria-label=\"Iniciar Quiz Agora\"\r\n class=\"cta-button w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 sm:py-4 px-6 rounded-lg text-base sm:text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 cta-pulse\">\r\n INICIAR QUIZ AGORA\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Tela 1 (Pergunta 1) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q1\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">1. Pensando na rotina do seu filho, como voc\u00ea descreveria o uso de telas na casa de voc\u00eas?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 1)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"Menos de 1 hora\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude0a<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Bem controlado, sem muitos conflitos<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 1)\" data-category=\"riskScore\" data-points=\"4\" aria-label=\"1 a 2 horas\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude10<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">\u00c0s vezes rola uma negocia\u00e7\u00e3o, mas nada demais<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 1)\" data-category=\"riskScore\" data-points=\"7\" aria-label=\"2 a 4 horas\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude1f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Virou motivo de briga quase todo dia<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 1)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Mais de 4 horas\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude28<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sinto que perdi o controle da situa\u00e7\u00e3o<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 2 (Pergunta 2) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q2\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">2. J\u00e1 aconteceu de voc\u00ea ceder \u00e0s telas s\u00f3 para ter alguns minutos de paz?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 2)\" data-category=\"riskScore\" data-points=\"4\" aria-label=\"N\u00e3o ter ideias de atividades alternativas\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\udca1<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Raramente, s\u00f3 em emerg\u00eancias<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 2)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"Meu filho faz birra e eu cedo\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude21<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">\u00c0s vezes, quando preciso resolver algo urgente<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 2)\" data-category=\"riskScore\" data-points=\"6\" aria-label=\"Preciso das telas para ter um tempo livre\"> <span class=\"text-xl sm:text-2xl mr-3\">\u23f1\ufe0f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Frequentemente, especialmente quando estou cansada<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 2)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Todas as alternativas acima\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd75<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, e depois me sinto culpada por isso<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 3 (Pergunta 3) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q3\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">3. Quando voc\u00ea tenta tirar a tela, qual \u00e9 a rea\u00e7\u00e3o mais comum do seu filho?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 3)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"Nunca, \u00e9 uma ferramenta \u00fatil\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude0e<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Aceita numa boa, \u00e0s vezes reclama um pouco<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 3)\" data-category=\"riskScore\" data-points=\"5\" aria-label=\"\u00c0s vezes, mas n\u00e3o vejo alternativa\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude15<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Negocia, mas acaba aceitando<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 3)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"Frequentemente me sinto mal por isso\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude14<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Faz birra, mas logo se distrai com outra coisa<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 3)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Sim, e isso me preocupa muito\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude2d<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Faz uma crise que dura muito tempo<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 4 (Pergunta 4) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q4\">\r\n <img decoding=\"async\" src=\"https:\/\/alimentacaomuitosaudavel.com.br\/wp-content\/uploads\/2025\/09\/FT02.png\"\r\n alt=\"Crian\u00e7a entediada no sof\u00e1\" class=\"rounded-xl shadow-md mb-4 w-full max-h-80 object-contain\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x320\/cccccc\/ffffff?text=Imagem+Indispon\u00edvel';\">\r\n <img decoding=\"async\" src=\"https:\/\/alimentacaomuitosaudavel.com.br\/wp-content\/uploads\/2025\/09\/FT03.png\"\r\n alt=\"Crian\u00e7a usando tablet\" class=\"rounded-xl shadow-md mb-4 w-full max-h-80 object-contain\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x320\/cccccc\/ffffff?text=Imagem+Indispon\u00edvel';\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">4. Voc\u00ea sabia que o excesso de telas pode afetar a capacidade do seu filho de lidar com o t\u00e9dio?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 4)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"N\u00e3o sabia\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd14<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o sabia<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 4)\" data-category=\"riskScore\" data-points=\"4\" aria-label=\"Sim, eu sabia\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude04<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, eu sabia<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 5: Transi\u00e7\u00e3o 1 -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q5\">\r\n <img decoding=\"async\" src=\"https:\/\/alimentacaomuitosaudavel.com.br\/wp-content\/uploads\/2025\/09\/FT04.png\"\r\n alt=\"Ilustra\u00e7\u00e3o de um c\u00e9rebro com engrenagens\" class=\"rounded-xl shadow-md mb-4 w-full max-h-80 object-contain\" onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x320\/cccccc\/ffffff?text=Imagem+Cient\u00edfica';\">\r\n <p class=\"text-gray-600 mb-3 text-sm sm:text-base\">Como as telas s\u00e3o recentes, demoramos a compreender o impacto na vida de quem as consome, assim como foi com o \u00e1lcool e o tabagismo no passado.<\/p>\r\n <blockquote class=\"border-l-4 border-indigo-300 pl-4 my-4 text-gray-700 italic\">\r\n \u201c...a exposi\u00e7\u00e3o excessiva pode causar disfun\u00e7\u00f5es no sistema de recompensa, o que est\u00e1 ligado \u00e0 aprendizagem e a v\u00e1rios tipos de v\u00edcios.\u201d\r\n <cite class=\"block not-italic text-right text-sm text-gray-500 mt-1\">- Dr. Michel Desmurget<\/cite>\r\n <\/blockquote>\r\n <p class=\"text-gray-600 mb-4 text-sm sm:text-base\">O importante \u00e9 que voc\u00ea est\u00e1 tendo acesso a essas informa\u00e7\u00f5es e descobrir\u00e1 como diminuir as telas do seu filho.<\/p>\r\n\r\n <div class=\"bg-indigo-50 p-4 rounded-lg border border-indigo-200 mb-6\">\r\n <h3 class=\"font-bold text-base sm:text-lg text-indigo-700 mb-3 text-center\">4 Benef\u00edcios em 7 Dias com Menos Tela:<\/h3>\r\n <ul class=\"space-y-2 text-sm text-gray-700\">\r\n <li class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83c\udfaf<\/span> Foco e aten\u00e7\u00e3o melhorados<\/li>\r\n <li class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83d\ude34<\/span> Sono mais tranquilo<\/li>\r\n <li class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83c\udfa8<\/span> Criatividade explosiva<\/li>\r\n <li class=\"flex items-center\"><span class=\"text-xl mr-3\">\ud83e\udd1d<\/span> Relacionamento familiar fortalecido<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <button onclick=\"nextQuestion(5)\" aria-label=\"Continuar Quiz\"\r\n class=\"cta-button w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 sm:py-4 px-6 rounded-lg text-base sm:text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n CONTINUAR QUIZ\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Tela 6 (Pergunta 5) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q6\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">5. Qual dessas situa\u00e7\u00f5es mais te desafia hoje?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 6)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"N\u00e3o ter ideias de atividades\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\udca1<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o ter ideias de atividades que prendam a aten\u00e7\u00e3o<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 6)\" data-category=\"riskScore\" data-points=\"6\" aria-label=\"Filho entediado\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude29<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Meu filho diz que est\u00e1 entediado sem as telas<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 6)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"Falta de tempo\"> <span class=\"text-xl sm:text-2xl mr-3\">\u23f3<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o ter tempo para preparar brincadeiras<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 6)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Todas as situa\u00e7\u00f5es\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd37\u200d\u2640\ufe0f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Todas essas situa\u00e7\u00f5es me desafiam<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 7 (Pergunta 6) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q7\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">6. Voc\u00ea sabia que fam\u00edlias que conseguiram reduzir as telas seguem 3 passos simples?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 7)\" data-category=\"riskScore\" data-points=\"6\" aria-label=\"N\u00e3o, \u00e9 novidade\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude32<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o, \u00e9 novidade para mim<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 7)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"J\u00e1 ouvi falar\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd14<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">J\u00e1 ouvi falar, mas nunca tentei aplicar<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 7)\" data-category=\"riskScore\" data-points=\"4\" aria-label=\"N\u00e3o sei os passos\"> <span class=\"text-xl sm:text-2xl mr-3\">\u2753<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, mas n\u00e3o sei quais s\u00e3o esses passos<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 7)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"N\u00e3o funcionou\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude1e<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Conhe\u00e7o, mas n\u00e3o funcionou aqui em casa<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 8 (Pergunta 7) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q8\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">7. Se existisse um material pronto, com atividades que realmente funcionam, voc\u00ea tentaria?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 8)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Sim, seria um al\u00edvio\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude0d<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, seria um al\u00edvio ter algo pronto<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 8)\" data-category=\"riskScore\" data-points=\"5\" aria-label=\"Talvez\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd14<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Talvez, dependendo de como fosse apresentado<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 8)\" data-category=\"riskScore\" data-points=\"2\" aria-label=\"Prefiro criar\"> <span class=\"text-xl sm:text-2xl mr-3\">\u270d\ufe0f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Prefiro criar minhas pr\u00f3prias atividades<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 8)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"N\u00e3o acredito que funcionaria\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd37<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o acredito que funcionaria com meu filho<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 9: Transi\u00e7\u00e3o 2 -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q9\">\r\n <p class=\"text-center text-gray-700 mb-6\"> <strong>PESQUISA REVELA:<\/strong>\"83% das m\u00e3es brasileiras relatam sentir culpa pelo uso de telas como 'bab\u00e1 eletr\u00f4nica'\"<br><span class=\"text-sm italic\">- Instituto Datafolha, 2024<\/span><\/p>\r\n \r\n <img decoding=\"async\" src=\"https:\/\/alimentacaomuitosaudavel.com.br\/wp-content\/uploads\/2025\/09\/FT05.png\" \r\n alt=\"M\u00e3e e filho interagindo\" \r\n class=\"rounded-xl shadow-md mb-6 w-full max-h-80 object-cover\"\r\n onerror=\"this.onerror=null;this.src='https:\/\/placehold.co\/600x320\/cccccc\/ffffff?text=Imagem+Indispon\u00edvel';\">\r\n \r\n <p class=\"text-gray-600 mb-4 text-sm sm:text-base\">\r\n Entendemos exatamente o que voc\u00ea est\u00e1 passando. Segundo pesquisas recentes,<strong> voc\u00ea faz parte de um grupo de 8 em cada 10 m\u00e3es<\/strong> que vivem esse dilema entre a praticidade das telas e a preocupa\u00e7\u00e3o com o desenvolvimento dos filhos.\r\n <\/p>\r\n \r\n <div class=\"bg-yellow-50 p-4 rounded-lg border border-yellow-200 mb-6\">\r\n <p class=\"text-yellow-800 font-medium text-center\">\r\n A descoberta mais importante?<br>\r\n <span class=\"text-lg font-bold\">Fam\u00edlias que conseguiram encontrar equil\u00edbrio!<\/span><br>\r\n N\u00e3o \"baniram\" as telas - elas simplesmente descobriram alternativas que realmente funcionam.\r\n <\/p>\r\n <\/div>\r\n\r\n <button onclick=\"nextQuestion(9)\" \r\n class=\"cta-button w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 sm:py-4 px-6 rounded-lg text-base sm:text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1\">\r\n CONTINUAR QUIZ\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Tela 10 (Pergunta 8) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q10\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">8. Como voc\u00ea se sente quando v\u00ea seu filho vidrado na tela, sem interagir com mais nada?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 10)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"Sim, conhe\u00e7o bem todos os riscos\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83c\udf93<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Tranquila, sei que \u00e9 s\u00f3 um momento<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 10)\" data-category=\"riskScore\" data-points=\"5\" aria-label=\"Conhe\u00e7o alguns riscos\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\uddd0<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Um pouco preocupada, mas n\u00e3o sei o que fazer<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 10)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"Ouvi falar, mas n\u00e3o conhe\u00e7o detalhes\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\udcd6<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Culpada, sinto que deveria fazer diferente<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 10)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"N\u00e3o, n\u00e3o conhe\u00e7o os riscos\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude1e<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Angustiada, tenho medo dos efeitos a longo prazo<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 11 (Pergunta 9) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q11\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">9. Qual seria o maior presente que voc\u00ea poderia dar para sua fam\u00edlia?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 11)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Sim, seria muito \u00fatil\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\ude0d<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Mais tempo de qualidade juntos<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 11)\" data-category=\"riskScore\" data-points=\"5\" aria-label=\"Talvez, dependendo da qualidade\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\udd14<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Ver meu filho brincando e criando sem depender de telas<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 11)\" data-category=\"riskScore\" data-points=\"2\" aria-label=\"Prefiro criar minhas pr\u00f3prias atividades\"> <span class=\"text-xl sm:text-2xl mr-3\">\u270d\ufe0f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Ter uma rotina mais tranquila, sem brigas<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 11)\" data-category=\"riskScore\" data-points=\"8\" aria-label=\"N\u00e3o tenho impressora\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83d\udda8\ufe0f<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Todos esses presentes<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 12 (Pergunta 10) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q12\">\r\n <h2 class=\"text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-4\">10. Se voc\u00ea pudesse transformar essa situa\u00e7\u00e3o ainda hoje, voc\u00ea come\u00e7aria?<\/h2>\r\n <div class=\"space-y-3\">\r\n <div class=\"option\" onclick=\"selectOption(this, 12)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Sim, pagaria at\u00e9 R$30\"><span class=\"text-xl sm:text-2xl mr-3\">\u2705<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, quero come\u00e7ar agora mesmo<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 12)\" data-category=\"riskScore\" data-points=\"10\" aria-label=\"Sim, pagaria at\u00e9 mais de R$100\"><span class=\"text-xl sm:text-2xl mr-3\">\ud83d\udcb0<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Sim, mas preciso de algo realmente simples<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 12)\" data-category=\"riskScore\" data-points=\"5\" aria-label=\"Talvez, precisaria ver o conte\u00fado\"> <span class=\"text-xl sm:text-2xl mr-3\">\ud83e\uddd0<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">Talvez, quero ver como seria<\/span><\/div>\r\n <div class=\"option\" onclick=\"selectOption(this, 12)\" data-category=\"riskScore\" data-points=\"1\" aria-label=\"N\u00e3o, prefiro solu\u00e7\u00f5es gratuitas\"> <span class=\"text-xl sm:text-2xl mr-3\">\u274c<\/span> <span class=\"text-gray-700 text-sm sm:text-base\">N\u00e3o sei, tenho medo de mais uma frustra\u00e7\u00e3o<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Tela 13: Transi\u00e7\u00e3o Harvard -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q13\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-center text-indigo-700 mb-4\">\r\n \ud83d\udcca ESTUDO COMPROVA:\r\n <\/h3>\r\n <blockquote class=\"text-center bg-indigo-50 border-l-4 border-r-4 border-indigo-300 p-4 rounded-lg my-4 shadow-sm\">\r\n <p class=\"text-lg sm:text-xl font-semibold text-gray-800\">\"Crian\u00e7as com acesso a atividades manuais estruturadas reduzem 67% do tempo de tela espontaneamente\"<\/p>\r\n <cite class=\"block not-italic text-right text-sm text-gray-500 mt-2\">- Harvard School of Education, 2024<\/cite>\r\n <\/blockquote>\r\n <p class=\"text-gray-600 mb-4 text-base sm:text-lg\">Voc\u00ea acabou de ver algo que a ci\u00eancia j\u00e1 comprovou: n\u00e3o \u00e9 sobre tirar as telas de uma vez, mas sobre ter <strong>alternativas reais que funcionam.<\/strong><\/p>\r\n <p class=\"text-gray-600 mb-4 text-base sm:text-lg\">Um estudo recente da Harvard mostrou que quando as crian\u00e7as t\u00eam op\u00e7\u00f5es interessantes e os pais t\u00eam ferramentas pr\u00e1ticas, a redu\u00e7\u00e3o das telas acontece <strong>naturalmente<\/strong> - sem conflitos, sem brigas.<\/p>\r\n <div class=\"bg-green-50 p-4 rounded-lg border border-green-200 my-6 text-center\">\r\n <p class=\"text-green-800 font-medium text-base sm:text-lg\">\r\n A boa not\u00edcia \u00e9 que voc\u00ea n\u00e3o precisa carregar esse peso sozinha \ud83d\ude00<br>\r\n Mais de <strong>10 mil m\u00e3es<\/strong> j\u00e1 descobriram que \u00e9 poss\u00edvel sim ter uma rotina mais leve e conectada - e <strong>91% delas viram resultados em apenas 1 semana.<\/strong>\r\n <\/p>\r\n <\/div>\r\n <p class=\"text-center text-gray-800 font-bold text-lg sm:text-xl mb-4\">VEJA O RESULTADO DO SEU TESTE \ud83d\udc47<\/p>\r\n <button onclick=\"nextQuestion(13)\" aria-label=\"Ver meu resultado\"\r\n class=\"cta-button w-full bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 sm:py-4 px-6 rounded-lg text-base sm:text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 cta-pulse\">\r\n VER MEU PLANO\r\n <\/button>\r\n <\/div>\r\n \r\n <!-- Tela 14: Plano Personalizado -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q14\">\r\n <h2 class=\"text-2xl sm:text-3xl font-extrabold text-center text-indigo-800 mb-2\">\ud83c\udf89 SEU PLANO PERSONALIZADO EST\u00c1 PRONTO!<\/h2>\r\n <p class=\"text-gray-600 mb-6 text-center text-base sm:text-lg\">Baseado nas suas respostas, criamos um caminho espec\u00edfico para transformar a rotina do seu filho!<\/p>\r\n \r\n <div class=\"bg-white p-4 rounded-xl border-2 border-indigo-200 shadow-lg\">\r\n <h3 class=\"font-bold text-lg sm:text-xl text-indigo-700 mb-4 text-center\">\ud83d\udc9d APRESENTANDO: KIT FILHOS SEM TELA<\/h3>\r\n <p class=\"font-semibold text-gray-800 mb-3\">O que voc\u00ea vai receber hoje:<\/p>\r\n \r\n <div class=\"space-y-4\">\r\n <div class=\"p-3 bg-indigo-50 rounded-lg\">\r\n <p class=\"font-bold text-indigo-900\">\ud83d\udcda +100 ATIVIDADES PRONTAS PARA IMPRIMIR<\/p>\r\n <ul class=\"list-disc list-inside text-sm text-gray-700 mt-1 ml-4 space-y-1\">\r\n <li>50 brincadeiras criativas por idade (2-10 anos)<\/li>\r\n <li>30 atividades para desenvolver foco e concentra\u00e7\u00e3o<\/li>\r\n <li>20 projetos art\u00edsticos que estimulam criatividade<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-3 bg-indigo-50 rounded-lg\">\r\n <p class=\"font-bold text-indigo-900\">\ud83c\udfaf PLANO DE 7 DIAS STEP-BY-STEP<\/p>\r\n <ul class=\"list-disc list-inside text-sm text-gray-700 mt-1 ml-4 space-y-1\">\r\n <li>Roteiro dia a dia para implementa\u00e7\u00e3o gradual<\/li>\r\n <li>Cronograma personalizado por idade<\/li>\r\n <li>Scripts prontos para conversar com seu filho<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-3 bg-indigo-50 rounded-lg\">\r\n <p class=\"font-bold text-indigo-900\">\ud83d\udee0\ufe0f FERRAMENTAS DE APOIO<\/p>\r\n <ul class=\"list-disc list-inside text-sm text-gray-700 mt-1 ml-4 space-y-1\">\r\n <li>Checklist de progresso semanal<\/li>\r\n <li>Tabela de recompensas motivacionais<\/li>\r\n <li>Guia de \"emerg\u00eancia\" para momentos de resist\u00eancia<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"p-3 bg-yellow-50 rounded-lg border border-yellow-300\">\r\n <p class=\"font-bold text-yellow-900\">\ud83c\udf81 B\u00d4NUS EXCLUSIVOS:<\/p>\r\n <ul class=\"list-disc list-inside text-sm text-yellow-800 mt-1 ml-4 space-y-1\">\r\n <li>15 receitas de \"massinha caseira\" super f\u00e1cil<\/li>\r\n <li>Guia: \"Como criar um cantinho de atividades\"<\/li>\r\n <li>Template de agenda visual para crian\u00e7as<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <button onclick=\"nextQuestion(14)\" aria-label=\"Ver Oferta Especial\"\r\n class=\"cta-button w-full mt-6 bg-green-500 hover:bg-green-600 text-white font-bold py-3 sm:py-4 px-6 rounded-lg text-base sm:text-lg shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 cta-pulse\">\r\n QUERO VER MINHA OFERTA ESPECIAL\r\n <\/button>\r\n <\/div>\r\n\r\n <!-- Tela 15: Oferta Final (ATUALIZADA) -->\r\n <div class=\"question p-4 sm:p-6 md:p-8\" id=\"q15\">\r\n <!-- Depoimentos -->\r\n <div class=\"mb-6\">\r\n <h3 class=\"text-xl sm:text-2xl font-bold text-center text-gray-800 mb-4\">\ud83d\udd25 DEPOIMENTOS REAIS DE QUEM J\u00c1 TRANSFORMOU:<\/h3>\r\n <div class=\"space-y-4\">\r\n <div class=\"bg-gray-100 p-3 rounded-lg shadow-sm\">\r\n <p class=\"text-gray-700 italic\">\"Em 3 dias minha filha de 4 anos parou de pedir o tablet! Hoje ela mesma escolhe as atividades do kit.\"<\/p>\r\n <p class=\"text-right font-bold text-sm text-indigo-600 mt-1\">- Marina, m\u00e3e da Sophia<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-100 p-3 rounded-lg shadow-sm\">\r\n <p class=\"text-gray-700 italic\">\"Achei que ia ser dif\u00edcil... mas ele AMOU as atividades. Nunca vi meu filho t\u00e3o empolgado!\"<\/p>\r\n <p class=\"text-right font-bold text-sm text-indigo-600 mt-1\">- Carla, m\u00e3e do Pedro<\/p>\r\n <\/div>\r\n <div class=\"bg-gray-100 p-3 rounded-lg shadow-sm\">\r\n <p class=\"text-gray-700 italic\">\"A gente voltou a jantar em fam\u00edlia sem gritos, sem correria e sem telas!\"<\/p>\r\n <p class=\"text-right font-bold text-sm text-indigo-600 mt-1\">- Ana, m\u00e3e de g\u00eameos<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Valor vs Investimento -->\r\n <div class=\"my-6 bg-indigo-50 border-2 border-dashed border-indigo-200 rounded-lg p-4\">\r\n <h3 class=\"text-xl font-bold text-center text-indigo-800 mb-3\">\ud83d\udcb0 VALOR REAL vs INVESTIMENTO:<\/h3>\r\n <p class=\"text-center text-gray-600 mb-4\">Se voc\u00ea fosse contratar:<\/p>\r\n <ul class=\"text-gray-700 space-y-2 text-center\">\r\n <li>Consulta com psic\u00f3loga infantil: <span class=\"line-through\">R$ 200<\/span><\/li>\r\n <li>Material pedag\u00f3gico personalizado: <span class=\"line-through\">R$ 150<\/span><\/li>\r\n <li>Kit de atividades impressas: <span class=\"line-through\">R$ 80<\/span><\/li>\r\n <li>Acompanhamento semanal: <span class=\"line-through\">R$ 120<\/span><\/li>\r\n <li class=\"font-bold text-lg\">TOTAL: <span class=\"line-through\">R$ 550<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <!-- Oferta Especial -->\r\n <div class=\"text-center my-6\">\r\n <p class=\"text-gray-600 text-lg\">\u23f0 OFERTA ESPECIAL - APENAS HOJE:<\/p>\r\n <p class=\"text-red-600 font-bold\"><span class=\"text-xl line-through\">De R$ 97<\/span><\/p>\r\n <p class=\"text-4xl sm:text-5xl font-extrabold text-green-600 my-1\">por apenas R$ 19,90<\/p>\r\n <p class=\"text-indigo-700 font-semibold mt-2\">\ud83c\udfaf Por que esse pre\u00e7o? <span class=\"font-normal text-gray-600\">Queremos que TODA m\u00e3e tenha acesso a essa transforma\u00e7\u00e3o. Este valor cobre apenas nossos custos de servidor e suporte.<\/span><\/p>\r\n <\/div>\r\n\r\n <!-- Bot\u00e3o de Compra -->\r\n <a href=\"https:\/\/go.hotmart.com\/J102552424P?ap=ef49\" target=\"_blank\" aria-label=\"Garantir meu acesso com desconto\"\r\n class=\"cta-button block w-full bg-green-500 hover:bg-green-600 text-white font-extrabold py-4 px-6 rounded-lg text-lg sm:text-xl text-center shadow-lg hover:shadow-xl transition-all duration-300 transform hover:-translate-y-1 cta-pulse\">\r\n GARANTIR MEU ACESSO COM DESCONTO\r\n <\/a>\r\n\r\n <!-- Garantia -->\r\n <div class=\"mt-6 bg-blue-50 border-2 border-blue-300 rounded-lg p-4 text-center shadow-md\">\r\n <h3 class=\"font-bold text-lg text-blue-800 mb-2\">\ud83d\udee1\ufe0f GARANTIA BLINDADA DE 15 DIAS:<\/h3>\r\n <p class=\"text-gray-700 text-sm\">Teste por 15 dias completos! Se voc\u00ea n\u00e3o ver seu filho mais criativo, focado e menos dependente das telas, devolvemos 100% do seu dinheiro. Sem perguntas, sem complica\u00e7\u00e3o.<\/p>\r\n <\/div>\r\n\r\n <!-- \u00daltimos Avisos -->\r\n <div class=\"mt-6 space-y-2 text-center text-sm\">\r\n <div class=\"bg-red-100 text-red-700 font-bold p-2 rounded-lg animate-pulse\">\r\n \ud83d\udd25 Promo\u00e7\u00e3o expira em: <span id=\"countdown-timer\" class=\"font-mono\">15:00<\/span>\r\n <\/div>\r\n <div class=\"bg-yellow-100 text-yellow-800 font-bold p-2 rounded-lg\">\r\n \ud83c\udfaf Restam apenas: 23 vagas com desconto\r\n <\/div>\r\n <div class=\"bg-green-100 text-green-800 font-bold p-2 rounded-lg\">\r\n \ud83d\udcf1 Acesso imediato: Receba tudo por email em 2 minutos\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Ainda em D\u00favida? -->\r\n <div class=\"mt-6 bg-gray-100 rounded-lg p-4 text-center\">\r\n <h4 class=\"font-bold text-gray-800\">\ud83e\udd14 AINDA EM D\u00daVIDA?<\/h4>\r\n <p class=\"text-gray-600 my-2\">Pense assim: R$ 19,90 \u00e9 menos que um lanche no shopping ou 2 caf\u00e9s na padaria.<\/p>\r\n <p class=\"text-lg font-bold text-indigo-700\">O que vale mais? \u2615 ou \ud83e\udde0<\/p>\r\n <p class=\"text-xs text-gray-500 mt-3 italic\">P.S.: Mais de 10.000 fam\u00edlias j\u00e1 transformaram sua rotina com nosso m\u00e9todo. Sua fam\u00edlia ser\u00e1 a pr\u00f3xima?<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"footer mt-6 text-center text-xs text-gray-400\">\r\n <p>\u00a9 2024 Filhos Sem Telas. Todos os Direitos Reservados.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let userCount = 987; \/\/ Contador de usu\u00e1rios online\r\n let currentQuestionIndex = 0; \/\/ \u00cdndice da tela atual\r\n const totalScreens = 16; \/\/ Total de telas (Intro, 10 Perguntas, 3 Transi\u00e7\u00f5es, 1 Plano, 1 Final)\r\n let userProfile = { riskScore: 0 }; \/\/ Objeto para armazenar a pontua\u00e7\u00e3o de risco do usu\u00e1rio\r\n\r\n \/\/ Fun\u00e7\u00e3o para atualizar o contador de usu\u00e1rios aleatoriamente\r\n function updateUserCount() {\r\n const variation = Math.floor(Math.random() * 20) - 10; \/\/ Varia\u00e7\u00e3o de -10 a +9\r\n userCount += variation;\r\n if (userCount > 1200) userCount = 1200;\r\n if (userCount < 950) userCount = 950;\r\n document.getElementById('userCount').textContent = userCount;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para iniciar o temporizador de contagem regressiva\r\n function startTimer(duration, display) {\r\n if (display.dataset.timerStarted) return; \/\/ Evita iniciar m\u00faltiplos timers\r\n display.dataset.timerStarted = true;\r\n let timer = duration, minutes, seconds;\r\n const interval = setInterval(function () {\r\n minutes = parseInt(timer \/ 60, 10);\r\n seconds = parseInt(timer % 60, 10);\r\n minutes = minutes < 10 ? \"0\" + minutes : minutes;\r\n seconds = seconds < 10 ? \"0\" + seconds : seconds;\r\n display.textContent = minutes + \":\" + seconds;\r\n if (--timer < 0) {\r\n clearInterval(interval);\r\n display.textContent = \"TEMPO ESGOTADO!\";\r\n display.closest('div').classList.remove('text-red-700', 'animate-pulse');\r\n display.closest('div').classList.add('text-gray-500');\r\n }\r\n }, 1000);\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para selecionar uma op\u00e7\u00e3o no quiz\r\n function selectOption(element, questionIndex) {\r\n const options = element.parentElement.querySelectorAll('.option');\r\n options.forEach(opt => opt.classList.remove('selected'));\r\n element.classList.add('selected');\r\n\r\n const category = element.dataset.category;\r\n const points = parseInt(element.dataset.points, 10);\r\n if (category && !isNaN(points)) {\r\n userProfile[category] += points;\r\n }\r\n\r\n setTimeout(() => {\r\n nextQuestion(questionIndex);\r\n }, 300);\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para avan\u00e7ar para a pr\u00f3xima pergunta\/tela\r\n function nextQuestion(current) {\r\n const currentDiv = document.getElementById('q' + current);\r\n const nextDiv = document.getElementById('q' + (current + 1));\r\n\r\n if (currentDiv) {\r\n currentDiv.classList.remove('active');\r\n currentDiv.classList.add('leaving');\r\n }\r\n\r\n setTimeout(() => {\r\n if (currentDiv) {\r\n currentDiv.style.display = 'none';\r\n currentDiv.classList.remove('leaving');\r\n }\r\n if (nextDiv) {\r\n nextDiv.style.display = 'block';\r\n void nextDiv.offsetWidth; \r\n nextDiv.classList.add('active'); \r\n currentQuestionIndex = current + 1;\r\n }\r\n updateProgressBar();\r\n window.scrollTo({ top: 0, behavior: 'smooth' });\r\n }, 500);\r\n }\r\n \r\n \/\/ Fun\u00e7\u00e3o para atualizar a barra de progresso e o texto\r\n function updateProgressBar() {\r\n const progress = Math.min(((currentQuestionIndex) \/ (totalScreens - 1)) * 100, 100);\r\n document.getElementById('progressFill').style.width = `${progress}%`;\r\n const progressTextEl = document.getElementById('progressText');\r\n\r\n if (currentQuestionIndex === 0) {\r\n progressTextEl.textContent = `Vamos come\u00e7ar!`;\r\n } else if (currentQuestionIndex === 5 || currentQuestionIndex === 9) {\r\n progressTextEl.textContent = `Informa\u00e7\u00e3o Importante`;\r\n } else if (currentQuestionIndex === 13) {\r\n progressTextEl.textContent = `Analisando suas respostas...`;\r\n } else if (currentQuestionIndex === 14) {\r\n progressTextEl.textContent = `Seu plano est\u00e1 pronto!`;\r\n } else if (currentQuestionIndex === 15) { \r\n progressTextEl.textContent = `Sua oferta especial est\u00e1 pronta! \u2728`;\r\n const fifteenMinutes = 60 * 15;\r\n const display = document.querySelector('#countdown-timer');\r\n if (display) {\r\n startTimer(fifteenMinutes, display);\r\n }\r\n } else { \/\/ Default para as p\u00e1ginas de perguntas\r\n progressTextEl.textContent = `Progresso: ${Math.round(progress)}%`;\r\n }\r\n }\r\n \r\n \/\/ Adiciona estilos base para as op\u00e7\u00f5es do quiz e esconde telas n\u00e3o ativas\r\n function initializeQuiz() {\r\n const options = document.querySelectorAll('.option');\r\n options.forEach(option => {\r\n option.classList.add(\r\n 'flex', 'items-center', 'w-full', 'p-3', 'sm:p-4', 'bg-gray-100', 'border-2', 'border-transparent',\r\n 'rounded-lg', 'cursor-pointer', 'text-left', 'transition-all', 'duration-200',\r\n 'hover:bg-indigo-50', 'hover:border-indigo-300', 'hover:shadow-md', 'hover:-translate-y-1'\r\n );\r\n });\r\n\r\n const questions = document.querySelectorAll('.question');\r\n questions.forEach((question, index) => {\r\n if (index !== 0) {\r\n question.style.display = 'none';\r\n question.classList.remove('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Evento que dispara quando o DOM \u00e9 completamente carregado\r\n document.addEventListener('DOMContentLoaded', () => {\r\n setInterval(updateUserCount, 3000);\r\n initializeQuiz();\r\n updateProgressBar();\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>Quiz: Menos Telas, Mais Conex\u00e3o Pais preocupados respondendo agora: 987 Vamos come\u00e7ar! Seu filho pede o tablet assim que acorda? Voc\u00ea n\u00e3o est\u00e1 sozinha… Sabemos como \u00e9 desafiador equilibrar a tecnologia na rotina das crian\u00e7as. Muitas m\u00e3es sentem que perderam o controle, mas a boa not\u00edcia \u00e9 que pequenos ajustes podem fazer toda a diferen\u00e7a. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":20,"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/pages\/7\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/mynegocios.com.br\/semtelinha\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}