Calculadora de Planos<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { \r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n .container { max-width: 800px; margin: 0 auto; }\r\n .card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n margin-bottom: 20px;\r\n }\r\n h1 { \r\n color: #667eea; \r\n text-align: center; \r\n margin-bottom: 10px;\r\n font-size: 2.5em;\r\n }\r\n .subtitle {\r\n text-align: center;\r\n color: #666;\r\n margin-bottom: 40px;\r\n }\r\n .question {\r\n margin-bottom: 40px;\r\n }\r\n .question-title {\r\n font-size: 1.3em;\r\n font-weight: bold;\r\n color: #333;\r\n margin-bottom: 20px;\r\n }\r\n .slider-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n input[type=\"range\"] {\r\n flex: 1;\r\n height: 8px;\r\n border-radius: 5px;\r\n background: #ddd;\r\n outline: none;\r\n -webkit-appearance: none;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 25px;\r\n height: 25px;\r\n border-radius: 50%;\r\n background: #667eea;\r\n cursor: pointer;\r\n }\r\n .value-display {\r\n background: #667eea;\r\n color: white;\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2em;\r\n font-weight: bold;\r\n }\r\n .options-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 15px;\r\n }\r\n .option-btn {\r\n padding: 20px;\r\n border: 3px solid #ddd;\r\n border-radius: 15px;\r\n background: white;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n font-size: 1em;\r\n }\r\n .option-btn:hover {\r\n border-color: #667eea;\r\n transform: translateY(-2px);\r\n }\r\n .option-btn.active {\r\n border-color: #667eea;\r\n background: #f0f4ff;\r\n }\r\n .option-icon {\r\n font-size: 1.5em;\r\n }\r\n .comparison-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n }\r\n input[type=\"text\"], input[type=\"number\"] {\r\n width: 100%;\r\n padding: 15px;\r\n border: 2px solid #ddd;\r\n border-radius: 10px;\r\n font-size: 1em;\r\n margin-top: 5px;\r\n }\r\n input[type=\"text\"]:focus, input[type=\"number\"]:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n }\r\n .label {\r\n display: block;\r\n color: #666;\r\n margin-bottom: 5px;\r\n font-size: 0.9em;\r\n }\r\n .btn-calcular {\r\n width: 100%;\r\n padding: 20px;\r\n background: #667eea;\r\n color: white;\r\n border: none;\r\n border-radius: 15px;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n .btn-calcular:hover {\r\n background: #5568d3;\r\n }\r\n .resultado {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n text-align: center;\r\n display: none;\r\n }\r\n .resultado.show {\r\n display: block;\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n @keyframes slideIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .plano-nome {\r\n font-size: 3em;\r\n font-weight: bold;\r\n margin: 20px 0;\r\n }\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin: 30px 0;\r\n }\r\n .stat-card {\r\n background: rgba(255,255,255,0.2);\r\n padding: 20px;\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n }\r\n .stat-value {\r\n font-size: 2em;\r\n font-weight: bold;\r\n }\r\n .stat-label {\r\n font-size: 0.9em;\r\n opacity: 0.9;\r\n margin-top: 5px;\r\n }\r\n .economia-box {\r\n background: rgba(76, 175, 80, 0.3);\r\n border: 3px solid #4CAF50;\r\n padding: 30px;\r\n border-radius: 15px;\r\n margin: 20px 0;\r\n }\r\n .economia-valor {\r\n font-size: 2.5em;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n }\r\n .btn-contratar {\r\n width: 100%;\r\n padding: 20px;\r\n background: white;\r\n color: #667eea;\r\n border: none;\r\n border-radius: 15px;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n margin-top: 20px;\r\n }\r\n .btn-contratar:hover {\r\n background: #f0f4ff;\r\n }\r\n @media (max-width: 768px) {\r\n .stats-grid { grid-template-columns: 1fr; }\r\n .comparison-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"card\">\r\n <h1>\ud83d\ude80 Descubra Seu Plano Ideal<\/h1>\r\n <p class=\"subtitle\">Responda 3 perguntas e saiba qual velocidade voc\u00ea realmente precisa<\/p>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">1. Quantas pessoas usam a internet na sua casa?<\/div>\r\n <div class=\"slider-container\">\r\n <input type=\"range\" id=\"pessoas\" min=\"1\" max=\"10\" value=\"3\">\r\n <div class=\"value-display\" id=\"pessoasDisplay\">3<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">2. Como voc\u00ea usa a internet?<\/div>\r\n <div class=\"options-grid\">\r\n <button class=\"option-btn\" data-uso=\"streaming\">\r\n <span class=\"option-icon\">\ud83d\udcfa<\/span>\r\n <span>Netflix, Disney+, Prime<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"games\">\r\n <span class=\"option-icon\">\ud83c\udfae<\/span>\r\n <span>Games Online<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"trabalho\">\r\n <span class=\"option-icon\">\ud83d\udcbc<\/span>\r\n <span>Home Office<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"social\">\r\n <span class=\"option-icon\">\ud83d\udcf1<\/span>\r\n <span>Redes Sociais<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">3. Quer comparar com seu plano atual? (opcional)<\/div>\r\n <div class=\"comparison-grid\">\r\n <div>\r\n <label class=\"label\">Qual seu plano atual?<\/label>\r\n <input type=\"text\" id=\"planoAtual\" placeholder=\"Ex: 300MB\">\r\n <\/div>\r\n <div>\r\n <label class=\"label\">Quanto voc\u00ea paga?<\/label>\r\n <input type=\"number\" id=\"precoAtual\" placeholder=\"Ex: 120.00\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-calcular\" onclick=\"calcularPlano()\">\r\n Ver Meu Plano Ideal \u2192\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"resultado\" id=\"resultado\">\r\n <h2 style=\"font-size: 1.5em; margin-bottom: 10px;\">Seu Plano Ideal \u00e9:<\/h2>\r\n <div class=\"plano-nome\" id=\"planoNome\"><\/div>\r\n <p style=\"font-size: 1.1em; opacity: 0.9;\">Fibra \u00f3ptica \u2022 Upload e Download sim\u00e9tricos<\/p>\r\n\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoPreco\"><\/div>\r\n <div class=\"stat-label\">por m\u00eas<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoVelocidade\"><\/div>\r\n <div class=\"stat-label\">velocidade<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoPessoas\"><\/div>\r\n <div class=\"stat-label\">pessoas<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"economia-box\" id=\"economiaBox\" style=\"display: none;\">\r\n <div style=\"font-size: 1.5em; font-weight: bold;\">\ud83d\udcc8 Voc\u00ea vai ECONOMIZAR!<\/div>\r\n <div class=\"economia-valor\" id=\"economiaValor\"><\/div>\r\n <div id=\"economiaTexto\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-contratar\" onclick=\"contratar()\">\r\n Contratar Agora pelo WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Estado da aplica\u00e7\u00e3o\r\n let state = {\r\n pessoas: 3,\r\n usos: {\r\n streaming: false,\r\n games: false,\r\n trabalho: false,\r\n social: false\r\n }\r\n };\r\n\r\n \/\/ Planos dispon\u00edveis\r\n const planos = [\r\n { nome: 'B\u00e1sico 200MB', velocidade: 200, preco: 79.90, limite: 200 },\r\n { nome: 'Plus 400MB', velocidade: 400, preco: 99.90, limite: 400 },\r\n { nome: 'Premium 600MB', velocidade: 600, preco: 129.90, limite: 600 },\r\n { nome: 'Ultra 1GB', velocidade: 1000, preco: 159.90, limite: 9999 }\r\n ];\r\n\r\n \/\/ Slider de pessoas\r\n document.getElementById('pessoas').addEventListener('input', function(e) {\r\n state.pessoas = parseInt(e.target.value);\r\n document.getElementById('pessoasDisplay').textContent = state.pessoas;\r\n });\r\n\r\n \/\/ Bot\u00f5es de uso\r\n document.querySelectorAll('.option-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const uso = this.dataset.uso;\r\n state.usos[uso] = !state.usos[uso];\r\n this.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Calcular plano ideal\r\n function calcularPlano() {\r\n let velocidadeMinima = state.pessoas * 50;\r\n \r\n if (state.usos.streaming) velocidadeMinima += 100;\r\n if (state.usos.games) velocidadeMinima += 150;\r\n if (state.usos.trabalho) velocidadeMinima += 100;\r\n if (state.usos.social) velocidadeMinima += 50;\r\n\r\n \/\/ Encontrar o plano adequado\r\n const planoRecomendado = planos.find(p => velocidadeMinima <= p.limite);\r\n\r\n \/\/ Atualizar resultado\r\n document.getElementById('planoNome').textContent = planoRecomendado.nome;\r\n document.getElementById('planoPreco').textContent = 'R$ ' + planoRecomendado.preco.toFixed(2);\r\n document.getElementById('planoVelocidade').textContent = planoRecomendado.velocidade + 'MB';\r\n document.getElementById('planoPessoas').textContent = state.pessoas;\r\n\r\n \/\/ Calcular economia\r\n const precoAtual = parseFloat(document.getElementById('precoAtual').value);\r\n if (precoAtual && precoAtual > 0) {\r\n const economiaAnual = (precoAtual - planoRecomendado.preco) * 12;\r\n \r\n if (economiaAnual > 0) {\r\n document.getElementById('economiaBox').style.display = 'block';\r\n document.getElementById('economiaValor').textContent = \r\n 'R$ ' + economiaAnual.toFixed(2) + ' por ano';\r\n document.getElementById('economiaTexto').textContent = \r\n 'Comparado ao seu plano atual de R$ ' + precoAtual.toFixed(2);\r\n } else if (economiaAnual < 0) {\r\n document.getElementById('economiaBox').style.display = 'block';\r\n document.getElementById('economiaBox').style.background = 'rgba(255, 193, 7, 0.3)';\r\n document.getElementById('economiaBox').style.borderColor = '#FFC107';\r\n document.getElementById('economiaBox').innerHTML = \r\n '<div style=\"font-size: 1.5em; font-weight: bold;\">\ud83d\udca1 Vale a pena o upgrade!<\/div>' +\r\n '<p style=\"margin-top: 15px;\">Por apenas R$ ' + \r\n Math.abs(economiaAnual \/ 12).toFixed(2) + \r\n ' a mais por m\u00eas, voc\u00ea ter\u00e1 uma internet muito mais r\u00e1pida!<\/p>';\r\n }\r\n } else {\r\n document.getElementById('economiaBox').style.display = 'none';\r\n }\r\n\r\n \/\/ Mostrar resultado\r\n document.getElementById('resultado').classList.add('show');\r\n document.getElementById('resultado').scrollIntoView({ behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o de contrata\u00e7\u00e3o (personalize com seu n\u00famero de WhatsApp)\r\n function contratar() {\r\n const planoNome = document.getElementById('planoNome').textContent;\r\n const pessoas = state.pessoas;\r\n const mensagem = encodeURIComponent(\r\n `Ol\u00e1! Tenho interesse no plano ${planoNome}. Vi na calculadora que \u00e9 ideal para ${pessoas} pessoas.`\r\n );\r\n \r\n \/\/ SUBSTITUA pelo n\u00famero do WhatsApp do provedor (formato: 5511999999999)\r\n const numeroWhatsApp = '5511999999999';\r\n \r\n window.open(`https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagem}`, '_blank');\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>Calculadora de Planos \ud83d\ude80 Descubra Seu Plano Ideal Responda 3 perguntas e saiba qual velocidade voc\u00ea realmente precisa 1. Quantas pessoas usam a internet na sua casa? 3 2. Como voc\u00ea usa a internet? \ud83d\udcfa Netflix, Disney+, Prime \ud83c\udfae Games Online \ud83d\udcbc Home Office \ud83d\udcf1 Redes Sociais 3. Quer comparar com seu plano atual? (opcional) […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":3,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"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 Calculadora de Planos<\/title>\r\n <style>\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n body { \r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n padding: 20px;\r\n min-height: 100vh;\r\n }\r\n .container { max-width: 800px; margin: 0 auto; }\r\n .card {\r\n background: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n margin-bottom: 20px;\r\n }\r\n h1 { \r\n color: #667eea; \r\n text-align: center; \r\n margin-bottom: 10px;\r\n font-size: 2.5em;\r\n }\r\n .subtitle {\r\n text-align: center;\r\n color: #666;\r\n margin-bottom: 40px;\r\n }\r\n .question {\r\n margin-bottom: 40px;\r\n }\r\n .question-title {\r\n font-size: 1.3em;\r\n font-weight: bold;\r\n color: #333;\r\n margin-bottom: 20px;\r\n }\r\n .slider-container {\r\n display: flex;\r\n align-items: center;\r\n gap: 20px;\r\n }\r\n input[type=\"range\"] {\r\n flex: 1;\r\n height: 8px;\r\n border-radius: 5px;\r\n background: #ddd;\r\n outline: none;\r\n -webkit-appearance: none;\r\n }\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 25px;\r\n height: 25px;\r\n border-radius: 50%;\r\n background: #667eea;\r\n cursor: pointer;\r\n }\r\n .value-display {\r\n background: #667eea;\r\n color: white;\r\n width: 70px;\r\n height: 70px;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 2em;\r\n font-weight: bold;\r\n }\r\n .options-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n gap: 15px;\r\n }\r\n .option-btn {\r\n padding: 20px;\r\n border: 3px solid #ddd;\r\n border-radius: 15px;\r\n background: white;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 15px;\r\n font-size: 1em;\r\n }\r\n .option-btn:hover {\r\n border-color: #667eea;\r\n transform: translateY(-2px);\r\n }\r\n .option-btn.active {\r\n border-color: #667eea;\r\n background: #f0f4ff;\r\n }\r\n .option-icon {\r\n font-size: 1.5em;\r\n }\r\n .comparison-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 15px;\r\n }\r\n input[type=\"text\"], input[type=\"number\"] {\r\n width: 100%;\r\n padding: 15px;\r\n border: 2px solid #ddd;\r\n border-radius: 10px;\r\n font-size: 1em;\r\n margin-top: 5px;\r\n }\r\n input[type=\"text\"]:focus, input[type=\"number\"]:focus {\r\n outline: none;\r\n border-color: #667eea;\r\n }\r\n .label {\r\n display: block;\r\n color: #666;\r\n margin-bottom: 5px;\r\n font-size: 0.9em;\r\n }\r\n .btn-calcular {\r\n width: 100%;\r\n padding: 20px;\r\n background: #667eea;\r\n color: white;\r\n border: none;\r\n border-radius: 15px;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n .btn-calcular:hover {\r\n background: #5568d3;\r\n }\r\n .resultado {\r\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n color: white;\r\n border-radius: 20px;\r\n padding: 40px;\r\n text-align: center;\r\n display: none;\r\n }\r\n .resultado.show {\r\n display: block;\r\n animation: slideIn 0.5s ease-out;\r\n }\r\n @keyframes slideIn {\r\n from { opacity: 0; transform: translateY(20px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n .plano-nome {\r\n font-size: 3em;\r\n font-weight: bold;\r\n margin: 20px 0;\r\n }\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 15px;\r\n margin: 30px 0;\r\n }\r\n .stat-card {\r\n background: rgba(255,255,255,0.2);\r\n padding: 20px;\r\n border-radius: 15px;\r\n backdrop-filter: blur(10px);\r\n }\r\n .stat-value {\r\n font-size: 2em;\r\n font-weight: bold;\r\n }\r\n .stat-label {\r\n font-size: 0.9em;\r\n opacity: 0.9;\r\n margin-top: 5px;\r\n }\r\n .economia-box {\r\n background: rgba(76, 175, 80, 0.3);\r\n border: 3px solid #4CAF50;\r\n padding: 30px;\r\n border-radius: 15px;\r\n margin: 20px 0;\r\n }\r\n .economia-valor {\r\n font-size: 2.5em;\r\n font-weight: bold;\r\n margin: 10px 0;\r\n }\r\n .btn-contratar {\r\n width: 100%;\r\n padding: 20px;\r\n background: white;\r\n color: #667eea;\r\n border: none;\r\n border-radius: 15px;\r\n font-size: 1.2em;\r\n font-weight: bold;\r\n cursor: pointer;\r\n margin-top: 20px;\r\n }\r\n .btn-contratar:hover {\r\n background: #f0f4ff;\r\n }\r\n @media (max-width: 768px) {\r\n .stats-grid { grid-template-columns: 1fr; }\r\n .comparison-grid { grid-template-columns: 1fr; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"card\">\r\n <h1>\ud83d\ude80 Descubra Seu Plano Ideal<\/h1>\r\n <p class=\"subtitle\">Responda 3 perguntas e saiba qual velocidade voc\u00ea realmente precisa<\/p>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">1. Quantas pessoas usam a internet na sua casa?<\/div>\r\n <div class=\"slider-container\">\r\n <input type=\"range\" id=\"pessoas\" min=\"1\" max=\"10\" value=\"3\">\r\n <div class=\"value-display\" id=\"pessoasDisplay\">3<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">2. Como voc\u00ea usa a internet?<\/div>\r\n <div class=\"options-grid\">\r\n <button class=\"option-btn\" data-uso=\"streaming\">\r\n <span class=\"option-icon\">\ud83d\udcfa<\/span>\r\n <span>Netflix, Disney+, Prime<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"games\">\r\n <span class=\"option-icon\">\ud83c\udfae<\/span>\r\n <span>Games Online<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"trabalho\">\r\n <span class=\"option-icon\">\ud83d\udcbc<\/span>\r\n <span>Home Office<\/span>\r\n <\/button>\r\n <button class=\"option-btn\" data-uso=\"social\">\r\n <span class=\"option-icon\">\ud83d\udcf1<\/span>\r\n <span>Redes Sociais<\/span>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"question\">\r\n <div class=\"question-title\">3. Quer comparar com seu plano atual? (opcional)<\/div>\r\n <div class=\"comparison-grid\">\r\n <div>\r\n <label class=\"label\">Qual seu plano atual?<\/label>\r\n <input type=\"text\" id=\"planoAtual\" placeholder=\"Ex: 300MB\">\r\n <\/div>\r\n <div>\r\n <label class=\"label\">Quanto voc\u00ea paga?<\/label>\r\n <input type=\"number\" id=\"precoAtual\" placeholder=\"Ex: 120.00\" step=\"0.01\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-calcular\" onclick=\"calcularPlano()\">\r\n Ver Meu Plano Ideal \u2192\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"resultado\" id=\"resultado\">\r\n <h2 style=\"font-size: 1.5em; margin-bottom: 10px;\">Seu Plano Ideal \u00e9:<\/h2>\r\n <div class=\"plano-nome\" id=\"planoNome\"><\/div>\r\n <p style=\"font-size: 1.1em; opacity: 0.9;\">Fibra \u00f3ptica \u2022 Upload e Download sim\u00e9tricos<\/p>\r\n\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoPreco\"><\/div>\r\n <div class=\"stat-label\">por m\u00eas<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoVelocidade\"><\/div>\r\n <div class=\"stat-label\">velocidade<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"planoPessoas\"><\/div>\r\n <div class=\"stat-label\">pessoas<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"economia-box\" id=\"economiaBox\" style=\"display: none;\">\r\n <div style=\"font-size: 1.5em; font-weight: bold;\">\ud83d\udcc8 Voc\u00ea vai ECONOMIZAR!<\/div>\r\n <div class=\"economia-valor\" id=\"economiaValor\"><\/div>\r\n <div id=\"economiaTexto\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"btn-contratar\" onclick=\"contratar()\">\r\n Contratar Agora pelo WhatsApp\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Estado da aplica\u00e7\u00e3o\r\n let state = {\r\n pessoas: 3,\r\n usos: {\r\n streaming: false,\r\n games: false,\r\n trabalho: false,\r\n social: false\r\n }\r\n };\r\n\r\n \/\/ Planos dispon\u00edveis\r\n const planos = [\r\n { nome: 'B\u00e1sico 200MB', velocidade: 200, preco: 79.90, limite: 200 },\r\n { nome: 'Plus 400MB', velocidade: 400, preco: 99.90, limite: 400 },\r\n { nome: 'Premium 600MB', velocidade: 600, preco: 129.90, limite: 600 },\r\n { nome: 'Ultra 1GB', velocidade: 1000, preco: 159.90, limite: 9999 }\r\n ];\r\n\r\n \/\/ Slider de pessoas\r\n document.getElementById('pessoas').addEventListener('input', function(e) {\r\n state.pessoas = parseInt(e.target.value);\r\n document.getElementById('pessoasDisplay').textContent = state.pessoas;\r\n });\r\n\r\n \/\/ Bot\u00f5es de uso\r\n document.querySelectorAll('.option-btn').forEach(btn => {\r\n btn.addEventListener('click', function() {\r\n const uso = this.dataset.uso;\r\n state.usos[uso] = !state.usos[uso];\r\n this.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Calcular plano ideal\r\n function calcularPlano() {\r\n let velocidadeMinima = state.pessoas * 50;\r\n \r\n if (state.usos.streaming) velocidadeMinima += 100;\r\n if (state.usos.games) velocidadeMinima += 150;\r\n if (state.usos.trabalho) velocidadeMinima += 100;\r\n if (state.usos.social) velocidadeMinima += 50;\r\n\r\n \/\/ Encontrar o plano adequado\r\n const planoRecomendado = planos.find(p => velocidadeMinima <= p.limite);\r\n\r\n \/\/ Atualizar resultado\r\n document.getElementById('planoNome').textContent = planoRecomendado.nome;\r\n document.getElementById('planoPreco').textContent = 'R$ ' + planoRecomendado.preco.toFixed(2);\r\n document.getElementById('planoVelocidade').textContent = planoRecomendado.velocidade + 'MB';\r\n document.getElementById('planoPessoas').textContent = state.pessoas;\r\n\r\n \/\/ Calcular economia\r\n const precoAtual = parseFloat(document.getElementById('precoAtual').value);\r\n if (precoAtual && precoAtual > 0) {\r\n const economiaAnual = (precoAtual - planoRecomendado.preco) * 12;\r\n \r\n if (economiaAnual > 0) {\r\n document.getElementById('economiaBox').style.display = 'block';\r\n document.getElementById('economiaValor').textContent = \r\n 'R$ ' + economiaAnual.toFixed(2) + ' por ano';\r\n document.getElementById('economiaTexto').textContent = \r\n 'Comparado ao seu plano atual de R$ ' + precoAtual.toFixed(2);\r\n } else if (economiaAnual < 0) {\r\n document.getElementById('economiaBox').style.display = 'block';\r\n document.getElementById('economiaBox').style.background = 'rgba(255, 193, 7, 0.3)';\r\n document.getElementById('economiaBox').style.borderColor = '#FFC107';\r\n document.getElementById('economiaBox').innerHTML = \r\n '<div style=\"font-size: 1.5em; font-weight: bold;\">\ud83d\udca1 Vale a pena o upgrade!<\/div>' +\r\n '<p style=\"margin-top: 15px;\">Por apenas R$ ' + \r\n Math.abs(economiaAnual \/ 12).toFixed(2) + \r\n ' a mais por m\u00eas, voc\u00ea ter\u00e1 uma internet muito mais r\u00e1pida!<\/p>';\r\n }\r\n } else {\r\n document.getElementById('economiaBox').style.display = 'none';\r\n }\r\n\r\n \/\/ Mostrar resultado\r\n document.getElementById('resultado').classList.add('show');\r\n document.getElementById('resultado').scrollIntoView({ behavior: 'smooth' });\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o de contrata\u00e7\u00e3o (personalize com seu n\u00famero de WhatsApp)\r\n function contratar() {\r\n const planoNome = document.getElementById('planoNome').textContent;\r\n const pessoas = state.pessoas;\r\n const mensagem = encodeURIComponent(\r\n `Ol\u00e1! Tenho interesse no plano ${planoNome}. Vi na calculadora que \u00e9 ideal para ${pessoas} pessoas.`\r\n );\r\n \r\n \/\/ SUBSTITUA pelo n\u00famero do WhatsApp do provedor (formato: 5511999999999)\r\n const numeroWhatsApp = '5511999999999';\r\n \r\n window.open(`https:\/\/wa.me\/${numeroWhatsApp}?text=${mensagem}`, '_blank');\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>Calculadora de Planos \ud83d\ude80 Descubra Seu Plano Ideal Responda 3 perguntas e saiba qual velocidade voc\u00ea realmente precisa 1. Quantas pessoas usam a internet na sua casa? 3 2. Como voc\u00ea usa a internet? \ud83d\udcfa Netflix, Disney+, Prime \ud83c\udfae Games Online \ud83d\udcbc Home Office \ud83d\udcf1 Redes Sociais 3. Quer comparar com seu plano atual? (opcional) […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/comments?post=26"}],"version-history":[{"count":3,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":29,"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/pages\/26\/revisions\/29"}],"wp:attachment":[{"href":"https:\/\/criacao.appfortrademobile.com\/index.php\/wp-json\/wp\/v2\/media?parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}