{"id":46,"date":"2026-02-26T16:06:40","date_gmt":"2026-02-26T19:06:40","guid":{"rendered":"https:\/\/floradacomunica.com.br\/?page_id=46"},"modified":"2026-03-16T15:42:10","modified_gmt":"2026-03-16T18:42:10","slug":"46-2","status":"publish","type":"page","link":"http:\/\/floradacomunica.com.br\/","title":{"rendered":"Florada"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\n\n \n \n Florada Comunica\u00e7\u00e3o de Impacto | Comunica\u00e7\u00e3o Pol\u00edtica Progressista<\/title>\n <link rel=\"icon\" type=\"image\/png\" href=\"logo.png\">\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=DM+Sans:wght@400;500;700&family=Clash+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --purple-deep: #4A2D5E;\n --purple-mid: #6B4C8A;\n --purple-light: #8B6FA8;\n --blue-dark: #2E5A8E;\n --blue-mid: #4A7AB8;\n --blue-light: #7BA5D6;\n --sky-light: #A8C9E8;\n --black: #0A0A0A;\n --white: #FEFEFE;\n --gray-light: #F5F7FA;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'DM Sans', -apple-system, sans-serif;\n color: var(--black);\n overflow-x: hidden;\n background: var(--white);\n }\n\n \/* Floating Flower Pattern Background *\/\n .flower-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n opacity: 0.03;\n pointer-events: none;\n background-image: \n radial-gradient(circle at 20% 30%, var(--purple-mid) 1px, transparent 1px),\n radial-gradient(circle at 80% 60%, var(--blue-mid) 1px, transparent 1px);\n background-size: 100px 100px;\n }\n\n \/* Header *\/\n header {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 1.5rem 5%;\n background: rgba(254, 254, 254, 0.92);\n backdrop-filter: blur(12px);\n z-index: 1000;\n border-bottom: 1px solid rgba(74, 45, 94, 0.08);\n }\n\n .header-content {\n max-width: 1400px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .logo {\n font-family: 'Clash Display', sans-serif;\n font-size: 1.5rem;\n font-weight: 700;\n color: var(--purple-deep);\n display: flex;\n align-items: center;\n gap: 0.6rem;\n }\n\n .flower-icon {\n width: 52px;\n height: 52px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n overflow: hidden;\n }\n\n .flower-icon img {\n width: 135%;\n height: 135%;\n object-fit: contain;\n display: block;\n }\n\n nav a {\n margin-left: 2.5rem;\n text-decoration: none;\n color: var(--purple-deep);\n font-weight: 500;\n font-size: 0.95rem;\n transition: color 0.3s ease;\n position: relative;\n }\n\n nav a:hover {\n color: var(--blue-mid);\n }\n\n nav a::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--blue-mid);\n transition: width 0.3s ease;\n }\n\n nav a:hover::after {\n width: 100%;\n }\n\n \/* Hero Section *\/\n .hero {\n min-height: 100vh;\n display: flex;\n align-items: center;\n padding: 6rem 5% 3rem;\n position: relative;\n background: linear-gradient(135deg, \n rgba(123, 165, 214, 0.08) 0%, \n rgba(107, 76, 138, 0.12) 50%,\n rgba(46, 90, 142, 0.08) 100%);\n }\n\n .hero-grid {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0.4;\n background-size: 80px 80px;\n background-image: \n linear-gradient(var(--sky-light) 1px, transparent 1px),\n linear-gradient(90deg, var(--sky-light) 1px, transparent 1px);\n animation: gridMove 20s linear infinite;\n }\n\n @keyframes gridMove {\n 0% { transform: translate(0, 0); }\n 100% { transform: translate(80px, 80px); }\n }\n\n .hero-content {\n max-width: 1400px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n\n .hero-text {\n max-width: 820px;\n }\n\n .hero-subtitle {\n font-size: 1.1rem;\n color: var(--blue-dark);\n font-weight: 600;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n margin-bottom: 1.5rem;\n animation: fadeSlideUp 0.8s ease-out;\n }\n\n h1 {\n font-family: 'Clash Display', sans-serif;\n font-size: clamp(2rem, 4.5vw, 3.8rem);\n font-weight: 700;\n line-height: 1.1;\n color: var(--purple-deep);\n margin-bottom: 2rem;\n animation: fadeSlideUp 1s ease-out 0.2s both;\n }\n\n h1 .highlight {\n background: linear-gradient(120deg, var(--blue-mid), var(--purple-light));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n\n .hero-description {\n font-size: 1.1rem;\n line-height: 1.7;\n color: var(--purple-mid);\n margin-bottom: 3rem;\n max-width: 680px;\n animation: fadeSlideUp 1s ease-out 0.4s both;\n }\n\n .cta-button {\n display: inline-block;\n padding: 1.2rem 3rem;\n background: linear-gradient(135deg, var(--purple-mid), var(--blue-dark));\n color: var(--white);\n text-decoration: none;\n border-radius: 50px;\n font-weight: 600;\n font-size: 1.1rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n animation: fadeSlideUp 1s ease-out 0.6s both;\n box-shadow: 0 10px 30px rgba(74, 45, 94, 0.25);\n }\n\n .cta-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(74, 45, 94, 0.35);\n }\n\n @keyframes fadeSlideUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n \/* Simple Floating Circles *\/\n .floating-flowers {\n position: absolute;\n right: 6%;\n top: 50%;\n transform: translateY(-50%);\n width: 420px;\n height: 420px;\n }\n\n .circle {\n position: absolute;\n border-radius: 50%;\n opacity: 0.15;\n animation: floatCircle 8s ease-in-out infinite;\n }\n\n .circle:nth-child(1) {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--purple-mid), var(--purple-light));\n top: 10%;\n left: 15%;\n animation-delay: 0s;\n }\n\n .circle:nth-child(2) {\n width: 120px;\n height: 120px;\n background: linear-gradient(135deg, var(--blue-mid), var(--blue-light));\n top: 35%;\n right: 10%;\n animation-delay: 1s;\n }\n\n .circle:nth-child(3) {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--purple-light), var(--sky-light));\n bottom: 25%;\n left: 25%;\n animation-delay: 2s;\n }\n\n .circle:nth-child(4) {\n width: 90px;\n height: 90px;\n background: linear-gradient(135deg, var(--blue-dark), var(--blue-mid));\n bottom: 15%;\n right: 20%;\n animation-delay: 1.5s;\n }\n\n .circle:nth-child(5) {\n width: 70px;\n height: 70px;\n background: linear-gradient(135deg, var(--purple-deep), var(--purple-mid));\n top: 50%;\n left: 5%;\n animation-delay: 0.5s;\n }\n\n @keyframes floatCircle {\n 0%, 100% {\n transform: translate(0, 0) scale(1);\n }\n 25% {\n transform: translate(15px, -20px) scale(1.05);\n }\n 50% {\n transform: translate(-10px, 15px) scale(0.95);\n }\n 75% {\n transform: translate(20px, 10px) scale(1.02);\n }\n }\n\n \/* Sections *\/\n section {\n padding: 5rem 5%;\n position: relative;\n z-index: 1;\n }\n\n .section-header {\n text-align: center;\n max-width: 800px;\n margin: 0 auto 3rem;\n }\n\n .section-subtitle {\n font-size: 0.95rem;\n color: var(--blue-mid);\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n margin-bottom: 1rem;\n }\n\n h2 {\n font-family: 'Clash Display', sans-serif;\n font-size: clamp(1.7rem, 3vw, 2.6rem);\n font-weight: 700;\n color: var(--purple-deep);\n margin-bottom: 1.5rem;\n line-height: 1.2;\n }\n\n .section-description {\n font-size: 1.2rem;\n line-height: 1.7;\n color: var(--purple-mid);\n }\n\n \/* About Section *\/\n #quem-somos {\n background: linear-gradient(to bottom, var(--white), var(--gray-light));\n }\n\n .about-content {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n }\n\n .about-text {\n font-size: 1.15rem;\n line-height: 1.8;\n color: var(--purple-deep);\n }\n\n .about-text p {\n margin-bottom: 1.5rem;\n }\n\n .about-team {\n position: relative;\n max-width: 440px;\n width: 100%;\n margin: 0 auto;\n }\n\n .team-roles-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n }\n\n .team-role-card {\n background: var(--white);\n border: 1.5px solid var(--sky-light);\n border-radius: 12px;\n padding: 0.75rem 0.9rem;\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .team-role-card:last-child {\n grid-column: 1 \/ -1;\n }\n\n .team-role-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 8px 20px rgba(74, 45, 94, 0.12);\n }\n\n .team-role-icon {\n font-size: 1.2rem;\n margin-bottom: 0.2rem;\n }\n\n .team-role-title {\n font-family: 'Clash Display', sans-serif;\n font-size: 0.8rem;\n font-weight: 700;\n color: var(--purple-deep);\n margin-bottom: 0.2rem;\n }\n\n .team-role-desc {\n font-size: 0.75rem;\n color: var(--purple-mid);\n line-height: 1.4;\n }\n\n \/* Services Section *\/\n #servicos {\n background: var(--white);\n }\n\n .services-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2rem;\n }\n\n .service-card {\n padding: 2rem 2rem;\n background: var(--white);\n border: 2px solid var(--sky-light);\n border-radius: 20px;\n transition: all 0.4s ease;\n position: relative;\n overflow: hidden;\n }\n\n .service-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--purple-mid), var(--blue-mid));\n transform: scaleX(0);\n transition: transform 0.4s ease;\n }\n\n .service-card:hover {\n transform: translateY(-8px);\n border-color: var(--purple-light);\n box-shadow: 0 20px 60px rgba(74, 45, 94, 0.15);\n }\n\n .service-card:hover::before {\n transform: scaleX(1);\n }\n\n .service-icon {\n width: 70px;\n height: 70px;\n margin-bottom: 2rem;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 16px;\n background: linear-gradient(135deg, var(--purple-light), var(--blue-light));\n color: var(--white);\n font-size: 2rem;\n }\n\n .service-card h3 {\n font-family: 'Clash Display', sans-serif;\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--purple-deep);\n margin-bottom: 1.2rem;\n }\n\n .service-card p {\n font-size: 1.05rem;\n line-height: 1.7;\n color: var(--purple-mid);\n }\n\n \/* Cases Section *\/\n #cases {\n background: linear-gradient(to bottom, var(--gray-light), var(--white));\n }\n\n .cases-grid {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 2.5rem;\n }\n\n .case-card {\n background: var(--white);\n border-radius: 16px;\n padding: 2.5rem;\n box-shadow: 0 8px 30px rgba(74, 45, 94, 0.08);\n transition: transform 0.3s ease, box-shadow 0.3s ease;\n }\n\n .case-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 50px rgba(74, 45, 94, 0.15);\n }\n\n .case-metric {\n font-family: 'Clash Display', sans-serif;\n font-size: 2.8rem;\n font-weight: 700;\n background: linear-gradient(135deg, var(--blue-dark), var(--purple-mid));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n margin-bottom: 0.8rem;\n }\n\n .case-label {\n font-size: 1.1rem;\n font-weight: 600;\n color: var(--purple-deep);\n margin-bottom: 0.5rem;\n }\n\n .case-description {\n font-size: 0.95rem;\n color: var(--purple-mid);\n line-height: 1.6;\n }\n\n \/* Testimonials Section *\/\n #depoimentos {\n background: var(--white);\n }\n\n .testimonials-container {\n max-width: 1000px;\n margin: 0 auto;\n }\n\n .testimonial {\n background: linear-gradient(135deg, var(--purple-deep), var(--blue-dark));\n padding: 2.5rem 2.5rem;\n border-radius: 24px;\n color: var(--white);\n margin-bottom: 2rem;\n position: relative;\n overflow: hidden;\n }\n\n .testimonial::before {\n content: '\"';\n position: absolute;\n top: -20px;\n left: 20px;\n font-size: 12rem;\n font-family: Georgia, serif;\n opacity: 0.1;\n line-height: 1;\n }\n\n .testimonial-text {\n font-size: 1.25rem;\n line-height: 1.8;\n margin-bottom: 2rem;\n position: relative;\n z-index: 1;\n }\n\n .testimonial-author {\n font-weight: 600;\n font-size: 1.1rem;\n opacity: 0.9;\n }\n\n .testimonial-role {\n font-size: 0.95rem;\n opacity: 0.7;\n margin-top: 0.3rem;\n }\n\n \/* Contact Section *\/\n #contato {\n background: linear-gradient(135deg, var(--purple-deep), var(--blue-dark));\n color: var(--white);\n }\n\n #contato .section-subtitle {\n color: var(--sky-light);\n }\n\n #contato h2 {\n color: var(--white);\n }\n\n #contato .section-description {\n color: rgba(255, 255, 255, 0.85);\n }\n\n .contact-form {\n max-width: 700px;\n margin: 0 auto;\n }\n\n .form-group {\n margin-bottom: 2rem;\n }\n\n .form-group label {\n display: block;\n font-size: 1rem;\n font-weight: 600;\n margin-bottom: 0.7rem;\n color: var(--sky-light);\n }\n\n .form-group input,\n .form-group textarea {\n width: 100%;\n padding: 1.2rem 1.5rem;\n border: 2px solid rgba(255, 255, 255, 0.2);\n background: rgba(255, 255, 255, 0.1);\n border-radius: 12px;\n font-size: 1.05rem;\n font-family: 'DM Sans', sans-serif;\n color: var(--white);\n transition: all 0.3s ease;\n }\n\n .form-group input::placeholder,\n .form-group textarea::placeholder {\n color: rgba(255, 255, 255, 0.5);\n }\n\n .form-group input:focus,\n .form-group textarea:focus {\n outline: none;\n border-color: var(--sky-light);\n background: rgba(255, 255, 255, 0.15);\n }\n\n .form-group textarea {\n min-height: 180px;\n resize: vertical;\n }\n\n .submit-button {\n width: 100%;\n padding: 1.4rem;\n background: var(--white);\n color: var(--purple-deep);\n border: none;\n border-radius: 50px;\n font-size: 1.15rem;\n font-weight: 700;\n cursor: pointer;\n transition: all 0.3s ease;\n font-family: 'DM Sans', sans-serif;\n }\n\n .submit-button:hover {\n transform: translateY(-3px);\n box-shadow: 0 15px 40px rgba(255, 255, 255, 0.3);\n }\n\n \/* Footer *\/\n footer {\n background: var(--black);\n color: rgba(255, 255, 255, 0.7);\n padding: 3rem 5%;\n text-align: center;\n position: relative;\n z-index: 1;\n }\n\n footer p {\n font-size: 0.95rem;\n }\n\n \/* Responsive *\/\n @media (max-width: 968px) {\n nav {\n display: none;\n }\n\n .hero {\n padding: 6rem 5% 3rem;\n }\n\n .floating-flowers {\n display: none;\n }\n\n h1 {\n font-size: 2.5rem;\n }\n\n .about-content {\n grid-template-columns: 1fr;\n gap: 3rem;\n }\n\n .team-roles-grid {\n grid-template-columns: 1fr 1fr;\n gap: 0.8rem;\n }\n\n .cta-button {\n display: block;\n text-align: center;\n }\n\n section {\n padding: 5rem 5%;\n }\n }\n\n \/* Scroll Animation Trigger *\/\n .fade-in-up {\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease, transform 0.8s ease;\n }\n\n .fade-in-up.visible {\n opacity: 1;\n transform: translateY(0);\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"flower-bg\"><\/div>\n\n <header>\n <div class=\"header-content\">\n <div class=\"logo\">\n <div class=\"flower-icon\">\n <img decoding=\"async\" src=\"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png\">\n <\/div>\n Florada\n <\/div>\n <nav>\n <a href=\"#quem-somos\">Quem Somos<\/a>\n <a href=\"#servicos\">Servi\u00e7os<\/a>\n <a href=\"#contato\">Contato<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <section class=\"hero\">\n <div class=\"hero-grid\"><\/div>\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"hero-subtitle\">Comunica\u00e7\u00e3o de Impacto<\/div>\n <h1>\n Transformamos <span class=\"highlight\">dados em estrat\u00e9gia<\/span> e mobiliza\u00e7\u00e3o em resultados\n <\/h1>\n <p class=\"hero-description\">\n Ag\u00eancia especializada em comunica\u00e7\u00e3o pol\u00edtica progressista. Fortalecemos mandatos e causas que lutam por justi\u00e7a social atrav\u00e9s de intelig\u00eancia, tecnologia e narrativas potentes.\n <\/p>\n <a href=\"#contato\" class=\"cta-button\">Vamos conversar<\/a>\n <\/div>\n <\/div>\n <div class=\"floating-flowers\">\n <div class=\"circle\"><\/div>\n <div class=\"circle\"><\/div>\n <div class=\"circle\"><\/div>\n <div class=\"circle\"><\/div>\n <div class=\"circle\"><\/div>\n <\/div>\n <\/section>\n\n <section id=\"quem-somos\">\n <div class=\"section-header fade-in-up\">\n <div class=\"section-subtitle\">Sobre N\u00f3s<\/div>\n <h2>Quem Somos<\/h2>\n <\/div>\n <div class=\"about-content\">\n <div class=\"about-text fade-in-up\">\n <p>\n <strong>Florada Comunica\u00e7\u00e3o de Impacto<\/strong> \u00e9 uma ag\u00eancia especializada em comunica\u00e7\u00e3o pol\u00edtica progressista. Atuamos na interse\u00e7\u00e3o entre dados, territ\u00f3rio e mobiliza\u00e7\u00e3o digital para fortalecer mandatos, candidaturas e causas que lutam por justi\u00e7a social.\n <\/p>\n <p>\n Somos uma equipe multidisciplinar que acredita na for\u00e7a das narrativas, no poder das comunidades e na intelig\u00eancia aplicada para gerar impacto real.\n <\/p>\n <p>\n Nosso trabalho transforma escuta em estrat\u00e9gia, conte\u00fado em reputa\u00e7\u00e3o e a\u00e7\u00f5es em resultados concretos.\n <\/p>\n <\/div>\n <div class=\"about-team fade-in-up\">\n <div class=\"team-roles-grid\">\n <div class=\"team-role-card\">\n <div class=\"team-role-icon\">\ud83e\udded<\/div>\n <p class=\"team-role-title\">Gest\u00e3o & Estrat\u00e9gia<\/p>\n <p class=\"team-role-desc\">Vis\u00e3o de neg\u00f3cio e dire\u00e7\u00e3o pol\u00edtica para cada projeto que tocamos.<\/p>\n <\/div>\n <div class=\"team-role-card\">\n <div class=\"team-role-icon\">\ud83d\udcbb<\/div>\n <p class=\"team-role-title\">Engenharia de Software<\/p>\n <p class=\"team-role-desc\">Tecnologia e dados a servi\u00e7o da comunica\u00e7\u00e3o \u2014 robusta, escal\u00e1vel e humana.<\/p>\n <\/div>\n <div class=\"team-role-card\">\n <div class=\"team-role-icon\">\ud83c\udfa8<\/div>\n <p class=\"team-role-title\">Design & UX<\/p>\n <p class=\"team-role-desc\">Experi\u00eancias visuais que comunicam valores e geram conex\u00e3o real.<\/p>\n <\/div>\n <div class=\"team-role-card\">\n <div class=\"team-role-icon\">\ud83d\udce3<\/div>\n <p class=\"team-role-title\">Publicidade & Marketing<\/p>\n <p class=\"team-role-desc\">Campanhas com prop\u00f3sito: da mensagem ao resultado mensur\u00e1vel.<\/p>\n <\/div>\n <div class=\"team-role-card\">\n <div class=\"team-role-icon\">\ud83d\udd2c<\/div>\n <p class=\"team-role-title\">Compreens\u00e3o Pol\u00edtica Acurada<\/p>\n <p class=\"team-role-desc\">Leitura de territ\u00f3rio, escuta ativa e intelig\u00eancia sobre comportamento coletivo.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <section id=\"servicos\">\n <div class=\"section-header fade-in-up\">\n <div class=\"section-subtitle\">O Que Fazemos<\/div>\n <h2>Nossos Servi\u00e7os<\/h2>\n <p class=\"section-description\">\n Solu\u00e7\u00f5es integradas de comunica\u00e7\u00e3o pol\u00edtica progressista\n <\/p>\n <\/div>\n <div class=\"services-grid\">\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\ud83d\udcca<\/div>\n <h3>Intelig\u00eancia Pol\u00edtica<\/h3>\n <p>\n Transformamos dados p\u00fablicos e percep\u00e7\u00f5es da base em planejamento de comunica\u00e7\u00e3o. Atuamos com leitura de cen\u00e1rio, posicionamento e estrat\u00e9gia de influ\u00eancia para mandatos e pr\u00e9-campanhas.\n <\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\ud83d\udcac<\/div>\n <h3>Comunidades Digitais<\/h3>\n <p>\n Implementamos e gerenciamos redes de relacionamento com a base: WhatsApp, chatbot, newsletters, formul\u00e1rios de escuta e segmenta\u00e7\u00e3o inteligente para engajar, ouvir e mobilizar.\n <\/p>\n <\/div>\n <div class=\"service-card fade-in-up\">\n <div class=\"service-icon\">\ud83c\udfaf<\/div>\n <h3>M\u00eddia de Impacto<\/h3>\n <p>\n Campanhas de tr\u00e1fego pago e performance com foco em mobiliza\u00e7\u00e3o, reputa\u00e7\u00e3o, crescimento de base e convers\u00e3o em a\u00e7\u00f5es concretas \u2014 do clique ao voto, da den\u00fancia ao atendimento.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- COMENTADO: Se\u00e7\u00e3o de Cases\/Resultados (em desenvolvimento)\n <section id=\"cases\">\n <div class=\"section-header fade-in-up\">\n <div class=\"section-subtitle\">Nosso Impacto<\/div>\n <h2>Resultados que Comprovam<\/h2>\n <p class=\"section-description\">\n Dados de campanhas e mandatos que transformamos\n <\/p>\n <\/div>\n <div class=\"cases-grid\">\n <div class=\"case-card fade-in-up\">\n <div class=\"case-metric\">+180%<\/div>\n <div class=\"case-label\">Crescimento de Engajamento<\/div>\n <p class=\"case-description\">\n Campanha de mobiliza\u00e7\u00e3o digital para pr\u00e9-candidatura progressista\n <\/p>\n <\/div>\n <div class=\"case-card fade-in-up\">\n <div class=\"case-metric\">12K<\/div>\n <div class=\"case-label\">Pessoas Mobilizadas<\/div>\n <p class=\"case-description\">\n Comunidade digital ativa constru\u00edda em 6 meses via WhatsApp\n <\/p>\n <\/div>\n <div class=\"case-card fade-in-up\">\n <div class=\"case-metric\">3.2M<\/div>\n <div class=\"case-label\">Alcance Org\u00e2nico<\/div>\n <p class=\"case-description\">\n Estrat\u00e9gia de conte\u00fado e viraliza\u00e7\u00e3o para mandato parlamentar\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n -->\n\n <!-- COMENTADO: Se\u00e7\u00e3o de Depoimentos (em desenvolvimento)\n <section id=\"depoimentos\">\n <div class=\"section-header fade-in-up\">\n <div class=\"section-subtitle\">Quem Confia<\/div>\n <h2>Depoimentos<\/h2>\n <\/div>\n <div class=\"testimonials-container\">\n <div class=\"testimonial fade-in-up\">\n <div class=\"testimonial-text\">\n A Florada n\u00e3o apenas gerenciou nossas redes, mas construiu uma verdadeira comunidade engajada. A estrat\u00e9gia de dados e territ\u00f3rio fez toda a diferen\u00e7a para entendermos nossa base e nos conectarmos de forma aut\u00eantica.\n <\/div>\n <div class=\"testimonial-author\">Maria Concei\u00e7\u00e3o Silva<\/div>\n <div class=\"testimonial-role\">Vereadora, Recife<\/div>\n <\/div>\n <div class=\"testimonial fade-in-up\">\n <div class=\"testimonial-text\">\n O trabalho de intelig\u00eancia pol\u00edtica da Florada nos ajudou a posicionar nossa pr\u00e9-campanha de forma estrat\u00e9gica e assertiva. Eles entendem de gente, de pol\u00edtica e de tecnologia.\n <\/div>\n <div class=\"testimonial-author\">Jo\u00e3o Pedro Moraes<\/div>\n <div class=\"testimonial-role\">Pr\u00e9-candidato a Deputado Estadual, SP<\/div>\n <\/div>\n <\/div>\n <\/section>\n -->\n\n <section id=\"contato\">\n <div class=\"section-header fade-in-up\">\n <div class=\"section-subtitle\">Fale Conosco<\/div>\n <h2>Vamos Construir Juntos<\/h2>\n <p class=\"section-description\">\n Conte-nos sobre seu projeto. Estamos prontos para transformar comunica\u00e7\u00e3o em impacto.\n <\/p>\n <\/div>\n <form class=\"contact-form fade-in-up\">\n <div class=\"form-group\">\n <label for=\"nome\">Nome<\/label>\n <input type=\"text\" id=\"nome\" name=\"nome\" placeholder=\"Seu nome completo\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"email\">Email<\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"seu@email.com\" required>\n <\/div>\n <div class=\"form-group\">\n <label for=\"telefone\">Telefone (opcional)<\/label>\n <input type=\"tel\" id=\"telefone\" name=\"telefone\" placeholder=\"(00) 00000-0000\">\n <\/div>\n <div class=\"form-group\">\n <label for=\"mensagem\">Mensagem<\/label>\n <textarea id=\"mensagem\" name=\"mensagem\" placeholder=\"Conte-nos sobre seu projeto, mandato ou campanha...\" required><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-button\">Enviar Mensagem<\/button>\n <\/form>\n <\/section>\n\n <footer>\n <p>© 2026 Florada Comunica\u00e7\u00e3o de Impacto. Todos os direitos reservados.<\/p>\n <\/footer>\n\n <script>\n \/\/ Scroll Animation Observer\n const observerOptions = {\n threshold: 0.15,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in-up').forEach(el => {\n observer.observe(el);\n });\n\n \/\/ Smooth Scroll for Navigation\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n target.scrollIntoView({\n behavior: 'smooth',\n block: 'start'\n });\n }\n });\n });\n\n \/\/ Form Handling com Google Sheets\n document.querySelector('.contact-form').addEventListener('submit', async function(e) {\n e.preventDefault();\n \n const submitButton = this.querySelector('.submit-button');\n const originalText = submitButton.textContent;\n \n \/\/ Desabilitar bot\u00e3o e mostrar loading\n submitButton.disabled = true;\n submitButton.textContent = 'Enviando...';\n \n \/\/ Get form values\n const formData = new FormData();\n formData.append('nome', document.getElementById('nome').value);\n formData.append('email', document.getElementById('email').value);\n formData.append('telefone', document.getElementById('telefone').value);\n formData.append('mensagem', document.getElementById('mensagem').value);\n formData.append('timestamp', new Date().toLocaleString('pt-BR'));\n \n try {\n \/\/ IMPORTANTE: Voc\u00ea precisa criar um Google Apps Script para receber os dados\n \/\/ Substitua a URL abaixo pela URL do seu Web App do Google Apps Script\n const response = await fetch('https:\/\/script.google.com\/macros\/s\/AKfycbzBYjk5QghkGyHOeDA0BqvLriZu77exGX-l39dFCD_WEVJ836LlVt9dTzL4x2wfRHybQA\/exec', {\n method: 'POST',\n body: formData\n });\n \n if (response.ok) {\n alert('\u2705 Obrigado pelo contato! Retornaremos em breve.');\n this.reset();\n } else {\n throw new Error('Erro ao enviar');\n }\n } catch (error) {\n console.error('Erro:', error);\n alert('\u274c Ops! Houve um erro ao enviar. Por favor, tente novamente ou entre em contato por email.');\n } finally {\n \/\/ Reabilitar bot\u00e3o\n submitButton.disabled = false;\n submitButton.textContent = originalText;\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t<\/div>\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>Florada Comunica\u00e7\u00e3o de Impacto | Comunica\u00e7\u00e3o Pol\u00edtica Progressista Florada Quem Somos Servi\u00e7os Contato Comunica\u00e7\u00e3o de Impacto Transformamos dados em estrat\u00e9gia e mobiliza\u00e7\u00e3o em resultados Ag\u00eancia especializada em comunica\u00e7\u00e3o pol\u00edtica progressista. Fortalecemos mandatos e causas que lutam por justi\u00e7a social atrav\u00e9s de intelig\u00eancia, tecnologia e narrativas potentes. Vamos conversar Sobre N\u00f3s Quem Somos Florada Comunica\u00e7\u00e3o de […]<\/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-46","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Florada - Floradacomunica<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/floradacomunica.com.br\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Florada - Floradacomunica\" \/>\n<meta property=\"og:description\" content=\"Florada Comunica\u00e7\u00e3o de Impacto | Comunica\u00e7\u00e3o Pol\u00edtica Progressista Florada Quem Somos Servi\u00e7os Contato Comunica\u00e7\u00e3o de Impacto Transformamos dados em estrat\u00e9gia e mobiliza\u00e7\u00e3o em resultados Ag\u00eancia especializada em comunica\u00e7\u00e3o pol\u00edtica progressista. Fortalecemos mandatos e causas que lutam por justi\u00e7a social atrav\u00e9s de intelig\u00eancia, tecnologia e narrativas potentes. Vamos conversar Sobre N\u00f3s Quem Somos Florada Comunica\u00e7\u00e3o de […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/floradacomunica.com.br\/\" \/>\n<meta property=\"og:site_name\" content=\"Floradacomunica\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-16T18:42:10+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/floradacomunica.com.br\/\",\"url\":\"https:\/\/floradacomunica.com.br\/\",\"name\":\"Florada - Floradacomunica\",\"isPartOf\":{\"@id\":\"https:\/\/floradacomunica.com.br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/floradacomunica.com.br\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/floradacomunica.com.br\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png\",\"datePublished\":\"2026-02-26T19:06:40+00:00\",\"dateModified\":\"2026-03-16T18:42:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/floradacomunica.com.br\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/floradacomunica.com.br\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/floradacomunica.com.br\/#primaryimage\",\"url\":\"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png\",\"contentUrl\":\"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/floradacomunica.com.br\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/floradacomunica.com.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Florada\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/floradacomunica.com.br\/#website\",\"url\":\"https:\/\/floradacomunica.com.br\/\",\"name\":\"Floradacomunica\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/floradacomunica.com.br\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Florada - Floradacomunica","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/floradacomunica.com.br\/","og_locale":"en_US","og_type":"article","og_title":"Florada - Floradacomunica","og_description":"Florada Comunica\u00e7\u00e3o de Impacto | Comunica\u00e7\u00e3o Pol\u00edtica Progressista Florada Quem Somos Servi\u00e7os Contato Comunica\u00e7\u00e3o de Impacto Transformamos dados em estrat\u00e9gia e mobiliza\u00e7\u00e3o em resultados Ag\u00eancia especializada em comunica\u00e7\u00e3o pol\u00edtica progressista. Fortalecemos mandatos e causas que lutam por justi\u00e7a social atrav\u00e9s de intelig\u00eancia, tecnologia e narrativas potentes. Vamos conversar Sobre N\u00f3s Quem Somos Florada Comunica\u00e7\u00e3o de […]","og_url":"https:\/\/floradacomunica.com.br\/","og_site_name":"Floradacomunica","article_modified_time":"2026-03-16T18:42:10+00:00","og_image":[{"url":"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/floradacomunica.com.br\/","url":"https:\/\/floradacomunica.com.br\/","name":"Florada - Floradacomunica","isPartOf":{"@id":"https:\/\/floradacomunica.com.br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/floradacomunica.com.br\/#primaryimage"},"image":{"@id":"https:\/\/floradacomunica.com.br\/#primaryimage"},"thumbnailUrl":"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png","datePublished":"2026-02-26T19:06:40+00:00","dateModified":"2026-03-16T18:42:10+00:00","breadcrumb":{"@id":"https:\/\/floradacomunica.com.br\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/floradacomunica.com.br\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/floradacomunica.com.br\/#primaryimage","url":"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png","contentUrl":"http:\/\/floradacomunica.com.br\/wp-content\/uploads\/2026\/03\/logo.png"},{"@type":"BreadcrumbList","@id":"https:\/\/floradacomunica.com.br\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/floradacomunica.com.br\/"},{"@type":"ListItem","position":2,"name":"Florada"}]},{"@type":"WebSite","@id":"https:\/\/floradacomunica.com.br\/#website","url":"https:\/\/floradacomunica.com.br\/","name":"Floradacomunica","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/floradacomunica.com.br\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=46"}],"version-history":[{"count":44,"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":106,"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=\/wp\/v2\/pages\/46\/revisions\/106"}],"wp:attachment":[{"href":"http:\/\/floradacomunica.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}