{"id":735,"date":"2026-02-18T19:19:25","date_gmt":"2026-02-18T22:19:25","guid":{"rendered":"https:\/\/nuovo.com.br\/novo\/?page_id=735"},"modified":"2026-04-22T13:48:53","modified_gmt":"2026-04-22T16:48:53","slug":"servicos","status":"publish","type":"page","link":"https:\/\/nuovo.com.br\/novo\/servicos\/","title":{"rendered":"Servi\u00e7os"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"735\" class=\"elementor elementor-735\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dbd1a20 e-flex e-con-boxed e-con e-parent\" data-id=\"1dbd1a20\" 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-3d6d0da4 e-con-full e-flex e-con e-child\" data-id=\"3d6d0da4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59494aee elementor-widget elementor-widget-image\" data-id=\"59494aee\" 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-1034b3fd e-con-full e-flex e-con e-child\" data-id=\"1034b3fd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11c174be elementor-widget elementor-widget-ekit-nav-menu\" data-id=\"11c174be\" 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-17ce724c e-con-full e-flex e-con e-child\" data-id=\"17ce724c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e0eb93f elementor-align-center elementor-widget__width-initial elementor-widget elementor-widget-button\" data-id=\"4e0eb93f\" 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-313e02e e-con-full e-flex e-con e-child\" data-id=\"313e02e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26c2ef63 elementor-widget elementor-widget-elementskit-social-media\" data-id=\"26c2ef63\" 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-3987b79 e-con-full e-flex e-con e-parent\" data-id=\"3987b79\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcb3ba1 elementor-widget elementor-widget-html\" data-id=\"bcb3ba1\" 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 Servi\u00e7os<\/title>\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    :root {\n        --primary-color: #d97706;\n        --primary-hover: #b45309;\n        --text-dark: #1a1a1a;\n        --text-gray: #555;\n        --bg-light: #f9f9f9;\n        --bg-white: #ffffff;\n        --pill-bg: #f3f4f6;\n        --pill-text: #4b5563;\n        --dark-bg: #111111;\n    }\n\n    * { box-sizing: border-box; margin: 0; padding: 0; }\n\n    body {\n        font-family: 'Roboto', sans-serif;\n        background-color: var(--bg-light);\n        color: var(--text-dark);\n        line-height: 1.6;\n        -webkit-font-smoothing: antialiased;\n    }\n\n    .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n    .section-wrapper { padding: 80px 0; }\n\n    .header-group { margin-bottom: 60px; }\n    .header-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: #888; margin-bottom: 16px; font-weight: 500; display: block; }\n    .header-title { font-size: 3rem; font-weight: 400; margin-bottom: 24px; color: var(--text-dark); }\n    .header-title span { color: var(--primary-color); font-style: italic; font-family: serif; }\n    .header-desc { font-size: 1.125rem; color: var(--text-gray); max-width: 600px; }\n\n    .big-cards-stack { display: flex; flex-direction: column; gap: 30px; margin-bottom: 100px; }\n\n    .big-card {\n        background: var(--bg-white);\n        border-radius: 16px;\n        padding: 50px;\n        display: grid;\n        grid-template-columns: 1fr 1fr;\n        gap: 40px;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        cursor: pointer;\n        border: 1px solid transparent;\n    }\n    .big-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(0,0,0,0.05); border-color: rgba(217, 119, 6, 0.1); }\n\n    .card-content { display: flex; flex-direction: column; align-items: flex-start; }\n    .card-icon-box { width: 48px; height: 48px; background-color: #fff8f0; border-radius: 10px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: var(--primary-color); }\n    .card-title { font-size: 1.75rem; font-weight: 500; margin-bottom: 16px; color: var(--text-dark); }\n    .card-text { color: var(--text-gray); margin-bottom: 32px; font-size: 1rem; }\n    .card-link { font-size: 0.95rem; font-weight: 500; color: var(--primary-color); display: inline-flex; align-items: center; gap: 8px; transition: gap 0.2s; }\n    .big-card:hover .card-link { gap: 12px; }\n\n    .card-tags { display: flex; flex-wrap: wrap; gap: 12px; align-content: flex-start; justify-content: flex-end; }\n    .pill { background-color: var(--pill-bg); color: var(--pill-text); padding: 8px 16px; border-radius: 100px; font-size: 0.85rem; font-weight: 500; }\n\n    .secondary-section { text-align: center; margin-bottom: 60px; }\n    .secondary-title { font-size: 2rem; font-weight: 400; margin-bottom: 16px; color: var(--text-dark); }\n    .secondary-desc { color: var(--text-gray); max-width: 600px; margin: 0 auto; }\n\n    .small-cards-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\n\n    .small-card {\n        background: var(--bg-white);\n        padding: 40px;\n        border-radius: 16px;\n        text-align: left;\n        cursor: pointer;\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\n        display: flex;\n        flex-direction: column;\n        align-items: flex-start;\n        height: 100%;\n        border: 1px solid transparent;\n    }\n    .small-card:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(0,0,0,0.05); border-color: rgba(217, 119, 6, 0.1); }\n    .small-card .card-title { font-size: 1.25rem; margin-bottom: 10px; }\n    .small-card .card-text { font-size: 0.9rem; flex-grow: 1; margin-bottom: 20px; color: #666; }\n\n    .modal-overlay {\n        position: fixed;\n        top: 0; left: 0; width: 100%; height: 100%;\n        background: #fff;\n        z-index: 99999;\n        overflow-y: auto;\n        transform: translateY(100%);\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n        opacity: 0;\n        pointer-events: none;\n    }\n    .modal-overlay.active { transform: translateY(0); opacity: 1; pointer-events: auto; }\n\n    .top-bar-fixed {\n        position: fixed; top: 0; left: 0; width: 100%; height: 80px;\n        background: #ffffff;\n        display: flex; align-items: center; padding: 0 40px;\n        z-index: 100000;\n    }\n\n    .back-btn {\n        background: none; border: none;\n        font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px;\n        color: #666; cursor: pointer;\n        display: flex; align-items: center; gap: 10px; padding: 10px 0;\n        transition: color 0.2s;\n    }\n    .back-btn:hover { color: var(--primary-color); }\n\n    .modal-content {\n        width: 100%; margin: 0; padding: 100px 0 0;\n        opacity: 0; transform: translateY(20px);\n        transition: opacity 0.4s ease 0.2s, transform 0.4s ease 0.2s;\n    }\n    .modal-overlay.active .modal-content { opacity: 1; transform: translateY(0); }\n\n    .content-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\n\n    .detail-header { padding: 40px 0 60px; }\n    .detail-label { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 2px; color: #999; margin-bottom: 20px; display: block; }\n    .detail-header h1 { font-size: 3.5rem; font-weight: 300; margin-bottom: 20px; color: #1a1a1a; line-height: 1.1; }\n    .detail-header p { font-size: 1.25rem; color: #555; max-width: 700px; line-height: 1.6; }\n\n    .detail-grid-who { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; margin-bottom: 100px; border-top: 1px solid #eee; padding-top: 60px; }\n    .who-col h3 { font-size: 1.1rem; margin-bottom: 30px; display: flex; align-items: center; gap: 12px; font-weight: 500; }\n    .who-icon-header { display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: #f0f0f0; color: #333; }\n    .who-icon-header.green { background: #e6fcf5; color: #0ca678; }\n    .who-icon-header.red { background: #fee2e2; color: #ef4444; }\n    .who-list { list-style: none; }\n    .who-list li { margin-bottom: 16px; display: flex; align-items: flex-start; gap: 12px; color: #555; font-size: 0.95rem; line-height: 1.5; }\n    .check-icon { color: #0ca678; flex-shrink: 0; margin-top: 4px; }\n    .minus-icon { color: #ef4444; flex-shrink: 0; margin-top: 4px; }\n\n    .deliverables-section { margin-bottom: 100px; }\n    .deliverables-section h2 { font-size: 2rem; font-weight: 300; margin-bottom: 10px; }\n    .deliverables-section > p { color: #666; margin-bottom: 40px; }\n    .deliverables-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }\n    .deliverable-card { background: #fff; padding: 30px; border: 1px solid #f0f0f0; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.02); }\n    .deliverable-card h4 { font-size: 1rem; font-weight: 600; margin-bottom: 10px; color: #ff9900; }\n    .deliverable-card p { font-size: 0.9rem; color: #666; line-height: 1.5; }\n\n    .highlight-title { color: #ff9900 !important; }\n\n    .process-section-full { background-color: var(--dark-bg); color: #fff; padding: 100px 0; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n    .process-header { margin-bottom: 60px; }\n    .process-header h2 { font-size: 2rem; font-weight: 300; margin-bottom: 10px; color: #fff; }\n    .process-time { display: inline-flex; align-items: center; gap: 8px; color: #fff; background-color: rgba(255, 255, 255, 0.15); padding: 6px 16px; border-radius: 100px; font-size: 0.85rem; font-weight: 500; }\n    .process-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 40px; }\n    .step-phase { color: var(--primary-color); font-size: 0.8rem; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 12px; display: block; font-weight: 500; }\n    .step h4 { font-size: 1.25rem; margin-bottom: 15px; color: #fff; font-weight: 500; }\n    .step p { font-size: 0.95rem; color: #999; line-height: 1.6; }\n\n    .cases-section { padding: 100px 0; }\n    .cases-section h2 { font-size: 2rem; font-weight: 300; margin-bottom: 40px; }\n    .cases-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); gap: 40px; }\n    .case-card { cursor: pointer; }\n    .case-img-wrapper { width: 100%; aspect-ratio: 16\/9; border-radius: 12px; overflow: hidden; margin-bottom: 20px; background: #eee; }\n    .case-img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }\n    .case-card:hover .case-img { transform: scale(1.05); }\n    .case-title { font-size: 1.1rem; font-weight: 500; margin-bottom: 5px; color: #1a1a1a; }\n    .case-desc { font-size: 0.9rem; color: #666; }\n\n    .faq-section { padding-bottom: 100px; max-width: 800px; margin: 0 auto; }\n    .faq-section h2 { font-size: 2rem; font-weight: 300; margin-bottom: 40px; text-align: center; }\n    .faq-item { border: 1px solid #eee; border-radius: 8px; margin-bottom: 10px; background: #fff; overflow: hidden; }\n    .faq-question { width: 100%; text-align: left; background: none; border: none; padding: 20px 25px; font-size: 1rem; font-weight: 500; color: #1a1a1a; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }\n    .faq-question:hover { background: #f9f9f9; }\n    .faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; padding: 0 25px; color: #555; line-height: 1.6; }\n    .faq-item.active .faq-answer { max-height: 300px; padding-bottom: 25px; }\n    .faq-icon { transition: transform 0.3s ease; color: #ccc; }\n    .faq-item.active .faq-icon { transform: rotate(45deg); color: var(--primary-color); }\n\n    .cta-footer-full { background-color: var(--dark-bg); color: #fff; padding: 100px 0; text-align: center; width: 100vw; margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }\n    .cta-footer-full h2 { font-size: 2.5rem; font-weight: 300; margin-bottom: 20px; color: #fff; }\n    .cta-footer-full p { color: #999; margin-bottom: 40px; font-size: 1rem; max-width: 600px; margin-left: auto; margin-right: auto; }\n    .cta-buttons { display: flex; gap: 20px; justify-content: center; }\n    .btn-primary { background: var(--primary-color); color: #fff; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-weight: 500; transition: background 0.3s; border: none; cursor: pointer; }\n    .btn-primary:hover { background: var(--primary-hover); }\n    .btn-secondary { background: #fff; color: #111; padding: 15px 35px; border-radius: 4px; text-decoration: none; font-weight: 500; transition: background 0.3s; border: none; cursor: pointer; }\n    .btn-secondary:hover { background: #f0f0f0; }\n\n    @media (max-width: 768px) {\n        .header-title { font-size: 2.2rem; }\n        .big-card { grid-template-columns: 1fr; gap: 20px; padding: 30px; }\n        .card-tags { justify-content: flex-start; }\n        .detail-header h1 { font-size: 2.5rem; }\n        .detail-grid-who { grid-template-columns: 1fr; gap: 40px; }\n        .process-steps { grid-template-columns: 1fr; }\n        .cases-grid { grid-template-columns: 1fr; }\n        .cta-buttons { flex-direction: column; }\n        .top-bar-fixed { padding: 0 20px; height: 60px; }\n        .modal-content { padding-top: 80px; }\n    }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"section-wrapper\">\n    <div class=\"container\">\n\n        <div class=\"header-group\">\n            <span class=\"header-label\">Servi\u00e7os<\/span>\n            <h1 class=\"header-title\">Como podemos <span>ajudar<\/span><\/h1>\n            <p class=\"header-desc\">Oferecemos um ecossistema completo de solu\u00e7\u00f5es em branding, comunica\u00e7\u00e3o e design para empresas que querem construir marcas fortes e relevantes.<\/p>\n        <\/div>\n\n        <!-- CARDS GRANDES -->\n        <div class=\"big-cards-stack\">\n\n            <div class=\"big-card\" onclick=\"openModal('estrategia')\">\n                <div class=\"card-content\">\n                    <div class=\"card-icon-box\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n                    <\/div>\n                    <h2 class=\"card-title\">Estrat\u00e9gia de Marca<\/h2>\n                    <p class=\"card-text\">Uma marca sem estrat\u00e9gia \u00e9 s\u00f3 um logotipo bonito. Antes de qualquer pe\u00e7a visual, \u00e9 preciso entender quem voc\u00ea \u00e9, onde quer chegar e por que o seu cliente deveria escolher voc\u00ea. \u00c9 aqui que constru\u00edmos a funda\u00e7\u00e3o da sua marca com clareza, inten\u00e7\u00e3o e profundidade. Tudo o que vem depois nasce daqui.<\/p>\n                    <span class=\"card-link\">Ver detalhes <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\n                <\/div>\n                <div class=\"card-tags\">\n                    <span class=\"pill\">An\u00e1lise de mercado<\/span>\n                    <span class=\"pill\">Diagn\u00f3stico<\/span>\n                    <span class=\"pill\">Ess\u00eancia<\/span>\n                    <span class=\"pill\">Prop\u00f3sito<\/span>\n                    <span class=\"pill\">Posicionamento<\/span>\n                    <span class=\"pill\">Personalidade<\/span>\n                    <span class=\"pill\">Brand Persona<\/span>\n                    <span class=\"pill\">Manifesto de marca<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"big-card\" onclick=\"openModal('expressao')\">\n                <div class=\"card-content\">\n                    <div class=\"card-icon-box\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><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><\/svg>\n                    <\/div>\n                    <h2 class=\"card-title\">Express\u00e3o & Personalidade<\/h2>\n                    <p class=\"card-text\">Sua marca \u00e9 a primeira impress\u00e3o que o mercado tem de voc\u00ea e ela precisa ser consistente em todo lugar, do cart\u00e3o de visitas ao site. Criamos uma identidade visual completa que comunica quem voc\u00ea \u00e9 antes mesmo de voc\u00ea falar uma palavra. Profissionalismo que gera confian\u00e7a e faz o cliente lembrar de voc\u00ea.<\/p>\n                    <span class=\"card-link\">Ver detalhes <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\n                <\/div>\n                <div class=\"card-tags\">\n                    <span class=\"pill\">Naming<\/span>\n                    <span class=\"pill\">Cria\u00e7\u00e3o de logotipo<\/span>\n                    <span class=\"pill\">Identidade visual<\/span>\n                    <span class=\"pill\">Manual da Marca<\/span>\n                    <span class=\"pill\">Tom de voz<\/span>\n                    <span class=\"pill\">Site Institucional<\/span>\n                <\/div>\n            <\/div>\n\n            <div class=\"big-card\" onclick=\"openModal('comunicacao')\">\n                <div class=\"card-content\">\n                    <div class=\"card-icon-box\">\n                        <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><polyline points=\"9 22 9 12 15 12 15 22\"><\/polyline><\/svg>\n                    <\/div>\n                    <h2 class=\"card-title\">Design de Produto & Cat\u00e1logo<\/h2>\n                    <p class=\"card-text\">Produzir bem n\u00e3o \u00e9 suficiente quando o mercado n\u00e3o consegue diferenciar o seu produto dos demais. Com design autoral e assinatura de designer, transformamos seus m\u00f3veis em pe\u00e7as de alto valor agregado que justificam pre\u00e7o premium, conquistam novos mercados e constroem o nome da sua marca dentro e fora do showroom.<\/p>\n                    <span class=\"card-link\">Ver detalhes <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><polyline points=\"12 5 19 12 12 19\"><\/polyline><\/svg><\/span>\n                <\/div>\n                <div class=\"card-tags\">\n                    <span class=\"pill\">Desenho de m\u00f3veis exclusivos<\/span>\n                    <span class=\"pill\">Assinatura de designer<\/span>\n                    <span class=\"pill\">Viabilidade produtiva<\/span>\n                    <span class=\"pill\">Cat\u00e1logo de Produtos<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n        <!-- SE\u00c7\u00c3O SECUND\u00c1RIA -->\n        <div class=\"secondary-section\">\n            <h2 class=\"secondary-title\">Servi\u00e7os espec\u00edficos<\/h2>\n            <p class=\"secondary-desc\">Solu\u00e7\u00f5es pontuais para necessidades espec\u00edficas do seu neg\u00f3cio.<\/p>\n        <\/div>\n\n        <div class=\"small-cards-grid\">\n\n            <div class=\"small-card\" onclick=\"openModal('produto')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Design de Produto<\/h3>\n                <p class=\"card-text\">Desenvolvimento de m\u00f3veis e objetos com design autoral e viabilidade produtiva.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n            <div class=\"small-card\" onclick=\"openModal('identidade')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 19l7-7 3 3-7 7-3-3z\"><\/path><path d=\"M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z\"><\/path><path d=\"M2 2l7.586 7.586\"><\/path><circle cx=\"11\" cy=\"11\" r=\"2\"><\/circle><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Identidade Visual<\/h3>\n                <p class=\"card-text\">Cria\u00e7\u00e3o de logotipos e sistemas visuais completos para profissionalizar sua marca.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n            <div class=\"small-card\" onclick=\"openModal('site')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"8\" y1=\"21\" x2=\"16\" y2=\"21\"><\/line><line x1=\"12\" y1=\"17\" x2=\"12\" y2=\"21\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Site Institucional<\/h3>\n                <p class=\"card-text\">Sites modernos, r\u00e1pidos e otimizados para converter visitantes em clientes.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n            <!-- NOVO: Marketing Digital -->\n            <div class=\"small-card\" onclick=\"openModal('marketing')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"><\/path><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Marketing Digital<\/h3>\n                <p class=\"card-text\">Design de conte\u00fado para redes sociais \u2014 cards, pe\u00e7as e templates que comunicam a identidade da sua marca com consist\u00eancia.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n            <!-- NOVO: Embalagem -->\n            <div class=\"small-card\" onclick=\"openModal('embalagem')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path><polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline><line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Embalagem<\/h3>\n                <p class=\"card-text\">Design de embalagens que comunicam o valor do produto antes mesmo de ele ser aberto \u2014 do conceito \u00e0 arte final para produ\u00e7\u00e3o.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n            <!-- NOVO: Projetos Editoriais -->\n            <div class=\"small-card\" onclick=\"openModal('editorial')\">\n                <div class=\"card-icon-box\">\n                    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path><polyline points=\"14 2 14 8 20 8\"><\/polyline><line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line><line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line><polyline points=\"10 9 9 9 8 9\"><\/polyline><\/svg>\n                <\/div>\n                <h3 class=\"card-title\">Projetos Editoriais<\/h3>\n                <p class=\"card-text\">Apresenta\u00e7\u00f5es institucionais, relat\u00f3rios de gest\u00e3o e relat\u00f3rios anuais com design que traduz dados e estrat\u00e9gia em documentos de impacto.<\/p>\n                <span class=\"card-link\">Saiba mais \u2192<\/span>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/div>\n\n<!-- MODAL -->\n<div id=\"service-modal\" class=\"modal-overlay\">\n    <div class=\"top-bar-fixed\">\n        <button class=\"back-btn\" onclick=\"closeModal()\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"19\" y1=\"12\" x2=\"5\" y2=\"12\"><\/line><polyline points=\"12 19 5 12 12 5\"><\/polyline><\/svg>\n            Voltar para servi\u00e7os\n        <\/button>\n    <\/div>\n    <div id=\"modal-body\" class=\"modal-content\"><\/div>\n<\/div>\n\n<script>\n    const servicesData = {\n        estrategia: {\n            title: \"Estrat\u00e9gia de Marca\",\n            desc: \"Constru\u00edmos a base s\u00f3lida para o crescimento do seu neg\u00f3cio, definindo com clareza quem voc\u00ea \u00e9, para onde vai e como chegar\u00e1 l\u00e1.\",\n            who: [\"Empresas em fase de crescimento\", \"Marcas que perderam relev\u00e2ncia\", \"Fus\u00f5es e aquisi\u00e7\u00f5es\"],\n            notWho: [\"Quem busca apenas um logotipo\", \"A\u00e7\u00f5es pontuais de curto prazo\"],\n            deliverables: [\n                {title: \"Plataforma de Marca\", text: \"Defini\u00e7\u00e3o de prop\u00f3sito, miss\u00e3o, vis\u00e3o e valores.\"},\n                {title: \"Posicionamento\", text: \"Como a marca quer ser percebida no mercado.\"},\n                {title: \"Arquitetura de Marca\", text: \"Organiza\u00e7\u00e3o do portf\u00f3lio de produtos e servi\u00e7os.\"},\n                {title: \"Naming\", text: \"Cria\u00e7\u00e3o de nomes estrat\u00e9gicos para marcas e produtos.\"}\n            ],\n            time: \"6 a 8 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Imers\u00e3o\", text: \"Mergulho profundo no neg\u00f3cio, mercado e concorrentes.\"},\n                {phase: \"Fase 02\", title: \"An\u00e1lise\", text: \"Diagn\u00f3stico de oportunidades e defini\u00e7\u00e3o de territ\u00f3rios.\"},\n                {phase: \"Fase 03\", title: \"Constru\u00e7\u00e3o\", text: \"Defini\u00e7\u00e3o do prop\u00f3sito, posicionamento e atributos.\"},\n                {phase: \"Fase 04\", title: \"Valida\u00e7\u00e3o\", text: \"Apresenta\u00e7\u00e3o do book de marca e diretrizes estrat\u00e9gicas.\"}\n            ],\n            cases: [\n                {title: \"TechFlow\", desc: \"Reposicionamento estrat\u00e9gico para startup de tecnologia.\", img: \"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"BioVida\", desc: \"Estrat\u00e9gia de marca para rede de cl\u00ednicas.\", img: \"https:\/\/images.unsplash.com\/photo-1576091160399-112ba8d25d1d?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Por que preciso de estrat\u00e9gia antes do design?\", a: \"O design \u00e9 a express\u00e3o visual da estrat\u00e9gia. Sem estrat\u00e9gia, o design \u00e9 apenas decora\u00e7\u00e3o.\"},\n                {q: \"Quanto tempo dura o processo?\", a: \"Tipicamente entre 6 a 8 semanas, dependendo da complexidade do neg\u00f3cio.\"}\n            ]\n        },\n        expressao: {\n            title: \"Express\u00e3o & Personalidade\",\n            desc: \"Traduzimos a estrat\u00e9gia em elementos visuais e verbais que tornam a marca \u00fanica e reconhec\u00edvel.\",\n            who: [\"Marcas novas\", \"Rebranding\", \"Empresas sem consist\u00eancia visual\"],\n            notWho: [\"Quem quer apenas 'ficar bonito'\", \"Projetos sem base estrat\u00e9gica\"],\n            deliverables: [\n                {title: \"Identidade Visual\", text: \"Logotipo, cores, tipografia e elementos gr\u00e1ficos.\"},\n                {title: \"Tom de Voz\", text: \"Diretrizes de como a marca fala e escreve.\"},\n                {title: \"Manual da Marca\", text: \"Guia completo de uso e aplica\u00e7\u00e3o da marca.\"},\n                {title: \"Papelaria\", text: \"Cart\u00f5es, envelopes e materiais institucionais.\"}\n            ],\n            time: \"4 a 6 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Conceito\", text: \"Cria\u00e7\u00e3o de caminhos criativos baseados na estrat\u00e9gia.\"},\n                {phase: \"Fase 02\", title: \"Design\", text: \"Desenvolvimento do sistema visual (logo, cores, tipo).\"},\n                {phase: \"Fase 03\", title: \"Verbal\", text: \"Defini\u00e7\u00e3o do tom de voz e universo verbal.\"},\n                {phase: \"Fase 04\", title: \"Entrega\", text: \"Manual da Marca e arquivos finais.\"}\n            ],\n            cases: [\n                {title: \"Jazz Residence\", desc: \"Identidade visual sofisticada para empreendimento imobili\u00e1rio.\", img: \"https:\/\/images.unsplash.com\/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Namata\", desc: \"Express\u00e3o visual e verbal para est\u00fadio floral.\", img: \"https:\/\/images.unsplash.com\/photo-1490750967868-58cb75069ed6?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"O que recebo no final?\", a: \"Todos os arquivos do logotipo (vetor, imagem), paleta de cores, fontes e o manual da marca.\"},\n                {q: \"Voc\u00eas criam o nome tamb\u00e9m?\", a: \"Sim, o Naming pode ser contratado como parte da estrat\u00e9gia ou express\u00e3o.\"}\n            ]\n        },\n        comunicacao: {\n            title: \"Design de Produto & Cat\u00e1logo\",\n            desc: \"Desenvolvemos m\u00f3veis com design autoral e assinatura de designer \u2014 pe\u00e7as que justificam pre\u00e7o premium e constroem o nome da sua marca dentro e fora do showroom.\",\n            who: [\"Ind\u00fastrias moveleiras que querem uma linha de alto valor agregado\", \"Marcas que buscam diferencia\u00e7\u00e3o no mercado\", \"Empresas que desejam lan\u00e7ar produtos com identidade pr\u00f3pria\"],\n            notWho: [\"C\u00f3pia ou releitura de produtos existentes\", \"Projetos sem viabilidade para produ\u00e7\u00e3o industrial\"],\n            deliverables: [\n                {title: \"Desenho de M\u00f3veis Exclusivos\", text: \"Cria\u00e7\u00e3o de pe\u00e7as originais com assinatura de designer.\"},\n                {title: \"Viabilidade Produtiva\", text: \"Projeto desenvolvido com foco em fabrica\u00e7\u00e3o real.\"},\n                {title: \"Cat\u00e1logo de Produtos\", text: \"Cat\u00e1logo impresso e digital para apresenta\u00e7\u00e3o da linha ao mercado.\"}\n            ],\n            time: \"8 a 14 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Briefing\", text: \"Entendimento do parque fabril, p\u00fablico e posicionamento desejado.\"},\n                {phase: \"Fase 02\", title: \"Conceito\", text: \"Defini\u00e7\u00e3o de est\u00e9tica, materiais e linguagem do produto.\"},\n                {phase: \"Fase 03\", title: \"Projeto\", text: \"Desenvolvimento t\u00e9cnico com detalhamento para produ\u00e7\u00e3o.\"},\n                {phase: \"Fase 04\", title: \"Cat\u00e1logo\", text: \"Produ\u00e7\u00e3o do material de apresenta\u00e7\u00e3o impresso e digital.\"}\n            ],\n            cases: [\n                {title: \"Cadeira Lina\", desc: \"Design premiado em madeira maci\u00e7a para ind\u00fastria moveleira.\", img: \"https:\/\/images.unsplash.com\/photo-1592078615290-033ee584e267?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Linha Alto Padr\u00e3o\", desc: \"Cole\u00e7\u00e3o exclusiva para marca de m\u00f3veis corporativos.\", img: \"https:\/\/images.unsplash.com\/photo-1555041469-a586c61ea9bc?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"O design \u00e9 exclusivo para a nossa empresa?\", a: \"Sim, transferimos os direitos patrimoniais do design para o cliente ao final do projeto.\"},\n                {q: \"Voc\u00eas acompanham a prototipagem?\", a: \"Sim, fazemos o acompanhamento t\u00e9cnico durante a fase de prot\u00f3tipo para garantir fidelidade ao projeto.\"}\n            ]\n        },\n        produto: {\n            title: \"Design de Produto\",\n            desc: \"Desenvolvemos m\u00f3veis e objetos com design autoral, unindo est\u00e9tica, ergonomia e viabilidade produtiva.\",\n            who: [\"Ind\u00fastrias de m\u00f3veis\", \"Marcas de decora\u00e7\u00e3o\", \"Arquitetos com linha pr\u00f3pria\"],\n            notWho: [\"C\u00f3pia de produtos existentes\", \"Projetos sem viabilidade industrial\"],\n            deliverables: [\n                {title: \"Projeto 3D\", text: \"Renderiza\u00e7\u00f5es realistas do produto.\"},\n                {title: \"Detalhamento T\u00e9cnico\", text: \"Desenhos t\u00e9cnicos com medidas e especifica\u00e7\u00f5es.\"},\n                {title: \"Acompanhamento\", text: \"Suporte durante a fase de prototipagem.\"}\n            ],\n            time: \"8 a 12 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Briefing\", text: \"Entendimento da necessidade, p\u00fablico e parque fabril.\"},\n                {phase: \"Fase 02\", title: \"Idea\u00e7\u00e3o\", text: \"Sketches, modelagem 3D e defini\u00e7\u00e3o de materiais.\"},\n                {phase: \"Fase 03\", title: \"Engenharia\", text: \"Detalhamento t\u00e9cnico e prepara\u00e7\u00e3o para produ\u00e7\u00e3o.\"},\n                {phase: \"Fase 04\", title: \"Prototipagem\", text: \"Acompanhamento do prot\u00f3tipo f\u00edsico e ajustes finais.\"}\n            ],\n            cases: [\n                {title: \"Cadeira Lina\", desc: \"Design premiado em madeira maci\u00e7a.\", img: \"https:\/\/images.unsplash.com\/photo-1592078615290-033ee584e267?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Lumin\u00e1ria Arco\", desc: \"Desenvolvimento para ind\u00fastria de ilumina\u00e7\u00e3o.\", img: \"https:\/\/images.unsplash.com\/photo-1513506003011-3b03c8e3bf27?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Voc\u00eas fabricam?\", a: \"N\u00e3o, n\u00f3s fazemos o design e o projeto t\u00e9cnico para a ind\u00fastria fabricar.\"},\n                {q: \"O projeto \u00e9 exclusivo?\", a: \"Sim, transferimos os direitos patrimoniais do design para o cliente.\"}\n            ]\n        },\n        identidade: {\n            title: \"Identidade Visual\",\n            desc: \"Cria\u00e7\u00e3o de logotipos e sistemas visuais para empresas que precisam se profissionalizar.\",\n            who: [\"Pequenas empresas\", \"Profissionais liberais\", \"Startups\"],\n            notWho: [\"Altera\u00e7\u00f5es pontuais em logos existentes\"],\n            deliverables: [\n                {title: \"Logotipo\", text: \"Vers\u00f5es principal e secund\u00e1ria da marca.\"},\n                {title: \"Paleta de Cores\", text: \"Defini\u00e7\u00e3o de cores institucionais.\"},\n                {title: \"Tipografia\", text: \"Sele\u00e7\u00e3o de fontes para uso na comunica\u00e7\u00e3o.\"},\n                {title: \"Manual B\u00e1sico\", text: \"Guia de aplica\u00e7\u00e3o da marca.\"}\n            ],\n            time: \"3 a 4 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Briefing\", text: \"Entendimento do gosto e necessidade.\"},\n                {phase: \"Fase 02\", title: \"Cria\u00e7\u00e3o\", text: \"Desenvolvimento das op\u00e7\u00f5es visuais.\"},\n                {phase: \"Fase 03\", title: \"Refino\", text: \"Ajustes na op\u00e7\u00e3o escolhida.\"},\n                {phase: \"Fase 04\", title: \"Manual\", text: \"Guia b\u00e1sico de uso da marca.\"}\n            ],\n            cases: [\n                {title: \"Essendi\", desc: \"Sistema visual para marca de produtos essenciais.\", img: \"https:\/\/images.unsplash.com\/photo-1586023492125-27b2c045efd7?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Advocacia Silva\", desc: \"Identidade s\u00f3bria e moderna.\", img: \"https:\/\/images.unsplash.com\/photo-1505664194779-8beaceb93744?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Posso pedir altera\u00e7\u00f5es?\", a: \"Sim, prevemos rodadas de ajustes para garantir sua satisfa\u00e7\u00e3o.\"},\n                {q: \"Voc\u00eas entregam em vetor?\", a: \"Sim, entregamos em AI, EPS, PDF, PNG e JPG.\"}\n            ]\n        },\n        site: {\n            title: \"Site Institucional\",\n            desc: \"Design e desenvolvimento de sites focados em performance e convers\u00e3o.\",\n            who: [\"Empresas sem site\", \"Sites antigos\", \"Baixa performance\"],\n            notWho: [\"E-commerces complexos\", \"Sistemas web\"],\n            deliverables: [\n                {title: \"Layout Exclusivo\", text: \"Design personalizado para sua marca.\"},\n                {title: \"Desenvolvimento\", text: \"Programa\u00e7\u00e3o em WordPress ou Webflow.\"},\n                {title: \"Responsivo\", text: \"Site adaptado para celulares e tablets.\"},\n                {title: \"SEO B\u00e1sico\", text: \"Otimiza\u00e7\u00e3o para o Google.\"}\n            ],\n            time: \"4 a 6 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"UX\", text: \"Arquitetura da informa\u00e7\u00e3o e wireframes.\"},\n                {phase: \"Fase 02\", title: \"UI\", text: \"Design das interfaces.\"},\n                {phase: \"Fase 03\", title: \"Dev\", text: \"Programa\u00e7\u00e3o e CMS.\"},\n                {phase: \"Fase 04\", title: \"Go Live\", text: \"Testes e publica\u00e7\u00e3o.\"}\n            ],\n            cases: [\n                {title: \"Nibo\", desc: \"Site institucional focado em convers\u00e3o.\", img: \"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Consultoria RH\", desc: \"Site one-page moderno.\", img: \"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Eu consigo atualizar o site depois?\", a: \"Sim, entregamos com painel administrativo f\u00e1cil de usar.\"},\n                {q: \"O dom\u00ednio e hospedagem est\u00e3o inclusos?\", a: \"N\u00e3o, mas orientamos na contrata\u00e7\u00e3o desses servi\u00e7os.\"}\n            ]\n        },\n\n        \/\/ \u2500\u2500 NOVOS SERVI\u00c7OS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n\n        marketing: {\n            title: \"Marketing Digital\",\n            desc: \"Design de conte\u00fado para redes sociais que mant\u00e9m a identidade da sua marca consistente em cada publica\u00e7\u00e3o \u2014 do Instagram ao LinkedIn.\",\n            who: [\"Empresas que j\u00e1 t\u00eam identidade visual e precisam de conte\u00fado consistente\", \"Marcas que terceirizam a gest\u00e3o de redes mas n\u00e3o t\u00eam um padr\u00e3o visual definido\", \"Times de marketing que precisam de templates profissionais para produzir em escala\"],\n            notWho: [\"Quem busca gest\u00e3o de redes sociais ou produ\u00e7\u00e3o de texto\", \"Projetos sem identidade visual estabelecida\"],\n            deliverables: [\n                {title: \"Cards para Redes Sociais\", text: \"Pe\u00e7as est\u00e1ticas para feed e stories no Instagram, LinkedIn e demais canais.\"},\n                {title: \"Templates Edit\u00e1veis\", text: \"Arquivos organizados para que o time interno produza novos posts mantendo o padr\u00e3o visual.\"},\n                {title: \"Guia de Uso\", text: \"Orienta\u00e7\u00f5es de como aplicar os templates com consist\u00eancia.\"},\n                {title: \"Pacote de Pe\u00e7as\", text: \"Volume acordado de layouts prontos para uso imediato.\"}\n            ],\n            time: \"2 a 4 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Alinhamento\", text: \"Entendimento dos canais, p\u00fablico e tom visual da marca.\"},\n                {phase: \"Fase 02\", title: \"Conceito\", text: \"Defini\u00e7\u00e3o de grid, paleta e tipografia aplicados ao digital.\"},\n                {phase: \"Fase 03\", title: \"Cria\u00e7\u00e3o\", text: \"Desenvolvimento dos templates e pe\u00e7as do pacote.\"},\n                {phase: \"Fase 04\", title: \"Entrega\", text: \"Arquivos finais e guia de uso para o time.\"}\n            ],\n            cases: [\n                {title: \"Jazz Residence\", desc: \"Sistema de templates para lan\u00e7amento imobili\u00e1rio.\", img: \"https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"BioVida\", desc: \"Pacote de pe\u00e7as para redes sociais de rede de cl\u00ednicas.\", img: \"https:\/\/images.unsplash.com\/photo-1432888498266-38ffec3eaf0a?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Voc\u00eas fazem a gest\u00e3o das redes sociais?\", a: \"N\u00e3o. Nosso foco \u00e9 o design das pe\u00e7as \u2014 a gest\u00e3o e publica\u00e7\u00e3o ficam com o cliente ou com sua ag\u00eancia de conte\u00fado.\"},\n                {q: \"Posso adaptar os templates para campanhas futuras?\", a: \"Sim, entregamos os arquivos edit\u00e1veis justamente para isso.\"}\n            ]\n        },\n\n        embalagem: {\n            title: \"Embalagem\",\n            desc: \"A embalagem \u00e9 o primeiro contato f\u00edsico do cliente com o seu produto. Desenhamos embalagens que comunicam valor, protegem a experi\u00eancia e diferenciam a marca na g\u00f4ndola.\",\n            who: [\"Marcas de produtos que precisam se destacar no ponto de venda\", \"Empresas lan\u00e7ando novos produtos ou renovando linha existente\", \"Neg\u00f3cios que valorizam a experi\u00eancia de unboxing como parte da marca\"],\n            notWho: [\"Projetos que n\u00e3o t\u00eam refer\u00eancia de p\u00fablico ou posicionamento definido\", \"Demandas de altera\u00e7\u00f5es pontuais em arte j\u00e1 existente\"],\n            deliverables: [\n                {title: \"Conceito Visual\", text: \"Dire\u00e7\u00e3o criativa alinhada \u00e0 identidade da marca.\"},\n                {title: \"Design Estrutural\", text: \"Defini\u00e7\u00e3o de formato, materiais e acabamentos.\"},\n                {title: \"Arte Final\", text: \"Arquivo preparado para impress\u00e3o com todas as especifica\u00e7\u00f5es t\u00e9cnicas.\"},\n                {title: \"Mockup\", text: \"Visualiza\u00e7\u00e3o realista da embalagem antes da produ\u00e7\u00e3o.\"}\n            ],\n            time: \"3 a 6 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Briefing\", text: \"Levantamento de produto, p\u00fablico, canal de venda e refer\u00eancias.\"},\n                {phase: \"Fase 02\", title: \"Estrutura\", text: \"Defini\u00e7\u00e3o de formato, material e processo de impress\u00e3o.\"},\n                {phase: \"Fase 03\", title: \"Design\", text: \"Cria\u00e7\u00e3o visual com foco em impacto e consist\u00eancia de marca.\"},\n                {phase: \"Fase 04\", title: \"Arte Final\", text: \"Fechamento do arquivo t\u00e9cnico para gr\u00e1fica.\"}\n            ],\n            cases: [\n                {title: \"Essendi\", desc: \"Linha de embalagens para produtos de bem-estar.\", img: \"https:\/\/images.unsplash.com\/photo-1607082348824-0a96f2a4b9da?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"Namata\", desc: \"Embalagem premium para linha floral artesanal.\", img: \"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Voc\u00eas indicam gr\u00e1ficas para produ\u00e7\u00e3o?\", a: \"Sim, podemos indicar fornecedores parceiros de acordo com o tipo de embalagem e volume.\"},\n                {q: \"O projeto inclui dieline (molde estrutural)?\", a: \"Sim, entregamos o dieline t\u00e9cnico junto com a arte final.\"}\n            ]\n        },\n\n        editorial: {\n            title: \"Projetos Editoriais\",\n            desc: \"Transformamos dados, relat\u00f3rios e estrat\u00e9gias em documentos visuais de alto impacto \u2014 que transmitem profissionalismo e refor\u00e7am a credibilidade da sua organiza\u00e7\u00e3o.\",\n            who: [\"Empresas que precisam apresentar resultados a investidores, conselhos ou clientes\", \"Organiza\u00e7\u00f5es que publicam relat\u00f3rios anuais ou de gest\u00e3o\", \"Times que precisam de apresenta\u00e7\u00f5es institucionais com padr\u00e3o visual elevado\"],\n            notWho: [\"Quem precisa apenas de ajustes em template pronto\", \"Documentos internos sem necessidade de design profissional\"],\n            deliverables: [\n                {title: \"Apresenta\u00e7\u00f5es Institucionais\", text: \"Decks em PowerPoint ou PDF para pitches, reuni\u00f5es e eventos.\"},\n                {title: \"Relat\u00f3rios de Gest\u00e3o\", text: \"Documentos peri\u00f3dicos com diagrama\u00e7\u00e3o profissional e visualiza\u00e7\u00e3o de dados.\"},\n                {title: \"Relat\u00f3rios Anuais\", text: \"Publica\u00e7\u00f5es completas que comunicam resultados e posicionam a marca.\"},\n                {title: \"Template Edit\u00e1vel\", text: \"Arquivo-base para que o time interno mantenha o padr\u00e3o nas pr\u00f3ximas edi\u00e7\u00f5es.\"}\n            ],\n            time: \"2 a 5 semanas\",\n            steps: [\n                {phase: \"Fase 01\", title: \"Briefing\", text: \"Entendimento do conte\u00fado, p\u00fablico e objetivo do documento.\"},\n                {phase: \"Fase 02\", title: \"Arquitetura\", text: \"Organiza\u00e7\u00e3o da estrutura e hierarquia das informa\u00e7\u00f5es.\"},\n                {phase: \"Fase 03\", title: \"Design\", text: \"Diagrama\u00e7\u00e3o com identidade visual da marca aplicada.\"},\n                {phase: \"Fase 04\", title: \"Entrega\", text: \"Arquivo final em PDF e vers\u00e3o edit\u00e1vel para uso futuro.\"}\n            ],\n            cases: [\n                {title: \"Grupo Nibo\", desc: \"Relat\u00f3rio anual com visualiza\u00e7\u00e3o de dados e narrativa de resultados.\", img: \"https:\/\/images.unsplash.com\/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&w=800&q=80\"},\n                {title: \"BioVida\", desc: \"Apresenta\u00e7\u00e3o institucional para rodada de investimentos.\", img: \"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&w=800&q=80\"}\n            ],\n            faq: [\n                {q: \"Voc\u00eas trabalham com o conte\u00fado (textos) tamb\u00e9m?\", a: \"Nosso foco \u00e9 o design editorial. O conte\u00fado textual \u00e9 fornecido pelo cliente; podemos fazer pequenos ajustes de revis\u00e3o, mas n\u00e3o somos uma ag\u00eancia de conte\u00fado.\"},\n                {q: \"O arquivo final vem edit\u00e1vel?\", a: \"Sim, entregamos o arquivo edit\u00e1vel em PowerPoint ou InDesign para que a equipe possa atualizar nas pr\u00f3ximas edi\u00e7\u00f5es.\"}\n            ]\n        }\n    };\n\n    \/\/ ==========================================================================\n    \/\/ L\u00d3GICA DO MODAL\n    \/\/ ==========================================================================\n    function openModal(serviceKey) {\n        const data = servicesData[serviceKey];\n        if (!data) { console.error(\"Servi\u00e7o n\u00e3o encontrado:\", serviceKey); return; }\n\n        const modalBody = document.getElementById('modal-body');\n\n        let htmlContent = `\n            <div class=\"content-container\">\n                <div class=\"detail-header\">\n                    <span class=\"detail-label\">SERVI\u00c7O<\/span>\n                    <h1>${data.title}<\/h1>\n                    <p>${data.desc}<\/p>\n                <\/div>\n\n                <div class=\"detail-grid-who\">\n                    <div class=\"who-col\">\n                        <h3>\n                            <div class=\"who-icon-header green\">\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"><\/path><circle cx=\"12\" cy=\"7\" r=\"4\"><\/circle><\/svg>\n                            <\/div>\n                            Para quem \u00e9\n                        <\/h3>\n                        <ul class=\"who-list\">\n                            ${data.who.map(item => `<li><svg class=\"check-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 11.08V12a10 10 0 1 1-5.93-9.14\"><\/path><polyline points=\"22 4 12 14.01 9 11.01\"><\/polyline><\/svg> ${item}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                    <div class=\"who-col\">\n                        <h3>\n                            <div class=\"who-icon-header red\">\n                                <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\n                            <\/div>\n                            Para quem n\u00e3o \u00e9\n                        <\/h3>\n                        <ul class=\"who-list\">\n                            ${data.notWho.map(item => `<li><svg class=\"minus-icon\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg> ${item}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                <\/div>\n\n                <div class=\"deliverables-section\">\n                    <h2>O que voc\u00ea recebe<\/h2>\n                    <p>Entreg\u00e1veis do projeto de ${data.title.toLowerCase()}.<\/p>\n                    <div class=\"deliverables-grid\">\n                        ${data.deliverables.map(item => `\n                            <div class=\"deliverable-card\">\n                                <h4>${item.title}<\/h4>\n                                <p>${item.text}<\/p>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"process-section-full\">\n                <div class=\"content-container\">\n                    <div class=\"process-header\">\n                        <h2>Como funciona<\/h2>\n                        <div class=\"process-time\">\n                            <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><polyline points=\"12 6 12 12 16 14\"><\/polyline><\/svg>\n                            Prazo t\u00edpico: ${data.time}\n                        <\/div>\n                    <\/div>\n                    <div class=\"process-steps\">\n                        ${data.steps.map(step => `\n                            <div class=\"step\">\n                                <span class=\"step-phase\">${step.phase}<\/span>\n                                <h4>${step.title}<\/h4>\n                                <p>${step.text}<\/p>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <div class=\"content-container\">\n                <div class=\"cases-section\">\n                    <h2>Cases relacionados<\/h2>\n                    <div class=\"cases-grid\">\n                        ${data.cases.map(c => `\n                            <div class=\"case-card\">\n                                <div class=\"case-img-wrapper\">\n                                    <img decoding=\"async\" src=\"${c.img}\" alt=\"${c.title}\" class=\"case-img\">\n                                <\/div>\n                                <h4 class=\"case-title\">${c.title}<\/h4>\n                                <p class=\"case-desc\">${c.desc}<\/p>\n                            <\/div>\n                        `).join('')}\n                    <\/div>\n                <\/div>\n\n                <div class=\"faq-section\">\n                    <h2>D\u00favidas frequentes<\/h2>\n                    ${data.faq.map(f => `\n                        <div class=\"faq-item\">\n                            <button class=\"faq-question\" onclick=\"toggleFaq(this)\">\n                                ${f.q}\n                                <svg class=\"faq-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"><\/line><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"><\/line><\/svg>\n                            <\/button>\n                            <div class=\"faq-answer\">${f.a}<\/div>\n                        <\/div>\n                    `).join('')}\n                <\/div>\n            <\/div>\n\n            <div class=\"cta-footer-full\">\n                <div class=\"content-container\">\n                    <h2>Pronto para come\u00e7ar?<\/h2>\n                    <p>Solicite uma proposta personalizada ou agende uma conversa para entender como podemos ajudar.<\/p>\n                    <div class=\"cta-buttons\">\n                        <a href=\"#\" class=\"btn-primary\">Solicitar proposta \u2192<\/a>\n                        <a href=\"#\" class=\"btn-secondary\">Agendar 15 min \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        `;\n\n        modalBody.innerHTML = htmlContent;\n        document.getElementById('service-modal').classList.add('active');\n        document.body.style.overflow = 'hidden';\n\n        const newUrl = window.location.pathname + '?servico=' + serviceKey;\n        window.history.pushState({service: serviceKey}, '', newUrl);\n    }\n\n    function closeModal() {\n        document.getElementById('service-modal').classList.remove('active');\n        document.body.style.overflow = '';\n        window.history.pushState({}, '', window.location.pathname);\n    }\n\n    function toggleFaq(element) {\n        element.parentElement.classList.toggle('active');\n    }\n\n    window.addEventListener('popstate', function(event) {\n        if (event.state && event.state.service) {\n            openModal(event.state.service);\n        } else {\n            closeModal();\n        }\n    });\n\n    document.addEventListener('DOMContentLoaded', () => {\n        const urlParams = new URLSearchParams(window.location.search);\n        const serviceParam = urlParams.get('servico');\n        if (serviceParam && servicesData[serviceParam]) {\n            openModal(serviceParam);\n        }\n    });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-73073ab e-con-full e-flex e-con e-parent\" data-id=\"73073ab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-27e316d1 elementor-widget elementor-widget-html\" data-id=\"27e316d1\" 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 Nossos Servi\u00e7os Servi\u00e7os Como podemos ajudar Oferecemos um ecossistema completo de solu\u00e7\u00f5es em branding, comunica\u00e7\u00e3o e design para empresas que querem construir marcas fortes e relevantes. Estrat\u00e9gia de Marca Uma marca sem estrat\u00e9gia \u00e9 s\u00f3 um logotipo bonito. Antes de qualquer pe\u00e7a visual, \u00e9 preciso entender [&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-735","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/735","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=735"}],"version-history":[{"count":70,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/735\/revisions"}],"predecessor-version":[{"id":1361,"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/pages\/735\/revisions\/1361"}],"wp:attachment":[{"href":"https:\/\/nuovo.com.br\/novo\/wp-json\/wp\/v2\/media?parent=735"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}