{"id":270,"date":"2026-02-15T18:15:31","date_gmt":"2026-02-15T21:15:31","guid":{"rendered":"https:\/\/nuovo.com.br\/novo\/?page_id=270"},"modified":"2026-03-05T14:56:32","modified_gmt":"2026-03-05T17:56:32","slug":"diagnostico","status":"publish","type":"page","link":"https:\/\/nuovo.com.br\/novo\/diagnostico\/","title":{"rendered":"Diagn\u00f3stico"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"270\" class=\"elementor elementor-270\">\n\t\t\t\t<div class=\"elementor-element elementor-element-169c344e e-flex e-con-boxed e-con e-parent\" data-id=\"169c344e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5d3407b2 e-con-full e-flex e-con e-child\" data-id=\"5d3407b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-12b6a796 elementor-widget elementor-widget-image\" data-id=\"12b6a796\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"297\" src=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-1024x380.png\" class=\"attachment-large size-large wp-image-65\" alt=\"\" srcset=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-1024x380.png 1024w, https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-300x111.png 300w, https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-768x285.png 768w, https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-1536x571.png 1536w, https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-01-2048x761.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68013098 e-con-full e-flex e-con e-child\" data-id=\"68013098\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d58d091 elementor-widget elementor-widget-ekit-nav-menu\" data-id=\"1d58d091\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ekit-nav-menu.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<nav class=\"ekit-wid-con ekit_menu_responsive_tablet\"\n\t\t\tdata-hamburger-icon=\"\"\n\t\t\tdata-hamburger-icon-type=\"icon\"\n\t\t\tdata-responsive-breakpoint=\"1024\">\n\t\t\t            <button class=\"elementskit-menu-hamburger elementskit-menu-toggler\"  type=\"button\" aria-label=\"hamburger-icon\">\n                                    <span class=\"elementskit-menu-hamburger-icon\"><\/span><span class=\"elementskit-menu-hamburger-icon\"><\/span><span class=\"elementskit-menu-hamburger-icon\"><\/span>\n                            <\/button>\n            <div id=\"ekit-megamenu-principal\" class=\"elementskit-menu-container elementskit-menu-offcanvas-elements elementskit-navbar-nav-default ekit-nav-menu-one-page-no ekit-nav-dropdown-hover\"><ul id=\"menu-principal\" class=\"elementskit-navbar-nav elementskit-menu-po-center submenu-click-on-icon\"><li id=\"menu-item-724\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-home menu-item-724 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/\" class=\"ekit-menu-nav-link\">Home<\/a><\/li>\n<li id=\"menu-item-723\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-723 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/quem-somos-2\/\" class=\"ekit-menu-nav-link\">Quem Somos<\/a><\/li>\n<li id=\"menu-item-828\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-828 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/servicos\/\" class=\"ekit-menu-nav-link\">Servi\u00e7os<\/a><\/li>\n<li id=\"menu-item-880\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-880 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/port\/\" class=\"ekit-menu-nav-link\">Portf\u00f3lio<\/a><\/li>\n<li id=\"menu-item-868\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-868 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/blog\/\" class=\"ekit-menu-nav-link\">Blog<\/a><\/li>\n<li id=\"menu-item-722\" class=\"menu-item menu-item-type-post_type menu-item-object-page menu-item-722 nav-item elementskit-mobile-builder-content\" data-vertical-menu=750px><a href=\"https:\/\/nuovo.com.br\/novo\/contato\/\" class=\"ekit-menu-nav-link\">Contato<\/a><\/li>\n<\/ul><div class=\"elementskit-nav-identity-panel\"><button class=\"elementskit-menu-close elementskit-menu-toggler\" type=\"button\">X<\/button><\/div><\/div>\n\t\t\t<div class=\"elementskit-menu-overlay elementskit-menu-offcanvas-elements elementskit-menu-toggler ekit-nav-menu--overlay\"><\/div>        <\/nav>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5a03e0d9 e-con-full e-flex e-con e-child\" data-id=\"5a03e0d9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53f5e520 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"53f5e520\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/nuovo.com.br\/novo\/diagnostico\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Diagn\u00f3stico<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-14318408 e-con-full e-flex e-con e-child\" data-id=\"14318408\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53d9ef6f elementor-widget elementor-widget-elementskit-social-media\" data-id=\"53d9ef6f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"elementskit-social-media.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"ekit-wid-con\" >\t\t\t <ul class=\"ekit_social_media\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-024d04d\">\n\t\t\t\t\t    <a\n\t\t\t\t\t\thref=\"https:\/\/www.instagram.com\/estudionuovodesign\/\" target=\"_blank\" aria-label=\"Instagram\" class=\"1\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-instagram-1\"><\/i>\n                                                                                                            <\/a>\n                    <\/li>\n                    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-6c10790\">\n\t\t\t\t\t    <a\n\t\t\t\t\t\thref=\"https:\/\/br.linkedin.com\/company\/nuovo-design\" target=\"_blank\" aria-label=\"LinkedIn\" class=\"linkedin\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-linkedin\"><\/i>\n                                                                                                            <\/a>\n                    <\/li>\n                    \t\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"elementor-repeater-item-08d93d1\">\n\t\t\t\t\t    <a\n\t\t\t\t\t\thref=\"https:\/\/www.facebook.com\/estudionuovodesign\/\" target=\"_blank\" aria-label=\"Facebook\" class=\"facebook\" >\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"icon icon-facebook\"><\/i>\n                                                                                                            <\/a>\n                    <\/li>\n                    \t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41b012e e-con-full e-flex e-con e-parent\" data-id=\"41b012e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52c53eb elementor-widget elementor-widget-html\" data-id=\"52c53eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"pt-BR\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no\" \/>\n  <title>Nuovo Design | Diagn\u00f3stico IA<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/use.typekit.net\/vour_kit_id.css\" \/>\n\n  <style>\n    :root {\n      --primary: #43474F;\n      --accent: #d5653c;\n      --bg: #f8f8f8;\n      --white: #ffffff;\n      --font-stack: 'Museo Sans', 'Source Sans 3', sans-serif;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body{\n      font-family: var(--font-stack);\n      background: var(--bg);\n      color: var(--primary);\n      min-height: 100vh;\n      overflow-y: auto;\n      overflow-x: hidden;\n      padding-bottom: 120px;\n    }\n\n    .progress-bar{\n      height: 4px;\n      background: rgba(0,0,0,0.05);\n      width: 100%;\n      position: fixed;\n      top: 0; left: 0;\n      z-index: 100;\n    }\n    .progress-fill{\n      height: 100%;\n      background: var(--accent);\n      width: 0%;\n      transition: width 0.5s ease;\n    }\n\n    .footer-brand{\n      position: fixed;\n      bottom: 20px;\n      left: 50%;\n      transform: translateX(-50%);\n      font-size: 12px;\n      font-weight: 700;\n      color: var(--primary);\n      opacity: 0.25;\n      letter-spacing: 1px;\n      pointer-events: none;\n    }\n\n    .main-container{\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 60px 20px;\n      width: 100%;\n      max-width: 1400px;\n      margin: 0 auto;\n      min-height: calc(100vh - 120px);\n    }\n\n    .step{\n      display: none;\n      width: 100%;\n      max-width: 900px;\n      opacity: 0;\n      transform: translateY(30px);\n      transition: all 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);\n    }\n\n    .step.active{\n      display: block;\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    \/* \u2705 CORRE\u00c7\u00c3O FINAL: Alinhamento perfeito do texto com a linha *\/\n    .step input[type=\"text\"],\n    .step input[type=\"email\"],\n    .step input[type=\"url\"],\n    .step textarea{\n      width: 100%;\n      font-family: var(--font-stack);\n      font-size: 48px;\n      font-weight: 400;\n      color: var(--primary);\n      background: transparent;\n      border: none;\n      border-bottom: 3px solid var(--accent);\n      outline: none;\n      resize: none;\n      overflow: hidden;\n\n      \/* \u2705 Ajuste preciso: texto alinhado na baseline da linha *\/\n      padding: 0;\n      margin: 0 0 40px 0;\n      line-height: 1.1;\n      height: 58px;\n      vertical-align: baseline;\n    }\n\n    .step textarea{\n      min-height: 58px;\n      height: auto;\n    }\n\n    .step input:focus,\n    .step textarea:focus{\n      border-bottom-color: var(--accent);\n    }\n\n    .step input::placeholder,\n    .step textarea::placeholder{\n      color: var(--accent);\n      opacity: 0.4;\n    }\n\n    .question-label{\n      font-size: 14px;\n      font-weight: 700;\n      letter-spacing: 2px;\n      text-transform: uppercase;\n      color: var(--accent);\n      margin-bottom: 24px;\n      display: block;\n    }\n\n    .question-title{\n      font-size: 54px;\n      font-weight: 700;\n      line-height: 1.1;\n      color: var(--primary);\n      margin-bottom: 48px;\n    }\n\n    h1{\n      font-size: 54px;\n      font-weight: 700;\n      line-height: 1.1;\n      color: var(--primary);\n      margin-bottom: 28px;\n    }\n\n    h1 strong{\n      color: var(--accent);\n    }\n\n    .step p{\n      font-size: 22px;\n      line-height: 1.6;\n      color: rgba(67,71,79,0.85);\n      margin: 0 0 40px 0;\n    }\n\n    .btn-action{\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: var(--accent);\n      color: var(--white);\n      font-size: 18px;\n      font-weight: 700;\n      padding: 18px 48px;\n      border-radius: 8px;\n      border: none;\n      cursor: pointer;\n      transition: all 0.3s;\n      text-decoration: none;\n    }\n\n    .btn-action:hover{\n      background: #c1502f;\n      transform: translateY(-2px);\n      box-shadow: none;\n    }\n\n    .btn-secondary{\n      background: transparent;\n      color: var(--accent);\n      border: 2px solid var(--accent);\n      margin-right: 16px;\n    }\n\n    .btn-secondary:hover{\n      background: var(--accent);\n      color: var(--white);\n    }\n\n    .pill-group{\n      display: flex;\n      gap: 16px;\n      margin: 32px 0;\n    }\n\n    .pill{\n      flex: 1;\n      padding: 20px;\n      background: var(--white);\n      border: 3px solid #e0e0e0;\n      border-radius: 12px;\n      font-size: 20px;\n      font-weight: 600;\n      cursor: pointer;\n      transition: all 0.3s;\n      text-align: center;\n    }\n\n    .pill:hover{\n      border-color: var(--accent);\n    }\n\n    .pill.active{\n      background: var(--accent);\n      color: var(--white);\n      border-color: var(--accent);\n    }\n\n    .upload-area{\n      border: 3px dashed #ccc;\n      border-radius: 12px;\n      padding: 40px;\n      text-align: center;\n      cursor: pointer;\n      transition: all 0.3s;\n      margin: 32px 0;\n      background: var(--white);\n    }\n\n    .upload-area:hover{\n      border-color: var(--accent);\n    }\n\n    .upload-icon{\n      font-size: 64px;\n      color: var(--accent);\n      margin-bottom: 16px;\n    }\n\n    #logoPreview{\n      display: none;\n      max-width: 100%;\n      max-height: 180px;\n      margin: 20px auto;\n      object-fit: contain;\n    }\n\n    #stepResult{\n      width: 100%;\n      max-width: 1000px;\n      padding: 40px 20px 80px;\n    }\n\n    #stepResult h2{\n      font-size: 42px;\n      font-weight: 700;\n      color: var(--primary);\n      margin-bottom: 32px;\n    }\n\n    #diagnosisOutput{\n      font-size: 19px;\n      line-height: 1.8;\n      color: var(--primary);\n    }\n\n    #diagnosisOutput strong{\n      font-weight: 700;\n    }\n\n    .hint{\n      font-size: 14px;\n      color: #999;\n      margin-top: 16px;\n    }\n\n    @media (max-width: 768px){\n      .question-title, h1{\n        font-size: 36px;\n      }\n\n      .step input[type=\"text\"],\n      .step input[type=\"email\"],\n      .step input[type=\"url\"],\n      .step textarea{\n        font-size: 32px;\n        height: 48px;\n      }\n\n      .pill-group{\n        flex-direction: column;\n      }\n    }\n  <\/style>\n<\/head>\n<body>\n\n  <div class=\"progress-bar\">\n    <div class=\"progress-fill\" id=\"progressFill\"><\/div>\n  <\/div>\n\n  <div class=\"main-container\">\n\n    <!-- INTRO -->\n    <div class=\"step active\" id=\"stepIntro\">\n      <h1>Descubra o potencial oculto da sua marca com a <strong>IA da Nuovo<\/strong>.<\/h1>\n      <p>Em apenas 2 minutos, nossa Intelig\u00eancia Artificial analisar\u00e1 sua presen\u00e7a digital e criar\u00e1 um plano estrat\u00e9gico personalizado.<\/p>\n      <button class=\"btn-action\" onclick=\"nextStep(2)\">Come\u00e7ar Diagn\u00f3stico Gratuito<\/button>\n    <\/div>\n\n    <!-- STEP 1: Nome -->\n    <div class=\"step\" id=\"step2\">\n      <span class=\"question-label\">PERGUNTA 1\/9<\/span>\n      <h2 class=\"question-title\">Qual \u00e9 o seu nome?<\/h2>\n      <input type=\"text\" id=\"userName\" placeholder=\"Digite aqui...\" onkeydown=\"if(event.key==='Enter') nextStep(3)\" autofocus \/>\n      <button class=\"btn-action\" onclick=\"nextStep(3)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 2: Email -->\n    <div class=\"step\" id=\"step3\">\n      <span class=\"question-label\">PERGUNTA 2\/9<\/span>\n      <h2 class=\"question-title\">Qual \u00e9 o seu <strong>e-mail<\/strong>?<\/h2>\n      <input type=\"email\" id=\"userEmail\" placeholder=\"seu@email.com\" onkeydown=\"if(event.key==='Enter') nextStep(4)\" \/>\n      <button class=\"btn-action\" onclick=\"nextStep(4)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 3: Empresa -->\n    <div class=\"step\" id=\"step4\">\n      <span class=\"question-label\">PERGUNTA 3\/9<\/span>\n      <h2 class=\"question-title\">Qual \u00e9 o nome da sua <strong>empresa<\/strong>?<\/h2>\n      <input type=\"text\" id=\"companyName\" placeholder=\"Nome da empresa...\" onkeydown=\"if(event.key==='Enter') nextStep(5)\" \/>\n      <button class=\"btn-action\" onclick=\"nextStep(5)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 4: Tem site? -->\n    <div class=\"step\" id=\"step5\">\n      <span class=\"question-label\">PERGUNTA 4\/9<\/span>\n      <h2 class=\"question-title\">Sua empresa tem <strong>site<\/strong>?<\/h2>\n      <div class=\"pill-group\">\n        <div class=\"pill\" id=\"pillYes\" onclick=\"setActivePill(true); toggleWebsiteField(true);\">Sim<\/div>\n        <div class=\"pill\" id=\"pillNo\" onclick=\"setActivePill(false); toggleWebsiteField(false);\">N\u00e3o<\/div>\n      <\/div>\n      <div id=\"websiteInputContainer\" style=\"display:none; margin-top:32px;\">\n        <input type=\"url\" id=\"websiteUrl\" placeholder=\"https:\/\/seusite.com.br\" onkeydown=\"if(event.key==='Enter') nextStep(6)\" \/>\n        <button class=\"btn-action\" onclick=\"nextStep(6)\" style=\"margin-top:24px;\">Continuar<\/button>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 5: Upload Logo -->\n    <div class=\"step\" id=\"step6\">\n      <span class=\"question-label\">PERGUNTA 5\/9<\/span>\n      <h2 class=\"question-title\">Envie o <strong>logo<\/strong> da sua marca<\/h2>\n      <p style=\"opacity:0.7;\">Isso ajuda nossa IA a avaliar a identidade visual.<\/p>\n\n      <div class=\"upload-area\" onclick=\"document.getElementById('logoInput').click()\">\n        <div class=\"upload-icon\">\ud83d\udcc1<\/div>\n        <p id=\"uploadText\" style=\"font-size:18px; color:#666;\">Clique para enviar (JPG, PNG)<\/p>\n        <img id=\"logoPreview\" alt=\"Preview\" \/>\n        <input type=\"file\" id=\"logoInput\" accept=\"image\/*\" style=\"display:none;\" onchange=\"handleLogoUpload(this)\" \/>\n      <\/div>\n\n      <button class=\"btn-secondary\" onclick=\"skipLogo()\">Pular<\/button>\n      <button class=\"btn-action\" onclick=\"nextStep(7)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 6: P\u00fablico-alvo -->\n    <div class=\"step\" id=\"step7\">\n      <span class=\"question-label\">PERGUNTA 6\/9<\/span>\n      <h2 class=\"question-title\">Quem \u00e9 o <strong>p\u00fablico-alvo<\/strong>?<\/h2>\n      <textarea id=\"targetAudience\" placeholder=\"Empresa B2B\" rows=\"1\" oninput=\"this.style.height='';this.style.height=this.scrollHeight+'px'\" onkeydown=\"ctrlEnterSubmit(event)\"><\/textarea>\n      <button class=\"btn-action\" onclick=\"nextStep(8)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 7: Desafios -->\n    <div class=\"step\" id=\"step8\">\n      <span class=\"question-label\">PERGUNTA 7\/9<\/span>\n      <h2 class=\"question-title\">Quais s\u00e3o os <strong>desafios<\/strong> hoje?<\/h2>\n      <textarea id=\"challenges\" placeholder=\"Gerar mais leads\" rows=\"1\" oninput=\"this.style.height='';this.style.height=this.scrollHeight+'px'\" onkeydown=\"ctrlEnterSubmit(event)\"><\/textarea>\n      <button class=\"btn-action\" onclick=\"nextStep(9)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 8: Personalidade da marca -->\n    <div class=\"step\" id=\"step9\">\n      <span class=\"question-label\">PERGUNTA 8\/9<\/span>\n      <h2 class=\"question-title\">Como deve ser a <strong>personalidade<\/strong> da marca?<\/h2>\n      <textarea id=\"personality\" placeholder=\"Moderna, sofisticada, descolada...\" rows=\"1\" oninput=\"this.style.height='';this.style.height=this.scrollHeight+'px'\" onkeydown=\"ctrlEnterSubmit(event)\"><\/textarea>\n      <button class=\"btn-action\" onclick=\"nextStep(10)\">Continuar<\/button>\n    <\/div>\n\n    <!-- STEP 9: Objetivo (NOVA PERGUNTA) -->\n    <div class=\"step\" id=\"step10\">\n      <span class=\"question-label\">PERGUNTA 9\/9<\/span>\n      <h2 class=\"question-title\">Qual \u00e9 o <strong>objetivo<\/strong> principal?<\/h2>\n      <textarea id=\"goal\" placeholder=\"Vender mais, triplicar o faturamento...\" rows=\"1\" oninput=\"this.style.height='';this.style.height=this.scrollHeight+'px'\" onkeydown=\"ctrlEnterSubmit(event)\"><\/textarea>\n      <button class=\"btn-action\" onclick=\"processDiagnosis()\">Gerar diagn\u00f3stico<\/button>\n      <p class=\"hint\">Dica: no campo de texto, Ctrl+Enter (ou Cmd+Enter) tamb\u00e9m avan\u00e7a.<\/p>\n    <\/div>\n\n    <!-- LOADING -->\n    <div class=\"step\" id=\"stepLoading\">\n      <h2 style=\"text-align:center; font-size:32px;\">\u23f3 Analisando seus dados...<\/h2>\n      <p style=\"text-align:center; margin-top:16px; font-size:18px; color:#999;\">Aguarde alguns segundos.<\/p>\n    <\/div>\n\n    <!-- RESULTADO -->\n    <div class=\"step\" id=\"stepResult\">\n      <span class=\"question-label\">SEU DIAGN\u00d3STICO<\/span>\n      <h2>An\u00e1lise Personalizada<\/h2>\n      <div id=\"diagnosisOutput\"><\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"footer-brand\">NUOVO DESIGN AI<\/div>\n\n  <script>\n    let currentStep = 1;\n    const totalSteps = 9;\n    let logoBase64Data = null;\n\n    function showStep(stepId){\n      document.querySelectorAll('.step').forEach(s => s.classList.remove('active'));\n      document.getElementById(stepId).classList.add('active');\n      const firstInput = document.querySelector(`#${stepId} input, #${stepId} textarea`);\n      if(firstInput) setTimeout(() => firstInput.focus(), 200);\n    }\n\n    function nextStep(step){\n      currentStep = step;\n      const progress = ((step - 1) \/ totalSteps) * 100;\n      document.getElementById('progressFill').style.width = progress + '%';\n\n      const stepMap = {\n        2: 'step2',\n        3: 'step3',\n        4: 'step4',\n        5: 'step5',\n        6: 'step6',\n        7: 'step7',\n        8: 'step8',\n        9: 'step9',\n        10: 'step10'\n      };\n\n      showStep(stepMap[step]);\n    }\n\n    function ctrlEnterSubmit(e){\n      if((e.ctrlKey || e.metaKey) && e.key === 'Enter'){\n        e.preventDefault();\n        const stepId = e.target.closest('.step').id;\n        if(stepId === 'step7') nextStep(8);\n        else if(stepId === 'step8') nextStep(9);\n        else if(stepId === 'step9') nextStep(10);\n        else if(stepId === 'step10') processDiagnosis();\n      }\n    }\n\n    function setActivePill(isYes){\n      document.getElementById('pillYes').classList.toggle('active', !!isYes);\n      document.getElementById('pillNo').classList.toggle('active', !isYes);\n    }\n\n    function toggleWebsiteField(hasSite){\n      const box = document.getElementById('websiteInputContainer');\n      if(hasSite){\n        box.style.display = 'block';\n        setTimeout(() => document.getElementById('websiteUrl').focus(), 120);\n      } else {\n        document.getElementById('websiteUrl').value = '';\n        nextStep(6);\n      }\n    }\n\n    function handleLogoUpload(input){\n      if(input.files && input.files[0]){\n        const file = input.files[0];\n        document.getElementById('uploadText').innerHTML = file.name;\n\n        const reader = new FileReader();\n        reader.onload = function(e){\n          const imgPreview = document.getElementById('logoPreview');\n          imgPreview.src = e.target.result;\n          imgPreview.style.display = 'block';\n          const icon = document.querySelector('.upload-icon');\n          if(icon) icon.style.display = 'none';\n\n          compressImage(e.target.result, 800, 0.7).then(compressedBase64 => {\n            logoBase64Data = compressedBase64;\n          });\n        };\n        reader.readAsDataURL(file);\n      }\n    }\n\n    function compressImage(src, maxWidth, quality){\n      return new Promise((resolve, reject) => {\n        const img = new Image();\n        img.src = src;\n        img.onload = () => {\n          const canvas = document.createElement('canvas');\n          let width = img.width;\n          let height = img.height;\n\n          if(width > maxWidth){\n            height *= maxWidth \/ width;\n            width = maxWidth;\n          }\n\n          canvas.width = width;\n          canvas.height = height;\n          const ctx = canvas.getContext('2d');\n          ctx.drawImage(img, 0, 0, width, height);\n\n          const dataUrl = canvas.toDataURL('image\/jpeg', quality);\n          resolve(dataUrl.split(',')[1]);\n        };\n        img.onerror = reject;\n      });\n    }\n\n    function skipLogo(){\n      logoBase64Data = null;\n      nextStep(7);\n    }\n\n    async function processDiagnosis(){\n      showStep('stepLoading');\n\n      const formData = {\n        nome: document.getElementById('userName').value,\n        email: document.getElementById('userEmail').value,\n        empresa: document.getElementById('companyName').value,\n        urlSite: document.getElementById('websiteUrl').value,\n        publico: document.getElementById('targetAudience').value,\n        desafios: document.getElementById('challenges').value,\n        personalidade: document.getElementById('personality').value,\n        objetivo: document.getElementById('goal').value,\n        logoBase64: logoBase64Data\n      };\n\n      try{\n        const response = await fetch('https:\/\/nuovo.com.br\/novo\/diagnostico-ia.php', {\n          method: 'POST',\n          headers: { 'Content-Type': 'application\/json' },\n          body: JSON.stringify(formData)\n        });\n\n        const data = await response.json();\n\n        if(data.erro){\n          alert(\"Erro: \" + data.erro);\n          location.reload();\n          return;\n        }\n\n        showStep('stepResult');\n        document.getElementById('progressFill').style.width = '100%';\n\n        let html = (data.diagnostico || '')\n          .replace(\/\\*\\*(.*?)\\*\\*\/g, '<strong style=\"color:#d5653c\">$1<\/strong>')\n          .replace(\/\\n\/g, '<br>');\n\n        const finalHtml = `\n          <div>${html}<\/div>\n          <div style=\"margin-top:50px; text-align:center; padding-bottom:60px;\">\n            <p style=\"margin-bottom:14px; font-size:16px; color:#666;\">Gostaria de implementar essas melhorias?<\/p>\n            <a href=\"https:\/\/wa.me\/5548998205111\" class=\"btn-action\" style=\"width:100%; max-width:400px; justify-content:center;\">Falar com Especialista<\/a>\n          <\/div>\n        `;\n\n        document.getElementById('diagnosisOutput').innerHTML = finalHtml;\n\n      } catch(err){\n        console.error(err);\n        alert(\"Erro de conex\u00e3o.\");\n        location.reload();\n      }\n    }\n  <\/script>\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b83d96e e-con-full e-flex e-con e-parent\" data-id=\"7b83d96e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-742db7da elementor-widget elementor-widget-html\" data-id=\"742db7da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ROBOTO -->\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700;900&display=swap\">\n\n<style>\n  .footer {\n    font-family: 'Roboto', sans-serif;\n    background-color: #3b3f41;\n    color: #ffffff;\n    padding: 60px 40px 40px;\n  }\n\n  .footer-content {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: grid;\n    grid-template-columns: 2fr 1fr 1fr 2fr;\n    gap: 60px;\n  }\n\n  .footer-logo {\n    display: flex;\n    flex-direction: column;\n  }\n\n  .footer-logo-img {\n    width: 160px;\n    height: 80px;\n    background-color: ;\n    border-radius: 8px;\n    margin-bottom: 20px;\n  }\n\n  .footer-logo-img img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n  }\n\n  .footer-description {\n    font-size: 14px;\n    line-height: 1.6;\n    opacity: 0.8;\n    max-width: 280px;\n  }\n\n  .footer-menu {\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n  }\n\n  .footer-menu-title {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 12px;\n    opacity: 0.9;\n  }\n\n  .footer-link {\n    color: #ffffff;\n    text-decoration: none;\n    font-size: 14px;\n    opacity: 0.8;\n    transition: opacity 0.3s ease;\n  }\n\n  .footer-link:hover {\n    opacity: 1;\n  }\n\n  .footer-contact {\n    text-align: right;\n  }\n\n  .footer-contact-title {\n    font-size: 16px;\n    font-weight: 700;\n    margin-bottom: 16px;\n    opacity: 0.9;\n  }\n\n  .footer-phone {\n    font-size: 18px;\n    font-weight: 700;\n    display: block;\n    margin-bottom: 8px;\n  }\n\n  .footer-address {\n    font-size: 14px;\n    opacity: 0.8;\n    line-height: 1.5;\n  }\n\n  .footer-bottom {\n    border-top: 1px solid #555;\n    margin-top: 50px;\n    padding-top: 30px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 20px;\n  }\n\n  .footer-copyright {\n    font-size: 13px;\n    opacity: 0.7;\n  }\n\n  .footer-legal {\n    display: flex;\n    gap: 24px;\n  }\n\n  .footer-legal-link {\n    font-size: 13px;\n    color: #ffffff;\n    text-decoration: none;\n    opacity: 0.8;\n  }\n\n  .footer-legal-link:hover {\n    opacity: 1;\n  }\n\n  @media (max-width: 900px) {\n    .footer-content {\n      grid-template-columns: 1fr;\n      gap: 40px;\n      text-align: center;\n    }\n\n    .footer-contact {\n      text-align: center;\n    }\n\n    .footer-bottom {\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .footer-legal {\n      order: -1;\n      width: 100%;\n      justify-content: center;\n    }\n  }\n<\/style>\n\n<footer class=\"footer\">\n  <div class=\"footer-content\">\n    <!-- LOGO - TROQUE A IMAGEM AQUI -->\n    <div class=\"footer-logo\">\n      <a href=\"\/\" class=\"footer-logo-img\">\n        <img decoding=\"async\" src=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/01\/nova-marca-03.png\" alt=\"Nuovo Design\">\n      <\/a>\n      <p class=\"footer-description\">\n        Design de produtos para empresas que querem crescer de verdade.\n      <\/p>\n    <\/div>\n\n    <!-- MENU 1 -->\n    <div class=\"footer-menu\">\n      <div class=\"footer-menu-title\">MENU<\/div>\n      <a href=\"#home\" class=\"footer-link\">Home<\/a>\n      <a href=\"#sobre\" class=\"footer-link\">Somos<\/a>\n      <a href=\"#portfolio\" class=\"footer-link\">Portf\u00f3lio<\/a>\n      <a href=\"#blog\" class=\"footer-link\">Blog<\/a>\n    <\/div>\n\n    <!-- MENU 2 -->\n    <div class=\"footer-menu\">\n      <div class=\"footer-menu-title\">SERVI\u00c7OS<\/div>\n      <a href=\"#branding\" class=\"footer-link\">Branding & Design Gr\u00e1fico<\/a>\n      <a href=\"#digital\" class=\"footer-link\">Design Digital<\/a>\n      <a href=\"#produto\" class=\"footer-link\">Design de Produto<\/a>\n    <\/div>\n\n    <!-- CONTATO -->\n    <div class=\"footer-contact\">\n      <div class=\"footer-contact-title\">CONTATO<\/div>\n      <a href=\"tel:+554892051131\" class=\"footer-phone\">+55 (48) 92051-131<\/a>\n      <div class=\"footer-address\">\n        novo@nuovodesign.com.br<br>\n        Florian\u00f3polis, Brasil\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"footer-bottom\">\n    <div class=\"footer-copyright\">\n      \u00a9 2026 Nuovo Design. Todos os direitos reservados.\n    <\/div>\n    <div class=\"footer-legal\">\n      <a href=\"#\" class=\"footer-legal-link\">Privacidade<\/a>\n      <a href=\"#\" class=\"footer-legal-link\">Termos<\/a>\n    <\/div>\n  <\/div>\n<\/footer>\n\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>Home Quem Somos Servi\u00e7os Portf\u00f3lio Blog Contato X Diagn\u00f3stico Nuovo Design | Diagn\u00f3stico IA Descubra o potencial oculto da sua marca com a IA da Nuovo. Em apenas 2 minutos, nossa Intelig\u00eancia Artificial analisar\u00e1 sua presen\u00e7a digital e criar\u00e1 um plano estrat\u00e9gico personalizado. Come\u00e7ar Diagn\u00f3stico Gratuito PERGUNTA 1\/9 Qual \u00e9 o seu nome? Continuar PERGUNTA [&hellip;]<\/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-270","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/270","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/comments?post=270"}],"version-history":[{"count":115,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/270\/revisions"}],"predecessor-version":[{"id":1195,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/270\/revisions\/1195"}],"wp:attachment":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/media?parent=270"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}