{"id":604,"date":"2026-02-18T15:02:46","date_gmt":"2026-02-18T18:02:46","guid":{"rendered":"https:\/\/nuovo.com.br\/novo\/?page_id=604"},"modified":"2026-03-05T14:37:15","modified_gmt":"2026-03-05T17:37:15","slug":"quem-somos-2","status":"publish","type":"page","link":"https:\/\/nuovo.com.br\/novo\/quem-somos-2\/","title":{"rendered":"Quem Somos 2"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"604\" class=\"elementor elementor-604\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81da6ed e-flex e-con-boxed e-con e-parent\" data-id=\"81da6ed\" 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-228a9c9c e-con-full e-flex e-con e-child\" data-id=\"228a9c9c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66f46ee9 elementor-widget elementor-widget-image\" data-id=\"66f46ee9\" 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-455863a8 e-con-full e-flex e-con e-child\" data-id=\"455863a8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-420e9b38 elementor-widget elementor-widget-ekit-nav-menu\" data-id=\"420e9b38\" 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-30efceec e-con-full e-flex e-con e-child\" data-id=\"30efceec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6eb2968 elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"6eb2968\" 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-78952eb7 e-con-full e-flex e-con e-child\" data-id=\"78952eb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ecea03f elementor-widget elementor-widget-elementskit-social-media\" data-id=\"3ecea03f\" 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-50f0586 e-con-full e-flex e-con e-parent\" data-id=\"50f0586\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32f007f elementor-widget elementor-widget-html\" data-id=\"32f007f\" 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\">\n    <title>Sobre N\u00f3s - Ag\u00eancia<\/title>\n\n    <!-- Importando a fonte Roboto -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,400&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- CSS ISOLADO (N\u00e3o afeta o menu) --- *\/\n\n        \/* Wrapper para garantir que o estilo fique contido *\/\n        .about-section-wrapper {\n            font-family: 'Roboto', sans-serif;\n            background-color: #ffffff;\n            color: #333;\n            line-height: 1.6;\n            width: 100%;\n            -webkit-font-smoothing: antialiased;\n        }\n\n        \/* Container principal renomeado para n\u00e3o conflitar *\/\n        .about-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 80px 20px;\n            display: flex;\n            flex-direction: column; \/* Garante texto em cima, imagem embaixo *\/\n            align-items: flex-start; \/* Alinha tudo \u00e0 esquerda *\/\n        }\n\n        \/* Se\u00e7\u00e3o de Texto *\/\n        .about-text-content {\n            max-width: 800px;\n            width: 100%;\n            margin-bottom: 60px; \/* Espa\u00e7o entre texto e imagem *\/\n            text-align: left; \/* Alinhamento \u00e0 esquerda *\/\n        }\n\n        .about-label {\n            font-size: 0.75rem; \/* 12px *\/\n            text-transform: uppercase;\n            letter-spacing: 2px;\n            color: #666;\n            margin-bottom: 20px;\n            display: block;\n            font-weight: 300;\n        }\n\n        \/* H1 espec\u00edfico desta se\u00e7\u00e3o *\/\n        .about-title {\n            font-size: 3rem;\n            font-weight: 300;\n            line-height: 1.2;\n            color: #1a1a1a;\n            margin-bottom: 30px;\n            margin-top: 0;\n        }\n\n        .about-highlight {\n            font-family: 'Roboto', sans-serif;\n            font-style: italic;\n            color: #d98c28;\n            font-weight: 300;\n        }\n\n        .about-description {\n            font-size: 1.125rem; \/* 18px *\/\n            color: #4a4a4a;\n            max-width: 600px;\n        }\n\n        .about-description p {\n            margin-bottom: 10px;\n        }\n\n        \/* Se\u00e7\u00e3o da Imagem *\/\n        .about-image-wrapper {\n            width: 100%;\n            height: auto;\n            overflow: hidden;\n            border-radius: 16px;\n            \/* Sombra aplicada apenas na imagem, n\u00e3o no site todo *\/\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05);\n        }\n\n        .about-office-image {\n            width: 100%;\n            height: auto;\n            display: block;\n            object-fit: cover;\n            min-height: 400px; \n            max-height: 600px;\n        }\n\n        \/* Responsividade *\/\n        @media (max-width: 768px) {\n            .about-container {\n                padding: 40px 20px;\n            }\n\n            .about-title {\n                font-size: 2.2rem;\n            }\n\n            .about-text-content {\n                margin-bottom: 40px;\n            }\n\n            .about-office-image {\n                min-height: 250px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <!-- Wrapper externo para isolamento -->\n    <section class=\"about-section-wrapper\">\n        <div class=\"about-container\">\n\n            <div class=\"about-text-content\">\n                <span class=\"about-label\">Sobre n\u00f3s<\/span>\n                <h1 class=\"about-title\">\n                    Conectamos <span class=\"about-highlight\">estrat\u00e9gia,\ndesign e produto<\/span>\n                    para\naumentar protagonismo de\nmarca, desejo e vendas.<\/h1>\n                <div class=\"about-description\">\n                    <p>Somos uma ag\u00eancia de branding, comunica\u00e7\u00e3o, web e produto situada em Florian\u00f3polis, Santa Catarina. Desde 1998, ajudamos empresas a construir marcas fortes e comunicar valor com protagonismo e consist\u00eancia.<\/p>\n                <\/div>\n            <\/div>\n\n            <div class=\"about-image-wrapper\">\n                <!-- \n                    SUBSTITUA O LINK ABAIXO PELA URL DA SUA IMAGEM REAL.\n                -->\n                <img decoding=\"async\" src=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/03\/socios7.2_PB.jpg?q=80&w=2301&auto=format&fit=crop\" alt=\"Interior moderno do escrit\u00f3rio\" class=\"about-office-image\">\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            console.log(\"Se\u00e7\u00e3o Sobre N\u00f3s carregada (Layout Vertical).\");\n        });\n    <\/script>\n\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-b36491e e-con-full e-flex e-con e-parent\" data-id=\"b36491e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5b2b3e elementor-widget elementor-widget-html\" data-id=\"d5b2b3e\" 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\">\n    <title>Nossa Miss\u00e3o<\/title>\n\n    <!-- Importando a fonte Roboto -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- CSS ISOLADO PARA A SE\u00c7\u00c3O MISS\u00c3O --- *\/\n\n        \/* Wrapper externo para garantir que o fundo e a largura n\u00e3o estourem *\/\n        .mission-section-wrapper {\n            width: 100%;\n            overflow-x: hidden; \/* Previne rolagem horizontal acidental *\/\n            background-color: #ffffff;\n            font-family: 'Roboto', sans-serif;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        \/* Container Principal *\/\n        .mission-container {\n            max-width: 1440px;\n            width: 100%;\n            \/* O box-sizing aqui \u00e9 crucial para que o padding n\u00e3o some \u00e0 largura de 100% *\/\n            box-sizing: border-box; \n            padding: 100px 120px; \n            margin: 0 auto; \n            display: flex;\n            flex-wrap: wrap;\n            justify-content: space-between;\n            align-items: flex-start;\n            gap: 80px;\n        }\n\n        \/* Coluna de Texto (Esquerda) *\/\n        .mission-text-column {\n            flex: 1;\n            min-width: 300px;\n            max-width: 500px;\n        }\n\n        .mission-label {\n            font-size: 0.75rem;\n            text-transform: uppercase;\n            letter-spacing: 2.5px;\n            color: #666;\n            margin-bottom: 20px;\n            display: block;\n            font-weight: 500;\n        }\n\n        .mission-title {\n            font-size: 3rem;\n            font-weight: 300;\n            line-height: 1.1;\n            color: #1a1a1a;\n            margin-bottom: 40px;\n            letter-spacing: -0.5px;\n            margin-top: 0;\n        }\n\n        .mission-description p {\n            font-size: 1rem;\n            color: #4a4a4a;\n            margin-bottom: 25px;\n            line-height: 1.7;\n        }\n\n        \/* Coluna de Estat\u00edsticas (Direita) *\/\n        .mission-stats-column {\n            flex: 1;\n            min-width: 300px;\n        }\n\n        .mission-stats-grid {\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 24px;\n        }\n\n        \/* Cart\u00f5es de Estat\u00edstica *\/\n        .mission-stat-card {\n            background-color: #fcfcfc;\n            border-radius: 12px;\n            padding: 40px 20px;\n            text-align: center;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            align-items: center;\n            transition: transform 0.3s ease;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.02); \n        }\n\n        .mission-stat-card:hover {\n            transform: translateY(-5px);\n        }\n\n        .mission-stat-number {\n            font-size: 3rem;\n            font-weight: 300;\n            color: #d98c28;\n            margin-bottom: 10px;\n            line-height: 1;\n        }\n\n        .mission-stat-label {\n            font-size: 0.9rem;\n            color: #555;\n            font-weight: 400;\n        }\n\n        \/* Responsividade *\/\n        @media (max-width: 1024px) {\n            .mission-container {\n                padding: 80px 40px; \/* Reduzi um pouco o padding lateral para tablets *\/\n                gap: 50px;\n            }\n        }\n\n        @media (max-width: 900px) {\n            .mission-container {\n                flex-direction: column;\n                padding: 60px 24px; \/* Padding seguro para mobile *\/\n                gap: 40px;\n            }\n\n            .mission-text-column, .mission-stats-column {\n                max-width: 100%;\n            }\n\n            .mission-title {\n                font-size: 2.5rem;\n            }\n        }\n\n        @media (max-width: 480px) {\n            .mission-stats-grid {\n                grid-template-columns: 1fr;\n            }\n\n            .mission-title {\n                font-size: 2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"mission-section-wrapper\">\n        <div class=\"mission-container\">\n            <!-- Lado Esquerdo: Texto -->\n            <div class=\"mission-text-column\">\n                <span class=\"mission-label\">Nossa Miss\u00e3o<\/span>\n                <h2 class=\"mission-title\">Transformar neg\u00f3cios atrav\u00e9s de marcas e produtos memor\u00e1veis<\/h2>\n\n                <div class=\"mission-description\">\n                    <p>Acreditamos que toda empresa tem uma hist\u00f3ria \u00fanica para contar. Nossa miss\u00e3o \u00e9 revelar essa ess\u00eancia e traduzi-la em experi\u00eancias visuais e verbais que ressoam com as pessoas certas.<\/p>\n\n                    <p>N\u00e3o fazemos apenas projetos bonitos. Constru\u00edmos solu\u00e7\u00f5es completas que funcionam no mundo real, ajudando nossos clientes a se diferenciar, conquistar clientes e crescer de forma sustent\u00e1vel.<\/p>\n                <\/div>\n            <\/div>\n\n            <!-- Lado Direito: Grid de Estat\u00edsticas -->\n            <div class=\"mission-stats-column\">\n                <div class=\"mission-stats-grid\">\n                    <!-- Card 1 -->\n                    <div class=\"mission-stat-card\">\n                        <span class=\"mission-stat-number\">28+<\/span>\n                        <span class=\"mission-stat-label\">Anos de experi\u00eancia<\/span>\n                    <\/div>\n\n                    <!-- Card 2 -->\n                    <div class=\"mission-stat-card\">\n                        <span class=\"mission-stat-number\">1500+<\/span>\n                        <span class=\"mission-stat-label\">Projetos entregues<\/span>\n                    <\/div>\n\n                    <!-- Card 3 -->\n                    <div class=\"mission-stat-card\">\n                        <span class=\"mission-stat-number\">98%<\/span>\n                        <span class=\"mission-stat-label\">Clientes satisfeitos<\/span>\n                    <\/div>\n\n                    <!-- Card 4 -->\n                    <div class=\"mission-stat-card\">\n                        <span class=\"mission-stat-number\">2+<\/span>\n                        <span class=\"mission-stat-label\">Pr\u00eamios de design<\/span>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const cards = document.querySelectorAll('.mission-stat-card');\n\n            if(cards.length > 0) {\n                cards.forEach((card, index) => {\n                    card.style.opacity = '0';\n                    card.style.transform = 'translateY(20px)';\n                    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n\n                    setTimeout(() => {\n                        card.style.opacity = '1';\n                        card.style.transform = 'translateY(0)';\n                    }, 200 + (index * 100));\n                });\n            }\n        });\n    <\/script>\n\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-20a1b54 e-con-full e-flex e-con e-parent\" data-id=\"20a1b54\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bf09868 elementor-widget elementor-widget-html\" data-id=\"bf09868\" 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\">\n    <title>Nossos Valores<\/title>\n\n    <!-- Importando a fonte Roboto -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- CSS ISOLADO PARA A SE\u00c7\u00c3O VALORES --- *\/\n\n        \/* Reset espec\u00edfico para este bloco para evitar conflitos externos *\/\n        .val-section-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .val-section-wrapper {\n            font-family: 'Roboto', sans-serif;\n            background-color: #fcfcfc; \/* Fundo off-white conforme imagem *\/\n            color: #333;\n            width: 100%;\n            display: block;\n            padding: 100px 20px;\n        }\n\n        .val-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        \/* Cabe\u00e7alho *\/\n        .val-header {\n            margin-bottom: 80px;\n        }\n\n        .val-subtitle {\n            font-size: 0.75rem; \/* 12px *\/\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: #888;\n            margin-bottom: 15px;\n            display: block;\n            font-weight: 500;\n        }\n\n        .val-title {\n            font-size: 3rem; \/* 48px *\/\n            font-weight: 300;\n            color: #1a1a1a;\n            letter-spacing: -1px;\n            line-height: 1.2;\n        }\n\n        \/* Grid *\/\n        .val-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 40px;\n            align-items: flex-start;\n        }\n\n        \/* Cards *\/\n        .val-card {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        \/* \u00cdcones *\/\n        .val-icon-box {\n            width: 80px;\n            height: 80px;\n            background-color: #fffbf0; \/* Fundo creme\/amarelo muito suave *\/\n            border-radius: 24px; \/* Cantos arredondados suaves (squircle) *\/\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-bottom: 30px;\n            transition: transform 0.3s ease;\n        }\n\n        \/* Efeito hover sutil (sem magenta) *\/\n        .val-card:hover .val-icon-box {\n            transform: translateY(-5px);\n        }\n\n        .val-icon-svg {\n            width: 32px;\n            height: 32px;\n            stroke: #d98c28; \/* Cor laranja\/dourada exata *\/\n            stroke-width: 1.8;\n            fill: none;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n        }\n\n        \/* Tipografia dos Cards *\/\n        .val-card-title {\n            font-size: 1.25rem; \/* 20px *\/\n            font-weight: 500;\n            color: #1a1a1a;\n            margin-bottom: 15px;\n        }\n\n        .val-card-desc {\n            font-size: 0.95rem; \/* 15-16px *\/\n            color: #555;\n            line-height: 1.6;\n            max-width: 260px; \/* Limita largura para quebra de linha igual \u00e0 imagem *\/\n            margin: 0 auto;\n        }\n\n        \/* --- Responsividade --- *\/\n        @media (max-width: 1024px) {\n            .val-grid {\n                grid-template-columns: repeat(2, 1fr); \/* 2 colunas em tablets *\/\n                gap: 60px 40px;\n            }\n\n            .val-card-desc {\n                max-width: 300px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .val-section-wrapper {\n                padding: 60px 20px;\n            }\n\n            .val-grid {\n                grid-template-columns: 1fr; \/* 1 coluna em mobile *\/\n                gap: 50px;\n            }\n\n            .val-title {\n                font-size: 2.2rem;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"val-section-wrapper\">\n        <div class=\"val-container\">\n\n            <!-- Cabe\u00e7alho -->\n            <div class=\"val-header\">\n                <span class=\"val-subtitle\">NOSSOS VALORES<\/span>\n                <h2 class=\"val-title\">O que guia nosso trabalho<\/h2>\n            <\/div>\n\n            <!-- Grid de Valores -->\n            <div class=\"val-grid\">\n\n                <!-- Card 1: Estrat\u00e9gia -->\n                <div class=\"val-card\">\n                    <div class=\"val-icon-box\">\n                        <svg class=\"val-icon-svg\" viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                            <circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle>\n                            <circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"val-card-title\">Estrat\u00e9gia primeiro<\/h3>\n                    <p class=\"val-card-desc\">\n                        Design sem estrat\u00e9gia \u00e9 decora\u00e7\u00e3o. Cada decis\u00e3o criativa \u00e9 fundamentada em objetivos claros de neg\u00f3cio.\n                    <\/p>\n                <\/div>\n\n                <!-- Card 2: Rela\u00e7\u00f5es -->\n                <div class=\"val-card\">\n                    <div class=\"val-icon-box\">\n                        <svg class=\"val-icon-svg\" viewBox=\"0 0 24 24\">\n                            <path d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"val-card-title\">Rela\u00e7\u00f5es aut\u00eanticas<\/h3>\n                    <p class=\"val-card-desc\">\n                        Acreditamos que marcas fortes s\u00e3o constru\u00eddas sobre verdades, n\u00e3o sobre promessas vazias.\n                    <\/p>\n                <\/div>\n\n                <!-- Card 3: Excel\u00eancia -->\n                <div class=\"val-card\">\n                    <div class=\"val-icon-box\">\n                        <svg class=\"val-icon-svg\" viewBox=\"0 0 24 24\">\n                            <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path>\n                            <path d=\"M18 2l1 2 2 1-2 1-1 2-1-2-2-1 2-1 1-2z\" transform=\"translate(2, -2) scale(0.8)\"><\/path>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"val-card-title\">Excel\u00eancia criativa<\/h3>\n                    <p class=\"val-card-desc\">\n                        Buscamos sempre a solu\u00e7\u00e3o mais elegante e eficaz, sem atalhos ou f\u00f3rmulas prontas.\n                    <\/p>\n                <\/div>\n\n                <!-- Card 4: Parceria -->\n                <div class=\"val-card\">\n                    <div class=\"val-icon-box\">\n                        <svg class=\"val-icon-svg\" viewBox=\"0 0 24 24\">\n                            <path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path>\n                            <circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle>\n                        <\/svg>\n                    <\/div>\n                    <h3 class=\"val-card-title\">Parceria real<\/h3>\n                    <p class=\"val-card-desc\">\n                        Trabalhamos com voc\u00ea, n\u00e3o para voc\u00ea. Seu conhecimento do neg\u00f3cio \u00e9 essencial para o resultado.\n                    <\/p>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Script isolado para anima\u00e7\u00e3o de entrada\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const valCards = document.querySelectorAll('.val-card');\n\n            if(valCards.length > 0) {\n                valCards.forEach((card, index) => {\n                    card.style.opacity = '0';\n                    card.style.transform = 'translateY(20px)';\n                    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n\n                    setTimeout(() => {\n                        card.style.opacity = '1';\n                        card.style.transform = 'translateY(0)';\n                    }, 150 * index);\n                });\n            }\n        });\n    <\/script>\n\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-196c507 e-con-full e-flex e-con e-parent\" data-id=\"196c507\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2afd1ba elementor-widget elementor-widget-html\" data-id=\"2afd1ba\" 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\">\n    <title>Nossa Equipe<\/title>\n\n    <!-- Importando a fonte Roboto -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n\n    <style>\n        \/* --- CSS ISOLADO PARA A SE\u00c7\u00c3O EQUIPE --- *\/\n\n        \/* Reset local *\/\n        .team-section-wrapper * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        .team-section-wrapper {\n            font-family: 'Roboto', sans-serif;\n            background-color: #ffffff;\n            color: #333;\n            width: 100%;\n            display: block;\n            padding: 100px 20px;\n        }\n\n        .team-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            text-align: center;\n        }\n\n        \/* Cabe\u00e7alho *\/\n        .team-header {\n            margin-bottom: 70px;\n            max-width: 800px;\n            margin-left: auto;\n            margin-right: auto;\n        }\n\n        .team-subtitle {\n            font-size: 0.75rem; \/* 12px *\/\n            text-transform: uppercase;\n            letter-spacing: 3px;\n            color: #888;\n            margin-bottom: 20px;\n            display: block;\n            font-weight: 500;\n        }\n\n        .team-title {\n            font-size: 3.5rem; \/* 56px *\/\n            font-weight: 300;\n            color: #1a1a1a;\n            letter-spacing: -1px;\n            line-height: 1.1;\n            margin-bottom: 25px;\n        }\n\n        .team-description {\n            font-size: 1.2rem;\n            color: #555;\n            line-height: 1.6;\n            font-weight: 300;\n        }\n\n        \/* Grid de Cards (Configurado para 3 itens centralizados) *\/\n        .team-grid {\n            display: flex;\n            justify-content: center; \/* Centraliza os 3 cards *\/\n            gap: 40px;\n            flex-wrap: wrap;\n        }\n\n        \/* Card Individual *\/\n        .team-card {\n            flex: 1;\n            min-width: 280px; \/* Largura m\u00ednima para responsividade *\/\n            max-width: 350px; \/* Largura m\u00e1xima para n\u00e3o esticar demais *\/\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            text-align: center;\n        }\n\n        \/* Imagem do Membro *\/\n        .team-image-container {\n            width: 100%;\n            aspect-ratio: 1 \/ 1; \/* Garante que seja quadrada *\/\n            overflow: hidden;\n            border-radius: 24px; \/* Arredondamento acentuado conforme imagem *\/\n            margin-bottom: 25px;\n            background-color: #f0f0f0;\n        }\n\n        .team-image {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            filter: grayscale(100%); \/* Efeito Preto e Branco conforme imagem *\/\n            transition: filter 0.4s ease, transform 0.4s ease;\n            display: block;\n        }\n\n        \/* Efeito hover suave: volta a cor original *\/\n        .team-card:hover .team-image {\n            filter: grayscale(0%);\n            transform: scale(1.03);\n        }\n\n        \/* Texto do Card *\/\n        .team-name {\n            font-size: 1.25rem; \/* 20px *\/\n            font-weight: 500;\n            color: #1a1a1a;\n            margin-bottom: 8px;\n        }\n\n        .team-role {\n            font-size: 0.95rem;\n            color: #666;\n            font-weight: 400;\n        }\n\n        \/* --- Responsividade --- *\/\n        @media (max-width: 900px) {\n            .team-title {\n                font-size: 2.5rem;\n            }\n\n            .team-grid {\n                gap: 30px;\n            }\n        }\n\n        @media (max-width: 600px) {\n            .team-section-wrapper {\n                padding: 60px 20px;\n            }\n\n            .team-card {\n                max-width: 100%; \/* Ocupa largura total no mobile *\/\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <section class=\"team-section-wrapper\">\n        <div class=\"team-container\">\n\n            <!-- Cabe\u00e7alho -->\n            <div class=\"team-header\">\n                <span class=\"team-subtitle\">EQUIPE<\/span>\n                <h2 class=\"team-title\">Quem faz acontecer<\/h2>\n                <p class=\"team-description\">\n                    Uma equipe s\u00eanior de especialistas em branding, design digital e design de produto, apaixonados por criar marcas relevantes e experi\u00eancias que geram resultados..\n                <\/p>\n            <\/div>\n\n            <!-- Grid de Equipe (3 Cards) -->\n            <div class=\"team-grid\">\n\n                <!-- Membro 1 -->\n                <div class=\"team-card\">\n                    <div class=\"team-image-container\">\n                        <!-- Placeholder: Substitua o src pela foto real -->\n                        <img decoding=\"async\" src=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/03\/gelson-2.jpg?q=80&w=1000&auto=format&fit=crop\" alt=\"Ricardo Firmo\" class=\"team-image\">\n                    <\/div>\n                    <h3 class=\"team-name\">Gelson Gon\u00e7alves<\/h3>\n                    <span class=\"team-role\">Diretor Criativo Web<\/span>\n                <\/div>\n\n                <!-- Membro 2 -->\n                <div class=\"team-card\">\n                    <div class=\"team-image-container\">\n                        <!-- Placeholder: Substitua o src pela foto real -->\n                        <img decoding=\"async\" src=\"https:\/\/nuovo.com.br\/novo\/wp-content\/uploads\/2026\/03\/dani3.jpg?q=80&w=1000&auto=format&fit=crop\" alt=\"Marina Santos\" class=\"team-image\">\n                    <\/div>\n                    <h3 class=\"team-name\">Daniela Cantarelli <\/h3>\n                    <span class=\"team-role\">Diretora Design Estrat\u00e9gico<\/span>\n                <\/div>\n\n                <!-- Membro 3 -->\n                <div class=\"team-card\">\n                    <div class=\"team-image-container\">\n                        <!-- Placeholder: Substitua o src pela foto real -->\n                        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519085360753-af0119f7cbe7?q=80&w=1000&auto=format&fit=crop\" alt=\"Lucas Oliveira\" class=\"team-image\">\n                    <\/div>\n                    <h3 class=\"team-name\">Adriano dos Santos<\/h3>\n                    <span class=\"team-role\">Diretor Design de Produto<\/span>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <script>\n        \/\/ Script isolado para anima\u00e7\u00e3o de entrada\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            const teamCards = document.querySelectorAll('.team-card');\n\n            if(teamCards.length > 0) {\n                teamCards.forEach((card, index) => {\n                    card.style.opacity = '0';\n                    card.style.transform = 'translateY(20px)';\n                    card.style.transition = 'opacity 0.6s ease, transform 0.6s ease';\n\n                    setTimeout(() => {\n                        card.style.opacity = '1';\n                        card.style.transform = 'translateY(0)';\n                    }, 150 * index);\n                });\n            }\n        });\n    <\/script>\n\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-a1dcbec e-con-full e-flex e-con e-parent\" data-id=\"a1dcbec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b12fc61 elementor-widget elementor-widget-html\" data-id=\"b12fc61\" 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\">\n    <title>Nuovo - Crescer Juntos<\/title>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n    <style>\n        \/* Estilos Globais *\/\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n            font-family: 'Roboto', sans-serif;\n        }\n\n        body {\n            background-color: #f8f8f8;\n            color: #333;\n            line-height: 1.6;\n        }\n\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 0 20px;\n        }\n\n        \/* Se\u00e7\u00e3o \"Vamos crescer juntos?\" *\/\n        .crescer-juntos {\n            background: linear-gradient(rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85)), \n                        url('caminho-para-imagem-de-fundo.jpg') center\/cover no-repeat;\n            padding: 100px 20px;\n            text-align: center;\n            color: #ffffff;\n        }\n\n        .crescer-juntos .titulo {\n            font-size: 3.5rem;\n            font-weight: 300;\n            margin-bottom: 20px;\n            line-height: 1.2;\n        }\n\n        .crescer-juntos .destaque {\n            color: #e89d4f; \/* Cor laranja para \"juntos?\" *\/\n            font-style: italic;\n        }\n\n        .crescer-juntos .subtitulo {\n            font-size: 1.2rem;\n            max-width: 700px;\n            margin: 0 auto 50px;\n            line-height: 1.5;\n        }\n\n        .botoes {\n            display: flex;\n            justify-content: center;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n\n        .botao {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 16px 30px;\n            font-size: 1.1rem;\n            font-weight: 500;\n            text-decoration: none;\n            border-radius: 0;\n            transition: all 0.3s ease;\n            min-width: 220px;\n        }\n\n        .botao-laranja {\n            background-color: #e89d4f;\n            color: #ffffff;\n        }\n\n        .botao-laranja:hover {\n            background-color: #23b099; \/* Cor institucional verde ao inv\u00e9s de magenta *\/\n            color: #ffffff;\n        }\n\n        .botao-branco {\n            background-color: #ffffff;\n            color: #000000;\n        }\n\n        .botao-branco:hover {\n            background-color: #f8f8f8;\n            color: #0b2574; \/* Cor de t\u00edtulo preferida *\/\n        }\n\n        .seta {\n            margin-left: 8px;\n        }\n\n        \/* Media Queries *\/\n        @media (max-width: 768px) {\n            .crescer-juntos .titulo {\n                font-size: 2.5rem;\n            }\n\n            .crescer-juntos .subtitulo {\n                font-size: 1rem;\n            }\n\n            .botoes {\n                flex-direction: column;\n                align-items: center;\n            }\n\n            .botao {\n                width: 100%;\n                max-width: 280px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n    <!-- Se\u00e7\u00e3o \"Vamos crescer juntos?\" -->\n    <section class=\"crescer-juntos\">\n        <div class=\"container\">\n            <h2 class=\"titulo\">Vamos impulsionar  <span class=\"destaque\">seus resultados?<\/span><\/h2>\n            <p class=\"subtitulo\">Transformamos ideias em solu\u00e7\u00f5es extraordin\u00e1rias que levam<br> sua empresa mais longe.\u201d<\/p>\n\n            <div class=\"botoes\">\n                <a href=\"#solicitar\" class=\"botao botao-laranja\">Solicitar proposta <span class=\"seta\">\u2192<\/span><\/a>\n                <a href=\"#agendar\" class=\"botao botao-branco\">Agendar conversa <span class=\"seta\">\u2192<\/span><\/a>\n            <\/div>\n        <\/div>\n    <\/section>\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-7ee25f47 e-con-full e-flex e-con e-parent\" data-id=\"7ee25f47\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-573e3fc9 elementor-widget elementor-widget-html\" data-id=\"573e3fc9\" 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: #000;\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 Sobre N\u00f3s &#8211; Ag\u00eancia Sobre n\u00f3s Conectamos estrat\u00e9gia, design e produto para aumentar protagonismo de marca, desejo e vendas. Somos uma ag\u00eancia de branding, comunica\u00e7\u00e3o, web e produto situada em Florian\u00f3polis, Santa Catarina. Desde 1998, ajudamos empresas a construir marcas fortes e comunicar valor com protagonismo [&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-604","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/604","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=604"}],"version-history":[{"count":151,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/604\/revisions"}],"predecessor-version":[{"id":1166,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/604\/revisions\/1166"}],"wp:attachment":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/media?parent=604"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}