Feira — Investe Cajamar: Visite e Invista em Cajamar
{
“@context”: “https://schema.org”,
“@type”: “WebPage”,
“name”: “Investe Cajamar — Visite e Invista em Cajamar”,
“inLanguage”: “pt-BR”,
“url”: “https://cajamar.sp.gov.br/investe/feira/”,
“description”: “Localização estratégica, talentos qualificados e qualidade de vida. Fale com nossa equipe e invista em Cajamar.”,
“isPartOf”: {
“@type”: “WebSite”,
“name”: “Investe Cajamar”,
“url”: “https://cajamar.sp.gov.br/investe/feira/”
},
“publisher”: {
“@type”: “Organization”,
“name”: “Prefeitura de Cajamar”,
“url”: “https://cajamar.sp.gov.br”,
“logo”: {
“@type”: “ImageObject”,
“url”: “https://cajamar.sp.gov.br/wp-content/uploads/2020/01/logo2019.png”
},
“contactPoint”: {
“@type”: “ContactPoint”,
“email”: “desenvolvimento.economico@cajamar.sp.gov.br”,
“contactType”: “customer service”,
“areaServed”: “BR”
}
}
}
/* ===========================
Investe Cajamar — Feira (HTML único para Elementor)
Namespace: .investe-feira
Ajustes rápidos: edite as variáveis abaixo
=========================== */
.investe-feira {
–brand: #1565c0; /* azul institucional aproximado */
–brand-2: #0d47a1;
–accent: #2e7d32; /* verde de apoio */
–bg: #f6f8fb;
–text: #0f172a; /* cinza-azulado escuro */
–muted: #475569;
–card: #ffffff;
–shadow: 0 10px 30px rgba(2, 12, 27, 0.08);
–radius: 16px;
–maxw: 1280px;
/* CTAs/contato: edite aqui */
–whatsapp-number: 5511950507271; /* só dígitos com DDI/DDD */
–email-contato: desenvolvimento.economico @cajamar.sp.gov.br;
–utm-source: investe-cajamar;
–utm-medium: feira;
–utm-campaign: landing;
font-family:
“Open Sans”, “Inter”, “system-ui”, “-apple-system”, “Segoe UI”,
“Roboto”, “Arial”, “sans-serif”;
}
/* Reset suave dentro do namespace */
.investe-feira * {
box-sizing: border-box;
}
.investe-feira img {
max-width: 100%;
height: auto;
display: block;
}
.investe-feira a {
color: var(–brand);
text-decoration: none;
}
.investe-feira a:hover {
text-decoration: underline;
}
.investe-feira .wrap {
max-width: var(–maxw);
margin: 0 auto;
padding: 0 20px;
}
/* Header */
.investe-feira .header {
position: sticky;
top: 0;
z-index: 9;
background: rgba(255, 255, 255, 0.9);
backdrop-filter: blur(8px);
border-bottom: 1px solid #e5eaf2;
}
.investe-feira .nav {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 14px 0;
}
.investe-feira .logo {
display: flex;
align-items: center;
gap: 12px;
}
.investe-feira .logo img {
width: 182px;
height: auto;
}
.investe-feira .menu {
display: flex;
gap: 18px;
flex-wrap: wrap;
}
.investe-feira .menu a {
font-weight: 600;
color: var(–text);
opacity: 0.9;
text-transform: uppercase;
}
.investe-feira .menu a:hover {
opacity: 1;
}
.investe-feira .hero {
background:
linear-gradient(
135deg,
rgba(21, 101, 192, 0.65) 0%,
rgba(13, 71, 161, 0.65) 100%
),
url(https://cajamar.sp.gov.br/investe/wp-content/uploads/sites/37/2025/10/img615.jpg)
no-repeat center center;
background-size: cover;
color: #fff;
padding: 72px 0 56px;
}
.investe-feira .hero .grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 32px;
align-items: center;
}
.investe-feira .hero h1 {
font-size: clamp(28px, 5vw, 44px);
line-height: 1.1;
margin: 0 0 12px;
}
.investe-feira .hero p {
font-size: clamp(16px, 2.2vw, 18px);
color: #e6eefc;
margin: 0 0 20px;
}
.investe-feira .cta-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.investe-feira .btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 18px;
border-radius: 999px;
font-weight: 700;
border: 2px solid transparent;
box-shadow: var(–shadow);
transition: all 0.2s ease;
}
.investe-feira .btn-primary {
background: #fff;
color: var(–brand);
}
.investe-feira .btn-primary:hover {
transform: translateY(-2px);
}
.investe-feira .btn-ghost {
background: transparent;
color: #fff;
border-color: rgba(255, 255, 255, 0.6);
}
.investe-feira .btn-ghost:hover {
background: rgba(255, 255, 255, 0.08);
}
.investe-feira .hero-card {
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: var(–radius);
padding: 16px;
color: #eaf2ff;
}
.investe-feira .hero small {
opacity: 0.85;
}
/* Seções genéricas */
.investe-feira section {
padding: 56px 0;
background: #fff;
}
.investe-feira section.alt {
background: var(–bg);
}
.investe-feira #institucional.alt {
background: #ffffff;
}
.investe-feira h2 {
font-size: clamp(22px, 3.6vw, 32px);
margin: 0 0 8px;
color: var(–text);
}
.investe-feira .lead {
color: var(–muted);
margin: 0 0 28px;
}
/* Pilares (cards) */
.investe-feira .cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
}
.investe-feira .card {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: var(–radius);
padding: 18px;
box-shadow: var(–shadow);
}
.investe-feira .card .thumb {
margin: 0 0 10px;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e9eef6;
height: 160px;
}
.investe-feira .card .thumb img {
width: 100%;
height: 100%;
object-fit: cover;
}
.investe-feira .card h3 {
margin: 0 0 8px;
font-size: 18px;
}
.investe-feira .card p {
color: var(–muted);
margin: 0;
}
/* KPIs e métricas */
.investe-feira .kpis {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
}
.investe-feira .kpi {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: var(–radius);
padding: 18px;
text-align: center;
}
.investe-feira .kpi .v {
font-size: 28px;
font-weight: 800;
color: var(–brand);
}
.investe-feira .kpi .k {
margin-top: 4px;
color: var(–muted);
font-weight: 600;
}
/* Cards métricos (principais KPIs) */
.investe-feira .metric-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
@media (max-width: 1024px) {
.investe-feira .metric-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.investe-feira .metric-cards {
grid-template-columns: 1fr;
}
}
.investe-feira .metric-card {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: var(–radius);
padding: 20px;
box-shadow: var(–shadow);
transition:
transform 0.2s ease,
box-shadow 0.2s ease;
}
.investe-feira .metric-card:hover {
transform: translateY(-2px);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}
.investe-feira .metric-card .metric-value {
font-size: clamp(28px, 5vw, 44px);
font-weight: 800;
color: var(–brand);
line-height: 1;
}
.investe-feira .metric-card .title {
margin-top: 8px;
font-weight: 700;
color: var(–text);
}
.investe-feira .metric-card .desc {
margin-top: 8px;
color: var(–muted);
}
/* Indicadores de apoio */
.investe-feira .kpi-secondary {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media (max-width: 800px) {
.investe-feira .kpi-secondary {
grid-template-columns: 1fr;
}
}
.investe-feira .kpi-secondary .item {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: 12px;
padding: 14px;
box-shadow: var(–shadow);
}
.investe-feira .kpi-secondary .item strong {
color: var(–text);
}
.investe-feira .kpi-secondary .item span {
color: var(–muted);
}
/* Estrutura econômica */
.investe-feira .econ {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: var(–radius);
padding: 18px;
box-shadow: var(–shadow);
}
.investe-feira .econ .bars {
display: grid;
gap: 10px;
margin-top: 10px;
}
.investe-feira .econ .bar {
background: #eef3fb;
border: 1px solid #e0e7f3;
border-radius: 999px;
overflow: hidden;
height: 14px;
}
.investe-feira .econ .fill {
height: 100%;
background: linear-gradient(
135deg,
var(–brand, #1565c0),
var(–brand-2, #0d47a1)
);
width: 0;
transition: width 0.9s ease-out;
}
.investe-feira .econ .row {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 6px;
}
.investe-feira .econ .row .label {
font-weight: 700;
color: var(–text);
}
.investe-feira .econ .row .pct {
font-weight: 800;
color: var(–brand);
}
/* Seção de setores (cards) */
.investe-feira .sector-cards {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px;
}
@media (max-width: 1024px) {
.investe-feira .sector-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.investe-feira .sector-cards {
grid-template-columns: 1fr;
}
}
#setores .sector-cards {
grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1024px) {
#setores .sector-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
#setores .sector-cards {
grid-template-columns: 1fr;
}
}
#setores .sector-card {
background: var(–card);
border: 1px solid #dbe7fb;
border-radius: var(–radius);
padding: 20px;
box-shadow: var(–shadow);
display: flex;
flex-direction: column;
height: 100%;
}
#setores .sector-card .cta-row {
margin-top: auto;
}
.investe-feira .hl {
display: inline-block;
padding: 0 4px;
border: 1px solid #e0e7f3;
border-radius: 6px;
background: transparent;
color: inherit;
transition:
border-color 0.15s ease,
background 0.15s ease;
}
.investe-feira .hl:hover {
border-color: #cbd5e1;
background: #f8fafc;
}
/* Seção institucional (cards/tabs) */
.investe-feira .inst {
background: #fff;
}
.investe-feira .inst .grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
align-items: flex-start;
}
@media (max-width: 900px) {
.investe-feira .inst .grid {
grid-template-columns: 1fr;
}
}
.investe-feira .inst-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
align-items: stretch;
margin-bottom: 32px;
}
.investe-feira .inst-card {
border-radius: 14px;
padding: 18px;
font-weight: 800;
box-shadow: none;
border: 2px solid transparent;
background: var(–card);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
min-height: 84px;
transition: none;
}
.investe-feira .inst-card.dev {
border-color: #7fbef3;
color: #0c3a66;
}
.investe-feira .inst-card.trab {
border-color: #8fd9a7;
color: #135b2c;
}
.investe-feira .inst-card.cult {
border-color: #f9c74f;
color: #5b3d00;
}
.investe-feira .inst-card:hover,
.investe-feira .inst-card:focus-visible {
background: #f0f4f8;
}
/* Layout simultâneo dos setores (sem interação) */
.investe-feira .inst-all-cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 16px;
align-items: stretch;
margin-top: 18px;
}
@media (max-width: 1024px) {
.investe-feira .inst-all-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.investe-feira .inst-all-cards {
grid-template-columns: 1fr;
}
}
.investe-feira .sector-card {
background: var(–card);
border: 1px solid #dbe7fb;
border-radius: var(–radius);
padding: 20px;
box-shadow: var(–shadow);
display: flex;
flex-direction: column;
height: 100%;
}
.investe-feira .sector-card .cta-row {
margin-top: auto;
}
.investe-feira .sector-card.dev {
border-color: #7fbef3;
}
.investe-feira .sector-card.trab {
border-color: #8fd9a7;
}
.investe-feira .sector-card.cult {
border-color: #f9c74f;
}
.investe-feira .inst-content h2 {
font-size: clamp(28px, 5vw, 44px);
line-height: 1.1;
margin: 0 0 12px;
}
.investe-feira .inst-content .lead {
color: var(–muted);
margin-bottom: 28px;
}
.investe-feira .inst-block {
background: var(–card);
border: 1px solid #e9eef6;
border-radius: var(–radius);
padding: 24px;
box-shadow: var(–shadow);
margin-top: 24px;
}
.investe-feira .inst-block h3 {
margin: 0 0 10px;
font-size: 22px;
color: var(–text);
}
.investe-feira .inst-block p {
color: var(–muted);
margin-bottom: 12px;
}
.investe-feira .inst-block ul {
margin: 16px 0 16px 18px;
color: var(–muted);
}
.investe-feira .inst-block .cta-row {
margin-top: 20px;
}
.investe-feira .inst-block[hidden] {
display: none !important;
}
/* Galeria/Slider */
.investe-feira .slider {
position: relative;
overflow: hidden;
border-radius: var(–radius);
border: 1px solid #e9eef6;
box-shadow: var(–shadow);
}
.investe-feira .track {
display: flex;
transition: transform 0.4s ease;
}
.investe-feira .slide {
min-width: 100%;
position: relative;
}
.investe-feira .slide img {
width: 100%;
max-height: 480px;
height: auto;
}
.investe-feira .slider .ctrl {
position: absolute;
inset: auto 10px 10px 10px;
display: flex;
gap: 8px;
justify-content: flex-end;
}
.investe-feira .ctrl button {
background: #ffffff;
border: 1px solid #e9eef6;
border-radius: 10px;
padding: 10px 14px;
font-weight: 700;
cursor: pointer;
box-shadow: var(–shadow);
}
.investe-feira .ctrl button:hover {
transform: translateY(-1px);
}
/* CTA final */
.investe-feira .cta-final {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 12px;
background: linear-gradient(135deg, #e8f1ff 0%, #e7f6ea 100%);
border: 1px solid #dbe7fb;
border-radius: var(–radius);
padding: 24px;
}
/* Rodapé */
.investe-feira .foot {
color: var(–muted);
font-size: 14px;
}
.investe-feira .foot a {
color: var(–muted);
text-decoration: underline;
}
/* Responsivo */
@media (max-width: 960px) {
.investe-feira .hero .grid {
grid-template-columns: 1fr;
}
.investe-feira .cards {
grid-template-columns: 1fr;
}
.investe-feira .kpis {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 560px) {
.investe-feira .menu {
display: none;
} /* simplifica no mobile; se quiser, troque por hambúrguer */
.investe-feira .kpis {
grid-template-columns: 1fr;
}
}
/* Acessos Essenciais */
/* reutiliza .sector-cards e .sector-card da seção de setores */
/* Institutional Cards Section */
.inst-all-cards.sector-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
align-items: stretch; /* Ensure cards have the same height */
}
.sector-card {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
display: flex;
flex-direction: column;
justify-content: space-between; /* Pushes cta-row to the bottom */
padding: 2rem;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.sector-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}
.sector-card h3 {
font-size: 1.5rem;
margin-bottom: 1rem;
color: #333;
}
.sector-card p {
font-size: 1rem;
line-height: 1.6;
color: #555;
margin-bottom: 1.5rem;
}
.sector-card ul {
list-style-type: ‘✓’; /* Using a checkmark for bullets */
padding-left: 1.5rem;
margin-bottom: 2rem;
}
.sector-card ul li {
padding-left: 0.8rem;
margin-bottom: 0.8rem;
line-height: 1.5;
}
.sector-card .cta-row {
margin-top: auto; /* Pushes the button to the bottom of the card */
text-align: center;
}
.sector-card .btn-primary {
background-color: #007bff;
color: #fff;
border: none;
padding: 0.8rem 1.5rem;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
transition: background-color 0.3s ease, transform 0.2s ease;
display: inline-block;
}
.sector-card .btn-primary:hover {
background-color: #0056b3;
transform: scale(1.05);
}
Ir para o conteúdo
Visite e Invista em Cajamar
Aqui, negócios e qualidade de vida caminham juntos para
valorizar o seu investimento.
Foco do investidor
- Localização estratégica (Anhanguera, Rodoanel, RMSP)
- Talentos e intermediação de mão de obra
- Qualidade de vida, cultura e turismo
Por que Cajamar
Três pilares para acelerar sua decisão: localização, talentos e
qualidade de vida.
Localização Estratégica
Conexão direta com a capital, Anhanguera e Rodoanel — ideal para
operações logísticas e industriais.
Talentos & Contratação
Intermediação ativa de mão de obra e qualificação sob demanda em
parceria com instituições e programas.
Qualidade de Vida & Turismo
Trilhas, parques, gastronomia e agenda cultural fortalecem a
experiência de colaboradores e executivos.
Cajamar em números
Indicadores de referência, com destaque para produtividade,
crescimento e estrutura econômica.
PIB per capita
Alta produtividade por habitante, indicando eficiência e renda
acima da média regional.
Crescimento do PIB (5 anos)
Ritmo acelerado de expansão sustentada, reforçando potencial de
retorno sobre investimentos.
Empresas ativas
Rede empresarial consolidada que facilita integração na cadeia
produtiva e parcerias B2B.
Participação do setor de Serviços
Predominância logística, transporte e armazenagem — vocação como
hub regional.
Indicadores de apoio
~92,7 mil habitantes
→ Tamanho do mercado consumidor e força de trabalho.
7º em crescimento regional
→ Reforço reputacional útil em materiais
institucionais.
Estrutura econômica
Serviços é o principal componente do valor adicionado ao PIB,
seguido por Indústria.
Serviços80,2%
Indústria16,9%
Principais Setores
Logística e E-commerce
Principal motor da economia, Cajamar é conhecida como a
Faria Lima dos Galpões, especialmente no distrito de Jordanésia. O setor é
responsável pela
maior parte dos empregos formais, com destaque para transporte de carga e depósitos. A presença
de
gigantes como Amazon e Mercado Livre
impulsiona
investimentos recordes
e a geração contínua de vagas, solidificando a cidade como um
centro logístico nacional.
Indústria da Transformação
A indústria contribui significativamente para a
diversificação econômica. O município abriga
indústrias de atuação global e nacional
em ramos como cosméticos (Natura), química (Promax Bardahl,
Sayerlack), eletroeletrônicos (TCL Semp), plásticos (Georg
Fischer), metalurgia e alimentos, gerando
empregos qualificados
e
fortalecendo a cadeia produtiva local.
Com
21% dos empregos formais, o setor de comércio e serviços é expressivo e diversificado.
Engloba desde
grandes redes varejistas
de móveis (Marabraz) e supermercados até uma vasta gama de
serviços como manutenção, saúde, alimentação e atividades
administrativas. A cidade demonstra um
alto potencial de consumo, alimentando o
crescimento contínuo
deste setor.
Força Institucional a Seu Favor
Redes de apoio que unem negócios, empregos e turismo
Cajamar reúne uma rede sólida de secretarias e
programas municipais comprometidos em transformar potencial em
resultados reais. Aqui, setor público e iniciativa privada
caminham lado a lado para gerar oportunidades, impulsionar
negócios e fortalecer o turismo local.
Conheça os órgãos que podem apoiar seu investimento e
crescimento:
Desenvolvimento Econômico
Apoia investidores, empreendedores e empresas instaladas em
Cajamar, oferecendo:
- Apoio à instalação e ampliação de empreendimentos;
- Intermediação com o poder público;
-
Parcerias estratégicas com o Sebrae, Senai e outras
instituições;
- Incentivos à inovação e sustentabilidade.
Trabalho e Emprego
Conecta empresas que buscam talentos e moradores em busca de
oportunidades. Oferece:
- Divulgação de vagas e encaminhamento de currículos;
- Programas de qualificação profissional;
- Apoio a estágios e programas de inclusão;
-
Orientação trabalhista e intermediação de mão de obra.
Cultura e Turismo
Valoriza o patrimônio histórico e natural de Cajamar,
fortalecendo a identidade local e o turismo sustentável.
Entre suas ações:
- Apoio a eventos, feiras e festivais;
-
Incentivo ao turismo rural, ecológico e de negócios;
- Divulgação de atrativos culturais e gastronômicos;
-
Parcerias com empreendedores locais do setor criativo.
Onde negócios e turismo se encontram
Registre sua visita técnica e conheça os polos logísticos, parques e
atrativos locais.
Acessos Essenciais
Corredores estratégicos
Conexão direta com
SP-330 (Anhanguera) e
integração pelo
Rodoanel (SP-021), além de acessos a
Castello Branco, Bandeirantes, Dutra e
Anchieta/Imigrantes.
Vocação e polos
Jordanésia como
polo logístico/industrial
e Polvilho como
serviços e varejo de apoio; um ecossistema que sustenta operações de
grande escala.
Referências de deslocamento
Curto: São Paulo (Centro/Oeste), ABC Paulista.
Curto/Médio: Guarulhos (GRU), Jundiaí.
Médio/Estratégico: Santos (Porto), Viracopos (VCP), Vale do Paraíba.
Por que isso importa
Menos fricção na última milha,
redundância operacional
por múltiplas rotas,
lead times previsíveis
e proximidade de
talentos e fornecedores. Cajamar é conhecida como a
“Disney dos galpões”
pela combinação única de localização e infraestrutura.
Pronto para investir?
Fale com nossa equipe para visitas técnicas, agendas e informações
específicas.
/* ==========================================================
JS leve (sem dependências) — smooth scroll, slider e CTAs
========================================================== */
(function () {
const root = document.querySelector(“.investe-feira”);
if (!root) return;
/* Smooth scroll para âncoras internas */
root.addEventListener(“click”, function (e) {
const a = e.target.closest(‘a[href^=”#”][data-smooth=”true”]’);
if (!a) return;
const id = a.getAttribute(“href”);
const el = document.querySelector(id);
if (el) {
e.preventDefault();
el.scrollIntoView({ behavior: “smooth”, block: “start” });
}
});
/* UTM helper e links de WhatsApp/E-mail */
const utm = new URLSearchParams({
utm_source: getCSS(“–utm-source”),
utm_medium: getCSS(“–utm-medium”),
utm_campaign: getCSS(“–utm-campaign”),
}).toString();
const phone = getCSS(“–whatsapp-number”).replace(/”/g, “”).trim();
const email = getCSS(“–email-contato”).replace(/”/g, “”).trim();
const msg = encodeURIComponent(
“Olá, tenho interesse em investir/expandir operações em Cajamar.”,
);
const waLink = `https://wa.me/${phone}?text=${msg}&${utm}`;
const mailLink = `mailto:${email}?subject=${encodeURIComponent(“Investe Cajamar — Contato”)}&body=${msg}&${utm}`;
const mailLinkWork = `mailto:secretaria.economico@cajamar.sp.gov.br?subject=${encodeURIComponent(“Investe Cajamar — Contato Trabalho e Emprego”)}&body=${msg}&${utm}`;
const mailLinkCult = `mailto:turismo@cajamar.sp.gov.br?subject=${encodeURIComponent(“Investe Cajamar — Contato Cultura e Turismo”)}&body=${msg}&${utm}`;
setHref(“#ctaWhats”, waLink);
setHref(“#ctaWhats2”, waLink);
setHref(“#ctaAccessWhats”, waLink);
setHref(“#ctaEmail”, mailLink);
setHref(“#ctaEmail2”, mailLink);
// novos CTAs institucionais
setHref(“#btnDevMail”, mailLink);
// removidos: seletores inexistentes para WhatsApp institucionais
setHref(“#btnWorkMail”, mailLinkWork);
setHref(“#btnCultMail”, mailLinkCult);
setHref(“#ctaInst”, waLink);
function setHref(sel, url) {
const el = document.querySelector(sel);
if (el) el.setAttribute(“href”, url);
}
function getCSS(varName) {
return getComputedStyle(root).getPropertyValue(varName).trim() || “”;
}
// Inst cards/tabs: seleção rápida dos órgãos
(function () {
/* removido: seção agora exibe todos os setores simultaneamente */
})();
/* Slider simples */
const track = document.getElementById(“track”);
const slides = () => Array.from(track.children);
let idx = 0;
function go(n) {
const s = slides();
idx = (n + s.length) % s.length;
track.style.transform = `translateX(-${idx * 100}%)`;
}
document
.getElementById(“prev”)
.addEventListener(“click”, () => go(idx – 1));
document
.getElementById(“next”)
.addEventListener(“click”, () => go(idx + 1));
// Auto-play leve (opcional; com foco não avança)
let timer = setInterval(() => {
if (!document.hidden) go(idx + 1);
}, 6000);
root.addEventListener(“mouseenter”, () => clearInterval(timer));
root.addEventListener(
“mouseleave”,
() =>
(timer = setInterval(() => {
if (!document.hidden) go(idx + 1);
}, 6000)),
);
/* ==========================
Animação de números (KPIs)
========================== */
function formatBr(value, decimals) {
try {
return new Intl.NumberFormat(“pt-BR”, {
minimumFractionDigits: decimals,
maximumFractionDigits: decimals,
}).format(value);
} catch (e) {
return value.toFixed(decimals);
}
}
function renderValue(el, value) {
const prefix = el.getAttribute(“data-prefix”) || “”;
const suffix = el.getAttribute(“data-suffix”) || “”;
const sign =
el.getAttribute(“data-sign”) === “+” && value > 0 ? “+” : “”;
const decimals = parseInt(
el.getAttribute(“data-decimals”) || “0”,
10,
);
el.textContent = `${prefix}${sign}${formatBr(value, decimals)}${suffix}`;
}
function animateCount(el) {
try {
const target = parseFloat(el.getAttribute(“data-target”));
if (isNaN(target)) return;
const duration = 1200; // ms
const start = performance.now();
const startVal = 0;
function tick(now) {
const progress = Math.min((now – start) / duration, 1);
const eased = 1 – Math.pow(1 – progress, 3); // easeOutCubic
const current = startVal + (target – startVal) * eased;
renderValue(el, current);
if (progress {
entries.forEach((entry) => {
if (entry.isIntersecting) {
const el = entry.target;
if (!el.classList.contains(“animated”)) animateCount(el);
obs.unobserve(el);
}
});
},
{ threshold: 0.3 },
);
counters.forEach((el) => io.observe(el));
} else {
counters.forEach((el) => animateCount(el));
}
/* =============================
Animação das barras (Econ.)
============================= */
function animateBars() {
root.querySelectorAll(“.econ .fill[data-target]”).forEach((fill) => {
try {
const pct = parseFloat(fill.getAttribute(“data-target”));
if (!isNaN(pct)) {
fill.style.width = “0%”;
requestAnimationFrame(() => {
fill.style.width = pct + “%”;
});
}
} catch (e) {
/* noop */
}
});
}
if (“IntersectionObserver” in window) {
const econTitle = document.getElementById(“econ-title”);
if (econTitle) {
const io2 = new IntersectionObserver(
(entries, obs) => {
entries.forEach((entry) => {
if (entry.isIntersecting) {
animateBars();
obs.disconnect();
}
});
},
{ threshold: 0.2 },
);
io2.observe(econTitle);
} else {
animateBars();
}
} else {
animateBars();
}
})();
(function() {
if (window.innerWidth > 768) {
var iframe = document.createElement(‘iframe’);
iframe.src = “https://ara-bot-assistente-de-desenvolvimento-econ-mico-d-17443980032.us-west1.run.app?embed=1”;
iframe.rel = “noopener”;
iframe.style.position = “fixed”;
iframe.style.right = “10px”;
iframe.style.bottom = “10px”;
iframe.style.width = “100%”;
iframe.style.maxWidth = “300px”;
iframe.style.height = “80%”;
iframe.style.maxHeight = “70vh”;
iframe.style.border = “none”;
iframe.style.backgroundColor = “transparent”;
iframe.style.zIndex = “99999”;
iframe.style.overflow = “hidden”;
iframe.title = “Araçá Bot – Assistente de Desenvolvimento Econômico de Cajamar”;
document.body.appendChild(iframe);
}
})();