Grupo Prol\u00edfico | Ag\u00eancia de Comunica\u00e7\u00e3o e Tecnologia<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root { --prolifico-red: #be1e2d; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; color: #111827; }\r\n h1, h2, h3, h4 { font-family: 'Outfit', sans-serif; }\r\n \r\n .bg-prolifico-red { background-color: var(--prolifico-red); }\r\n .text-prolifico-red { color: var(--prolifico-red); }\r\n .border-prolifico-red { border-color: var(--prolifico-red); }\r\n \r\n \/* Ocultar scrollbar visualmente, mas manter funcionalidade *\/\r\n .hide-scrollbar::-webkit-scrollbar { display: none; }\r\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n .portfolio-container {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n gap: 1.5rem;\r\n padding-bottom: 2rem;\r\n scroll-behavior: smooth;\r\n }\r\n .portfolio-item {\r\n flex: 0 0 90%;\r\n scroll-snap-align: start;\r\n }\r\n @media (min-width: 768px) { .portfolio-item { flex: 0 0 45%; } }\r\n @media (min-width: 1024px) { .portfolio-item { flex: 0 0 35%; } }\r\n @media (min-width: 1280px) { .portfolio-item { flex: 0 0 28%; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 selection:bg-red-100 selection:text-red-900\">\r\n\r\n <header class=\"fixed top-0 w-full bg-white\/95 backdrop-blur-md z-50 border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12 py-4 flex justify-between items-center\">\r\n <div class=\"flex items-center space-x-3 z-50\">\r\n <div class=\"bg-prolifico-red p-2.5 rounded-lg shadow-md flex items-center justify-center\">\r\n <i class=\"fas fa-chart-line text-white text-lg\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl md:text-2xl font-black tracking-tight text-gray-900 uppercase\">Grupo <span class=\"text-prolifico-red\">Prol\u00edfico<\/span><\/span>\r\n <\/div>\r\n \r\n <nav class=\"hidden md:flex items-center space-x-8 text-sm font-bold tracking-wide text-gray-500 uppercase\">\r\n <a href=\"#servicos\" class=\"hover:text-prolifico-red transition-colors duration-300\">Servi\u00e7os<\/a>\r\n <a href=\"#portfolio\" class=\"hover:text-prolifico-red transition-colors duration-300\">Projectos<\/a>\r\n <a href=\"#sobre\" class=\"hover:text-prolifico-red transition-colors duration-300\">Sobre<\/a>\r\n <a href=\"#contacto\" class=\"hover:text-prolifico-red transition-colors duration-300\">Contacto<\/a>\r\n <\/nav>\r\n\r\n <a href=\"#contacto\" class=\"hidden md:inline-block bg-gray-900 text-white px-7 py-3 rounded-lg font-bold text-xs uppercase tracking-widest hover:bg-prolifico-red hover:shadow-lg hover:shadow-red-200 transition-all duration-300\">\r\n Pedir Or\u00e7amento\r\n <\/a>\r\n\r\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-gray-900 text-2xl focus:outline-none z-50\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-white z-40 hidden flex-col items-center justify-center space-y-8 opacity-0 transition-opacity duration-300\">\r\n <a href=\"#servicos\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">Servi\u00e7os<\/a>\r\n <a href=\"#portfolio\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">Projectos<\/a>\r\n <a href=\"#sobre\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">A Equipa<\/a>\r\n <a href=\"#contacto\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-prolifico-red\">Contacte-nos<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"pt-32 md:pt-48 pb-20 md:pb-32 overflow-hidden bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16 lg:gap-24\">\r\n <div class=\"lg:w-1\/2 space-y-8 md:space-y-10 z-10 text-center lg:text-left\">\r\n <h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black leading-[1.1] text-gray-900 tracking-tight\">\r\n Elevamos a sua marca ao <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-prolifico-red to-red-600\">topo<\/span>.\r\n <\/h1>\r\n <p class=\"text-gray-500 text-lg md:text-xl leading-relaxed max-w-2xl mx-auto lg:mx-0 font-medium\">\r\n Somos uma ag\u00eancia focada em resultados. Aliamos Publicidade, Programa\u00e7\u00e3o, Rela\u00e7\u00f5es P\u00fablicas e Eventos para criar solu\u00e7\u00f5es com impacto real no mercado.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-5 pt-4\">\r\n <a href=\"#contacto\" class=\"w-full sm:w-auto bg-prolifico-red text-white px-10 py-5 rounded-xl font-bold text-sm uppercase tracking-widest hover:bg-gray-900 transition-all duration-300 shadow-xl shadow-red-200\">\r\n Iniciar Projecto\r\n <\/a>\r\n <a href=\"#portfolio\" class=\"w-full sm:w-auto text-gray-900 font-bold text-sm uppercase tracking-widest hover:text-prolifico-red transition-all duration-300 flex items-center justify-center gap-3 group py-4\">\r\n Ver Portfolio <i class=\"fas fa-arrow-right transform group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 w-full relative mt-10 lg:mt-0\">\r\n <div class=\"absolute inset-0 bg-red-50 rounded-[2rem] transform lg:translate-x-8 translate-y-8 -z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=80\" alt=\"Dashboard e Estrat\u00e9gia Digital\" class=\"rounded-[2rem] shadow-2xl border border-gray-100 object-cover w-full h-[400px] md:h-[500px]\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicos\" class=\"py-24 md:py-32 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"max-w-3xl mb-16 md:mb-24\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">O que fazemos<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900 leading-tight\">Os nossos <span class=\"text-prolifico-red\">pilares<\/span> de actua\u00e7\u00e3o.<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8\">\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-megaphone text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Publicidade<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Concebemos campanhas publicit\u00e1rias memor\u00e1veis e com alto retorno de investimento.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-code text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Programa\u00e7\u00e3o<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Desenvolvimento web e m\u00f3vel \u00e0 medida. Arquitectura robusta e escal\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-bullhorn text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">RP<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Gest\u00e3o da reputa\u00e7\u00e3o da sua empresa, assessoria de imprensa e comunica\u00e7\u00e3o de crise.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-calendar-alt text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Eventos<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Planeamento e execu\u00e7\u00e3o de eventos corporativos com uma produ\u00e7\u00e3o irrepreens\u00edvel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portfolio\" class=\"py-24 md:py-32 bg-gray-900 text-white overflow-hidden\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-16 gap-8\">\r\n <div class=\"max-w-2xl\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">O Nosso Trabalho<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black\">Projectos em <span class=\"text-prolifico-red italic\">Destaque<\/span>.<\/h2>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <button id=\"slide-left\" class=\"w-14 h-14 border border-gray-700 rounded-full flex items-center justify-center hover:bg-prolifico-red hover:border-prolifico-red hover:text-white transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-red-500\">\r\n <i class=\"fas fa-arrow-left text-lg\"><\/i>\r\n <\/button>\r\n <button id=\"slide-right\" class=\"w-14 h-14 border border-gray-700 rounded-full flex items-center justify-center hover:bg-prolifico-red hover:border-prolifico-red hover:text-white transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-red-500\">\r\n <i class=\"fas fa-arrow-right text-lg\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"portfolio-track\" class=\"portfolio-container hide-scrollbar -mx-6 px-6 lg:mx-0 lg:px-0\">\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/www.kklm_.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"KKLM\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Web Development<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">KKLM Enterprise<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/alcar.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"Al\u00e7ar\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Design Corporativo<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">AL\u00c7AR Constru\u00e7\u00f5es<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/alcar.co_.mz-1.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"Zoto\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Redes Sociais<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">ZOTO Agency<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/jm.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"App\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Engenharia de Software<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">App de Gest\u00e3o<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"sobre\" class=\"py-24 md:py-32 bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">Quem Somos<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900\">Mentes <span class=\"text-prolifico-red\">Prol\u00edficas<\/span>.<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=pedro\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Pedro Almeida\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Pedro Almeida<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">CEO & Fundador<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=sofia\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Sofia Rodrigues\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Sofia Rodrigues<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">Direc\u00e7\u00e3o Criativa<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=miguel\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Miguel Santos\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Miguel Santos<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">L\u00edder de Tecnologia<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=ana\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Ana Ferreira\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Ana Ferreira<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">Rela\u00e7\u00f5es P\u00fablicas<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contacto\" class=\"py-24 md:py-32 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"bg-gray-900 rounded-[3rem] p-8 md:p-16 lg:p-20 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-80 h-80 bg-prolifico-red rounded-full blur-[100px] opacity-20 pointer-events-none\"><\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-16 relative z-10\">\r\n <div class=\"lg:w-1\/2 flex flex-col justify-center text-white\">\r\n <h2 class=\"text-4xl md:text-5xl font-black mb-6\">Vamos criar algo <br><span class=\"text-prolifico-red\">extraordin\u00e1rio<\/span>.<\/h2>\r\n <p class=\"text-gray-400 text-lg mb-12 leading-relaxed max-w-lg\">\r\n Com base em Mo\u00e7ambique, actuamos \u00e0 escala global. Preencha o formul\u00e1rio ou contacte-nos directamente para avaliarmos o seu pr\u00f3ximo projecto.\r\n <\/p>\r\n \r\n <div class=\"space-y-8\">\r\n <div class=\"flex items-start space-x-6\">\r\n <div class=\"w-14 h-14 flex items-center justify-center bg-gray-800 rounded-2xl text-prolifico-red text-xl flex-shrink-0\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-400 font-bold uppercase tracking-widest mb-1\">E-mail<\/p>\r\n <a href=\"mailto:geral@grupoprolifico.com\" class=\"text-xl font-bold hover:text-prolifico-red transition-colors\">geral@grupoprolifico.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start space-x-6\">\r\n <div class=\"w-14 h-14 flex items-center justify-center bg-gray-800 rounded-2xl text-prolifico-red text-xl flex-shrink-0\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-400 font-bold uppercase tracking-widest mb-1\">Telefone<\/p>\r\n <a href=\"tel:+258872002030\" class=\"text-xl font-bold hover:text-prolifico-red transition-colors\">+258 872002030<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2\">\r\n <div class=\"bg-white p-8 md:p-10 rounded-3xl shadow-xl\">\r\n <form action=\"#\" method=\"post\" class=\"space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">Nome Completo<\/label>\r\n <input type=\"text\" name=\"Nome\" placeholder=\"O seu nome\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">E-mail<\/label>\r\n <input type=\"email\" name=\"Email\" placeholder=\"o.seu@email.com\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">Mensagem<\/label>\r\n <textarea name=\"Mensagem\" placeholder=\"Fale-nos sobre o seu projecto...\" rows=\"4\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all resize-none\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-prolifico-red text-white py-5 rounded-xl font-black text-sm uppercase tracking-widest shadow-xl shadow-red-200 hover:bg-gray-900 hover:shadow-gray-300 transition-all duration-300 mt-4\">\r\n Enviar Mensagem\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"py-12 bg-white border-t border-gray-100\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex flex-col md:flex-row justify-between items-center gap-6\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-chart-line text-prolifico-red text-2xl\"><\/i>\r\n <span class=\"text-2xl font-black tracking-tight text-gray-900 uppercase\">Grupo <span class=\"text-prolifico-red\">Prol\u00edfico<\/span><\/span>\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-400 tracking-wide text-center md:text-left\">\u00a9 2026 Grupo Prol\u00edfico Agency. Todos os direitos reservados.<\/span>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"w-12 h-12 rounded-xl bg-gray-50 border border-gray-100 flex items-center justify-center text-gray-600 hover:bg-prolifico-red hover:text-white hover:border-prolifico-red transition-all duration-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-12 h-12 rounded-xl bg-gray-50 border border-gray-100 flex items-center justify-center text-gray-600 hover:bg-prolifico-red hover:text-white hover:border-prolifico-red transition-all duration-300\"><i class=\"fab fa-instagram text-lg\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ L\u00f3gica do Menu Mobile\r\n const btnMobile = document.getElementById('mobile-menu-btn');\r\n const menuOverlay = document.getElementById('mobile-menu');\r\n const icon = btnMobile.querySelector('i');\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n function toggleMenu() {\r\n if (menuOverlay.classList.contains('hidden')) {\r\n menuOverlay.classList.remove('hidden');\r\n menuOverlay.classList.add('flex');\r\n setTimeout(() => menuOverlay.classList.remove('opacity-0'), 10);\r\n icon.classList.replace('fa-bars', 'fa-times');\r\n document.body.style.overflow = 'hidden'; \/\/ Impede o scroll de fundo\r\n } else {\r\n menuOverlay.classList.add('opacity-0');\r\n setTimeout(() => {\r\n menuOverlay.classList.add('hidden');\r\n menuOverlay.classList.remove('flex');\r\n }, 300);\r\n icon.classList.replace('fa-times', 'fa-bars');\r\n document.body.style.overflow = 'auto'; \/\/ Restaura o scroll\r\n }\r\n }\r\n\r\n btnMobile.addEventListener('click', toggleMenu);\r\n mobileLinks.forEach(link => link.addEventListener('click', toggleMenu));\r\n\r\n \/\/ L\u00f3gica do Slider do Portfolio\r\n const track = document.getElementById('portfolio-track');\r\n const btnLeft = document.getElementById('slide-left');\r\n const btnRight = document.getElementById('slide-right');\r\n\r\n \/\/ Calcula dinamicamente o quanto deve fazer scroll (largura de um item + gap)\r\n const getScrollAmount = () => {\r\n const itemWidth = track.querySelector('.portfolio-item').offsetWidth;\r\n const gap = 24; \/\/ 1.5rem gap do Tailwind = 24px\r\n return itemWidth + gap;\r\n };\r\n\r\n btnRight.addEventListener('click', () => {\r\n track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n });\r\n\r\n btnLeft.addEventListener('click', () => {\r\n track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grupo Prol\u00edfico | Ag\u00eancia de Comunica\u00e7\u00e3o e Tecnologia Grupo Prol\u00edfico Servi\u00e7os Projectos Sobre Contacto Pedir Or\u00e7amento Servi\u00e7os Projectos A Equipa Contacte-nos Elevamos a sua marca ao topo. Somos uma ag\u00eancia focada em resultados. Aliamos Publicidade, Programa\u00e7\u00e3o, Rela\u00e7\u00f5es P\u00fablicas e Eventos para criar solu\u00e7\u00f5es com impacto real no mercado. Iniciar Projecto Ver Portfolio O que fazemos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":34,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Grupo Prol\u00edfico | Ag\u00eancia de Comunica\u00e7\u00e3o e Tecnologia<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n \r\n <style>\r\n :root { --prolifico-red: #be1e2d; }\r\n body { font-family: 'Plus Jakarta Sans', sans-serif; color: #111827; }\r\n h1, h2, h3, h4 { font-family: 'Outfit', sans-serif; }\r\n \r\n .bg-prolifico-red { background-color: var(--prolifico-red); }\r\n .text-prolifico-red { color: var(--prolifico-red); }\r\n .border-prolifico-red { border-color: var(--prolifico-red); }\r\n \r\n \/* Ocultar scrollbar visualmente, mas manter funcionalidade *\/\r\n .hide-scrollbar::-webkit-scrollbar { display: none; }\r\n .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\r\n \r\n .portfolio-container {\r\n display: flex;\r\n overflow-x: auto;\r\n scroll-snap-type: x mandatory;\r\n gap: 1.5rem;\r\n padding-bottom: 2rem;\r\n scroll-behavior: smooth;\r\n }\r\n .portfolio-item {\r\n flex: 0 0 90%;\r\n scroll-snap-align: start;\r\n }\r\n @media (min-width: 768px) { .portfolio-item { flex: 0 0 45%; } }\r\n @media (min-width: 1024px) { .portfolio-item { flex: 0 0 35%; } }\r\n @media (min-width: 1280px) { .portfolio-item { flex: 0 0 28%; } }\r\n <\/style>\r\n<\/head>\r\n<body class=\"bg-gray-50 selection:bg-red-100 selection:text-red-900\">\r\n\r\n <header class=\"fixed top-0 w-full bg-white\/95 backdrop-blur-md z-50 border-b border-gray-100 shadow-sm transition-all duration-300\">\r\n <div class=\"container mx-auto px-6 lg:px-12 py-4 flex justify-between items-center\">\r\n <div class=\"flex items-center space-x-3 z-50\">\r\n <div class=\"bg-prolifico-red p-2.5 rounded-lg shadow-md flex items-center justify-center\">\r\n <i class=\"fas fa-chart-line text-white text-lg\"><\/i>\r\n <\/div>\r\n <span class=\"text-xl md:text-2xl font-black tracking-tight text-gray-900 uppercase\">Grupo <span class=\"text-prolifico-red\">Prol\u00edfico<\/span><\/span>\r\n <\/div>\r\n \r\n <nav class=\"hidden md:flex items-center space-x-8 text-sm font-bold tracking-wide text-gray-500 uppercase\">\r\n <a href=\"#servicos\" class=\"hover:text-prolifico-red transition-colors duration-300\">Servi\u00e7os<\/a>\r\n <a href=\"#portfolio\" class=\"hover:text-prolifico-red transition-colors duration-300\">Projectos<\/a>\r\n <a href=\"#sobre\" class=\"hover:text-prolifico-red transition-colors duration-300\">Sobre<\/a>\r\n <a href=\"#contacto\" class=\"hover:text-prolifico-red transition-colors duration-300\">Contacto<\/a>\r\n <\/nav>\r\n\r\n <a href=\"#contacto\" class=\"hidden md:inline-block bg-gray-900 text-white px-7 py-3 rounded-lg font-bold text-xs uppercase tracking-widest hover:bg-prolifico-red hover:shadow-lg hover:shadow-red-200 transition-all duration-300\">\r\n Pedir Or\u00e7amento\r\n <\/a>\r\n\r\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-gray-900 text-2xl focus:outline-none z-50\">\r\n <i class=\"fas fa-bars\"><\/i>\r\n <\/button>\r\n <\/div>\r\n\r\n <div id=\"mobile-menu\" class=\"fixed inset-0 bg-white z-40 hidden flex-col items-center justify-center space-y-8 opacity-0 transition-opacity duration-300\">\r\n <a href=\"#servicos\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">Servi\u00e7os<\/a>\r\n <a href=\"#portfolio\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">Projectos<\/a>\r\n <a href=\"#sobre\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-gray-900 hover:text-prolifico-red\">A Equipa<\/a>\r\n <a href=\"#contacto\" class=\"mobile-link text-2xl font-bold uppercase tracking-widest text-prolifico-red\">Contacte-nos<\/a>\r\n <\/div>\r\n <\/header>\r\n\r\n <section class=\"pt-32 md:pt-48 pb-20 md:pb-32 overflow-hidden bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"flex flex-col lg:flex-row items-center gap-16 lg:gap-24\">\r\n <div class=\"lg:w-1\/2 space-y-8 md:space-y-10 z-10 text-center lg:text-left\">\r\n <h1 class=\"text-5xl sm:text-6xl md:text-7xl font-black leading-[1.1] text-gray-900 tracking-tight\">\r\n Elevamos a sua marca ao <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-prolifico-red to-red-600\">topo<\/span>.\r\n <\/h1>\r\n <p class=\"text-gray-500 text-lg md:text-xl leading-relaxed max-w-2xl mx-auto lg:mx-0 font-medium\">\r\n Somos uma ag\u00eancia focada em resultados. Aliamos Publicidade, Programa\u00e7\u00e3o, Rela\u00e7\u00f5es P\u00fablicas e Eventos para criar solu\u00e7\u00f5es com impacto real no mercado.\r\n <\/p>\r\n <div class=\"flex flex-col sm:flex-row items-center justify-center lg:justify-start gap-5 pt-4\">\r\n <a href=\"#contacto\" class=\"w-full sm:w-auto bg-prolifico-red text-white px-10 py-5 rounded-xl font-bold text-sm uppercase tracking-widest hover:bg-gray-900 transition-all duration-300 shadow-xl shadow-red-200\">\r\n Iniciar Projecto\r\n <\/a>\r\n <a href=\"#portfolio\" class=\"w-full sm:w-auto text-gray-900 font-bold text-sm uppercase tracking-widest hover:text-prolifico-red transition-all duration-300 flex items-center justify-center gap-3 group py-4\">\r\n Ver Portfolio <i class=\"fas fa-arrow-right transform group-hover:translate-x-2 transition-transform\"><\/i>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"lg:w-1\/2 w-full relative mt-10 lg:mt-0\">\r\n <div class=\"absolute inset-0 bg-red-50 rounded-[2rem] transform lg:translate-x-8 translate-y-8 -z-10\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1000&q=80\" alt=\"Dashboard e Estrat\u00e9gia Digital\" class=\"rounded-[2rem] shadow-2xl border border-gray-100 object-cover w-full h-[400px] md:h-[500px]\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"servicos\" class=\"py-24 md:py-32 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"max-w-3xl mb-16 md:mb-24\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">O que fazemos<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900 leading-tight\">Os nossos <span class=\"text-prolifico-red\">pilares<\/span> de actua\u00e7\u00e3o.<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8\">\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-megaphone text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Publicidade<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Concebemos campanhas publicit\u00e1rias memor\u00e1veis e com alto retorno de investimento.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-code text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Programa\u00e7\u00e3o<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Desenvolvimento web e m\u00f3vel \u00e0 medida. Arquitectura robusta e escal\u00e1vel.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-bullhorn text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">RP<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Gest\u00e3o da reputa\u00e7\u00e3o da sua empresa, assessoria de imprensa e comunica\u00e7\u00e3o de crise.<\/p>\r\n <\/div>\r\n <div class=\"bg-white p-10 rounded-3xl border border-gray-100 shadow-sm hover:shadow-2xl hover:-translate-y-2 transition-all duration-500 group\">\r\n <div class=\"w-16 h-16 bg-red-50 rounded-2xl flex items-center justify-center mb-8 group-hover:bg-prolifico-red transition-colors duration-500\">\r\n <i class=\"fas fa-calendar-alt text-prolifico-red text-2xl group-hover:text-white transition-colors duration-500\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold mb-4 text-gray-900 group-hover:text-prolifico-red transition-colors\">Eventos<\/h3>\r\n <p class=\"text-gray-500 text-base leading-relaxed\">Planeamento e execu\u00e7\u00e3o de eventos corporativos com uma produ\u00e7\u00e3o irrepreens\u00edvel.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"portfolio\" class=\"py-24 md:py-32 bg-gray-900 text-white overflow-hidden\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"flex flex-col md:flex-row justify-between items-start md:items-end mb-16 gap-8\">\r\n <div class=\"max-w-2xl\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">O Nosso Trabalho<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black\">Projectos em <span class=\"text-prolifico-red italic\">Destaque<\/span>.<\/h2>\r\n <\/div>\r\n <div class=\"flex space-x-4\">\r\n <button id=\"slide-left\" class=\"w-14 h-14 border border-gray-700 rounded-full flex items-center justify-center hover:bg-prolifico-red hover:border-prolifico-red hover:text-white transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-red-500\">\r\n <i class=\"fas fa-arrow-left text-lg\"><\/i>\r\n <\/button>\r\n <button id=\"slide-right\" class=\"w-14 h-14 border border-gray-700 rounded-full flex items-center justify-center hover:bg-prolifico-red hover:border-prolifico-red hover:text-white transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-red-500\">\r\n <i class=\"fas fa-arrow-right text-lg\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"portfolio-track\" class=\"portfolio-container hide-scrollbar -mx-6 px-6 lg:mx-0 lg:px-0\">\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/www.kklm_.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"KKLM\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Web Development<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">KKLM Enterprise<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/alcar.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"Al\u00e7ar\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Design Corporativo<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">AL\u00c7AR Constru\u00e7\u00f5es<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/alcar.co_.mz-1.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"Zoto\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Redes Sociais<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">ZOTO Agency<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"portfolio-item group cursor-pointer relative\">\r\n <div class=\"h-[400px] md:h-[500px] overflow-hidden rounded-3xl relative\">\r\n <img decoding=\"async\" src=\"https:\/\/www.grupoprolifico.com\/wp-content\/uploads\/2026\/03\/jm.co_.mz_.jpg\" class=\"w-full h-full object-cover group-hover:scale-105 transition-transform duration-700\" alt=\"App\">\r\n <div class=\"absolute inset-0 bg-gradient-to-t from-black via-black\/40 to-transparent opacity-80 group-hover:opacity-90 transition-opacity\"><\/div>\r\n <div class=\"absolute bottom-0 left-0 w-full p-8 md:p-10 transform translate-y-4 group-hover:translate-y-0 transition-transform duration-500\">\r\n <span class=\"text-prolifico-red font-bold text-xs uppercase tracking-widest mb-2 block\">Engenharia de Software<\/span>\r\n <h3 class=\"font-bold text-3xl md:text-4xl text-white mb-4\">App de Gest\u00e3o<\/h3>\r\n <span class=\"inline-flex items-center text-sm font-bold uppercase tracking-widest text-white hover:text-prolifico-red transition-colors\">\r\n Ver Detalhes <i class=\"fas fa-arrow-right ml-2 text-prolifico-red\"><\/i>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"sobre\" class=\"py-24 md:py-32 bg-white\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"text-center max-w-3xl mx-auto mb-20\">\r\n <p class=\"text-prolifico-red font-bold uppercase tracking-widest text-sm mb-3\">Quem Somos<\/p>\r\n <h2 class=\"text-4xl md:text-5xl font-black text-gray-900\">Mentes <span class=\"text-prolifico-red\">Prol\u00edficas<\/span>.<\/h2>\r\n <\/div>\r\n \r\n <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-12 lg:gap-8\">\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=pedro\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Pedro Almeida\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Pedro Almeida<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">CEO & Fundador<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=sofia\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Sofia Rodrigues\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Sofia Rodrigues<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">Direc\u00e7\u00e3o Criativa<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=miguel\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Miguel Santos\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Miguel Santos<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">L\u00edder de Tecnologia<\/p>\r\n <\/div>\r\n <div class=\"text-center group\">\r\n <div class=\"w-40 h-40 mx-auto mb-6 overflow-hidden rounded-full border-4 border-gray-50 shadow-xl group-hover:border-prolifico-red transition-colors duration-500\">\r\n <img decoding=\"async\" src=\"https:\/\/i.pravatar.cc\/200?u=ana\" class=\"w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-500 transform group-hover:scale-110\" alt=\"Ana Ferreira\">\r\n <\/div>\r\n <h4 class=\"font-bold text-2xl text-gray-900 mb-1\">Ana Ferreira<\/h4>\r\n <p class=\"text-sm text-gray-500 font-medium\">Rela\u00e7\u00f5es P\u00fablicas<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"contacto\" class=\"py-24 md:py-32 bg-gray-50\">\r\n <div class=\"container mx-auto px-6 lg:px-12\">\r\n <div class=\"bg-gray-900 rounded-[3rem] p-8 md:p-16 lg:p-20 shadow-2xl relative overflow-hidden\">\r\n <div class=\"absolute top-0 right-0 -mt-20 -mr-20 w-80 h-80 bg-prolifico-red rounded-full blur-[100px] opacity-20 pointer-events-none\"><\/div>\r\n\r\n <div class=\"flex flex-col lg:flex-row gap-16 relative z-10\">\r\n <div class=\"lg:w-1\/2 flex flex-col justify-center text-white\">\r\n <h2 class=\"text-4xl md:text-5xl font-black mb-6\">Vamos criar algo <br><span class=\"text-prolifico-red\">extraordin\u00e1rio<\/span>.<\/h2>\r\n <p class=\"text-gray-400 text-lg mb-12 leading-relaxed max-w-lg\">\r\n Com base em Mo\u00e7ambique, actuamos \u00e0 escala global. Preencha o formul\u00e1rio ou contacte-nos directamente para avaliarmos o seu pr\u00f3ximo projecto.\r\n <\/p>\r\n \r\n <div class=\"space-y-8\">\r\n <div class=\"flex items-start space-x-6\">\r\n <div class=\"w-14 h-14 flex items-center justify-center bg-gray-800 rounded-2xl text-prolifico-red text-xl flex-shrink-0\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-400 font-bold uppercase tracking-widest mb-1\">E-mail<\/p>\r\n <a href=\"mailto:geral@grupoprolifico.com\" class=\"text-xl font-bold hover:text-prolifico-red transition-colors\">geral@grupoprolifico.com<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex items-start space-x-6\">\r\n <div class=\"w-14 h-14 flex items-center justify-center bg-gray-800 rounded-2xl text-prolifico-red text-xl flex-shrink-0\">\r\n <i class=\"fas fa-phone\"><\/i>\r\n <\/div>\r\n <div>\r\n <p class=\"text-sm text-gray-400 font-bold uppercase tracking-widest mb-1\">Telefone<\/p>\r\n <a href=\"tel:+258872002030\" class=\"text-xl font-bold hover:text-prolifico-red transition-colors\">+258 872002030<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:w-1\/2\">\r\n <div class=\"bg-white p-8 md:p-10 rounded-3xl shadow-xl\">\r\n <form action=\"#\" method=\"post\" class=\"space-y-6\">\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">Nome Completo<\/label>\r\n <input type=\"text\" name=\"Nome\" placeholder=\"O seu nome\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">E-mail<\/label>\r\n <input type=\"email\" name=\"Email\" placeholder=\"o.seu@email.com\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"block text-sm font-bold text-gray-900 mb-2 uppercase tracking-wide\">Mensagem<\/label>\r\n <textarea name=\"Mensagem\" placeholder=\"Fale-nos sobre o seu projecto...\" rows=\"4\" class=\"w-full bg-gray-50 border border-gray-200 p-4 rounded-xl text-base focus:ring-2 focus:ring-prolifico-red focus:border-prolifico-red outline-none transition-all resize-none\" required><\/textarea>\r\n <\/div>\r\n <button type=\"submit\" class=\"w-full bg-prolifico-red text-white py-5 rounded-xl font-black text-sm uppercase tracking-widest shadow-xl shadow-red-200 hover:bg-gray-900 hover:shadow-gray-300 transition-all duration-300 mt-4\">\r\n Enviar Mensagem\r\n <\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <footer class=\"py-12 bg-white border-t border-gray-100\">\r\n <div class=\"container mx-auto px-6 lg:px-12 flex flex-col md:flex-row justify-between items-center gap-6\">\r\n <div class=\"flex items-center space-x-3\">\r\n <i class=\"fas fa-chart-line text-prolifico-red text-2xl\"><\/i>\r\n <span class=\"text-2xl font-black tracking-tight text-gray-900 uppercase\">Grupo <span class=\"text-prolifico-red\">Prol\u00edfico<\/span><\/span>\r\n <\/div>\r\n <span class=\"text-sm font-bold text-gray-400 tracking-wide text-center md:text-left\">\u00a9 2026 Grupo Prol\u00edfico Agency. Todos os direitos reservados.<\/span>\r\n <div class=\"flex space-x-4\">\r\n <a href=\"#\" class=\"w-12 h-12 rounded-xl bg-gray-50 border border-gray-100 flex items-center justify-center text-gray-600 hover:bg-prolifico-red hover:text-white hover:border-prolifico-red transition-all duration-300\"><i class=\"fab fa-linkedin-in text-lg\"><\/i><\/a>\r\n <a href=\"#\" class=\"w-12 h-12 rounded-xl bg-gray-50 border border-gray-100 flex items-center justify-center text-gray-600 hover:bg-prolifico-red hover:text-white hover:border-prolifico-red transition-all duration-300\"><i class=\"fab fa-instagram text-lg\"><\/i><\/a>\r\n <\/div>\r\n <\/div>\r\n <\/footer>\r\n\r\n <script>\r\n \/\/ L\u00f3gica do Menu Mobile\r\n const btnMobile = document.getElementById('mobile-menu-btn');\r\n const menuOverlay = document.getElementById('mobile-menu');\r\n const icon = btnMobile.querySelector('i');\r\n const mobileLinks = document.querySelectorAll('.mobile-link');\r\n\r\n function toggleMenu() {\r\n if (menuOverlay.classList.contains('hidden')) {\r\n menuOverlay.classList.remove('hidden');\r\n menuOverlay.classList.add('flex');\r\n setTimeout(() => menuOverlay.classList.remove('opacity-0'), 10);\r\n icon.classList.replace('fa-bars', 'fa-times');\r\n document.body.style.overflow = 'hidden'; \/\/ Impede o scroll de fundo\r\n } else {\r\n menuOverlay.classList.add('opacity-0');\r\n setTimeout(() => {\r\n menuOverlay.classList.add('hidden');\r\n menuOverlay.classList.remove('flex');\r\n }, 300);\r\n icon.classList.replace('fa-times', 'fa-bars');\r\n document.body.style.overflow = 'auto'; \/\/ Restaura o scroll\r\n }\r\n }\r\n\r\n btnMobile.addEventListener('click', toggleMenu);\r\n mobileLinks.forEach(link => link.addEventListener('click', toggleMenu));\r\n\r\n \/\/ L\u00f3gica do Slider do Portfolio\r\n const track = document.getElementById('portfolio-track');\r\n const btnLeft = document.getElementById('slide-left');\r\n const btnRight = document.getElementById('slide-right');\r\n\r\n \/\/ Calcula dinamicamente o quanto deve fazer scroll (largura de um item + gap)\r\n const getScrollAmount = () => {\r\n const itemWidth = track.querySelector('.portfolio-item').offsetWidth;\r\n const gap = 24; \/\/ 1.5rem gap do Tailwind = 24px\r\n return itemWidth + gap;\r\n };\r\n\r\n btnRight.addEventListener('click', () => {\r\n track.scrollBy({ left: getScrollAmount(), behavior: 'smooth' });\r\n });\r\n\r\n btnLeft.addEventListener('click', () => {\r\n track.scrollBy({ left: -getScrollAmount(), behavior: 'smooth' });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Grupo Prol\u00edfico | Ag\u00eancia de Comunica\u00e7\u00e3o e Tecnologia Grupo Prol\u00edfico Servi\u00e7os Projectos Sobre Contacto Pedir Or\u00e7amento Servi\u00e7os Projectos A Equipa Contacte-nos Elevamos a sua marca ao topo. Somos uma ag\u00eancia focada em resultados. Aliamos Publicidade, Programa\u00e7\u00e3o, Rela\u00e7\u00f5es P\u00fablicas e Eventos para criar solu\u00e7\u00f5es com impacto real no mercado. Iniciar Projecto Ver Portfolio O que fazemos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-26","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=26"}],"version-history":[{"count":34,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=\/wp\/v2\/pages\/26\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/www.grupoprolifico.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=26"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}