Diret\u00f3rio Institucional - FADESP<\/title>\r\n <meta name=\"description\" content=\"Contatos oficiais e setores da FADESP\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link\r\n href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap\"\r\n rel=\"stylesheet\"\r\n \/>\r\n <style>\r\n :root {\r\n --background: #ffffff;\r\n --foreground: #353535;\r\n --card: #ffffff;\r\n --card-foreground: #353535;\r\n --primary: #dd6b3b;\r\n --primary-foreground: #ffffff;\r\n --secondary: #dd6b3b;\r\n --secondary-foreground: #ffffff;\r\n --muted: #f5f5f5;\r\n --muted-foreground: #666666;\r\n --accent: #f5f5f5;\r\n --accent-foreground: #353535;\r\n --border: #e0e0e0;\r\n --fadesp-purple: #353535;\r\n --fadesp-orange: #dd6b3b;\r\n --fadesp-gradient: linear-gradient(135deg, #353535 0%, #555555 100%);\r\n --shadow-soft:\r\n 0 2px 15px -3px rgba(53, 53, 53, 0.08),\r\n 0 4px 6px -4px rgba(53, 53, 53, 0.05);\r\n --shadow-card:\r\n 0 4px 25px -5px rgba(53, 53, 53, 0.1),\r\n 0 8px 10px -6px rgba(53, 53, 53, 0.05);\r\n --shadow-elevated: 0 10px 40px -10px rgba(53, 53, 53, 0.2);\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n font-family: \"Inter\", system-ui, sans-serif;\r\n background-color: var(--background);\r\n color: var(--foreground);\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n font-size: 1.21rem;\r\n }\r\n\r\n h1,\r\n h2,\r\n h3,\r\n h4 {\r\n font-family: \"Playfair Display\", serif;\r\n }\r\n\r\n .container {\r\n width: 100%;\r\n \/* max-width: 1400px; *\/\r\n margin: 0 auto;\r\n padding: 0 2rem;\r\n }\r\n\r\n \/* Header *\/\r\n .fadesp-header-gradient {\r\n background: #ffffff;\r\n padding: 3rem 0;\r\n position: relative;\r\n }\r\n\r\n .header-content {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n text-align: center;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .logo {\r\n height: 4rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .header-content h1 {\r\n font-size: 2.7225rem;\r\n font-weight: 700;\r\n color: var(--foreground);\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .header-content .subtitle {\r\n font-size: 1.36125rem;\r\n color: var(--foreground);\r\n font-weight: 300;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .header-content .description {\r\n font-size: 1.05875rem;\r\n color: var(--muted-foreground);\r\n max-width: 42rem;\r\n }\r\n\r\n .search-container {\r\n max-width: 42rem;\r\n margin: 24px 0px 24px 0px;\r\n width: 100%;\r\n }\r\n\r\n .search-input-wrapper {\r\n position: relative;\r\n background: var(--card);\r\n border-radius: 0.75rem;\r\n box-shadow: var(--shadow-soft);\r\n transition:\r\n box-shadow 0.2s,\r\n border 0.2s;\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .search-input-wrapper:focus-within {\r\n box-shadow: var(--shadow-card);\r\n border: 2px solid var(--primary);\r\n }\r\n\r\n .search-icon {\r\n position: absolute;\r\n left: 1rem;\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n color: var(--muted-foreground);\r\n pointer-events: none;\r\n }\r\n\r\n .search-input {\r\n width: 100%;\r\n padding: 1.5rem 1rem 1.5rem 3rem;\r\n border: none;\r\n background: transparent;\r\n font-size: 1.21rem;\r\n outline: none;\r\n color: var(--foreground);\r\n }\r\n\r\n .search-input::placeholder {\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .search-hint {\r\n text-align: center;\r\n color: var(--muted-foreground);\r\n font-size: 1.05875rem;\r\n margin-top: 0.75rem;\r\n }\r\n\r\n .header-divider {\r\n height: 1.5rem;\r\n background: var(--background);\r\n clip-path: ellipse(60% 100% at 50% 100%);\r\n }\r\n\r\n \/* Stats Grid *\/\r\n .stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 2rem;\r\n margin-top: 2rem;\r\n }\r\n\r\n .stat-card {\r\n background: var(--card);\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n border: 1px solid rgba(224, 224, 224, 0.5);\r\n text-align: center;\r\n box-shadow: var(--shadow-card);\r\n transition:\r\n box-shadow 0.3s,\r\n transform 0.3s;\r\n }\r\n\r\n .stat-card:hover {\r\n box-shadow: var(--shadow-elevated);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .stat-icon {\r\n width: 2rem;\r\n height: 2rem;\r\n color: var(--secondary);\r\n margin: 0 auto 0.5rem;\r\n display: block;\r\n }\r\n\r\n .stat-number {\r\n font-size: 2.26875rem;\r\n font-weight: 700;\r\n color: var(--foreground);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .stat-label {\r\n font-size: 1.05875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n \/* Sections *\/\r\n .sections-container {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1rem;\r\n }\r\n\r\n .section-card {\r\n background: var(--card);\r\n border-radius: 1rem;\r\n border: 1px solid rgba(224, 224, 224, 0.5);\r\n overflow: hidden;\r\n box-shadow: var(--shadow-card);\r\n transition:\r\n box-shadow 0.3s,\r\n transform 0.3s;\r\n animation: slideUp 0.4s ease-out;\r\n }\r\n\r\n .section-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 1.25rem 1.5rem;\r\n cursor: pointer;\r\n transition: all 0.2s;\r\n border: none;\r\n background: none;\r\n width: 100%;\r\n text-align: left;\r\n }\r\n\r\n .section-header:hover {\r\n background: rgba(245, 245, 245, 0.3);\r\n }\r\n\r\n .section-header-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n flex: 1;\r\n }\r\n\r\n .section-badge {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 0.75rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: linear-gradient(\r\n 135deg,\r\n rgba(53, 53, 53, 0.1),\r\n rgba(221, 107, 59, 0.1)\r\n );\r\n flex-shrink: 0;\r\n }\r\n\r\n .section-badge svg {\r\n width: 1.5rem;\r\n height: 1.5rem;\r\n color: var(--primary);\r\n }\r\n\r\n .section-info h3 {\r\n font-size: 1.36125rem;\r\n font-weight: 600;\r\n color: var(--foreground);\r\n margin-bottom: 0.125rem;\r\n transition: color 0.2s;\r\n }\r\n\r\n .section-header:hover .section-info h3 {\r\n color: var(--primary);\r\n }\r\n\r\n .section-info p {\r\n font-size: 1.05875rem;\r\n color: var(--muted-foreground);\r\n }\r\n\r\n .chevron-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n color: var(--muted-foreground);\r\n transition: transform 0.2s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .section-header.active .chevron-icon {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .section-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.3s ease-out;\r\n }\r\n\r\n .section-content.open {\r\n max-height: 5000px;\r\n }\r\n\r\n .section-content-inner {\r\n padding: 1.5rem;\r\n border-top: 1px solid rgba(224, 224, 224, 0.5);\r\n }\r\n\r\n .employees-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .employee-card {\r\n background: rgba(245, 245, 245, 0.3);\r\n border-radius: 0.75rem;\r\n padding: 1rem;\r\n display: flex;\r\n gap: 0.75rem;\r\n }\r\n\r\n .employee-avatar {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 50%;\r\n background: linear-gradient(\r\n 135deg,\r\n var(--fadesp-purple),\r\n var(--fadesp-orange)\r\n );\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-weight: 600;\r\n font-size: 1.2375rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .employee-info {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .employee-info h4 {\r\n font-size: 1.05875rem;\r\n font-weight: 600;\r\n color: var(--foreground);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .employee-info .role {\r\n font-size: 0.9075rem;\r\n color: var(--muted-foreground);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .employee-contacts {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.375rem;\r\n }\r\n\r\n .contact-item {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-size: 0.9075rem;\r\n color: var(--foreground);\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .contact-item:hover {\r\n color: var(--primary);\r\n }\r\n\r\n .contact-item svg {\r\n width: 0.875rem;\r\n height: 0.875rem;\r\n flex-shrink: 0;\r\n }\r\n\r\n .general-contact {\r\n background: var(--accent);\r\n border-radius: 0.75rem;\r\n padding: 1rem;\r\n margin-top: 1rem;\r\n display: flex;\r\n gap: 0.75rem;\r\n }\r\n\r\n .general-contact-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n border-radius: 0.5rem;\r\n background: var(--primary);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .general-contact-icon svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n color: white;\r\n }\r\n\r\n .general-contact-info h4 {\r\n font-size: 1.05875rem;\r\n font-weight: 600;\r\n color: var(--foreground);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .general-contact-info p {\r\n font-size: 0.9075rem;\r\n color: var(--muted-foreground);\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .general-contact-contacts {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 0.75rem;\r\n }\r\n\r\n \/* Footer *\/\r\n footer {\r\n margin-top: 4rem;\r\n border-top: 1px solid var(--border);\r\n padding: 3rem 0 2rem;\r\n }\r\n\r\n .footer-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2rem;\r\n margin-bottom: 2rem;\r\n }\r\n\r\n .footer-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.75rem;\r\n }\r\n\r\n .footer-icon {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n border-radius: 0.5rem;\r\n background: var(--accent);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-shrink: 0;\r\n }\r\n\r\n .footer-icon svg {\r\n width: 1.25rem;\r\n height: 1.25rem;\r\n color: var(--accent-foreground);\r\n }\r\n\r\n .footer-item h4 {\r\n font-size: 1.05875rem;\r\n font-weight: 600;\r\n color: var(--foreground);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .footer-item p {\r\n font-size: 1.05875rem;\r\n color: var(--muted-foreground);\r\n line-height: 1.5;\r\n }\r\n\r\n .footer-item a {\r\n font-size: 1.05875rem;\r\n color: var(--primary);\r\n text-decoration: none;\r\n transition: color 0.2s;\r\n }\r\n\r\n .footer-item a:hover {\r\n color: var(--secondary);\r\n }\r\n\r\n .footer-bottom {\r\n text-align: center;\r\n padding-top: 2rem;\r\n border-top: 1px solid var(--border);\r\n }\r\n\r\n .footer-bottom p {\r\n font-size: 1.05875rem;\r\n color: var(--muted-foreground);\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .footer-bottom p:last-child {\r\n font-size: 0.9075rem;\r\n color: rgba(102, 102, 102, 0.7);\r\n margin-bottom: 0;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .animate-fade-in {\r\n animation: fadeIn 0.5s ease-out;\r\n }\r\n\r\n \/* Hidden class *\/\r\n .hidden {\r\n display: none !important;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .container {\r\n padding: 0 1rem;\r\n }\r\n\r\n .header-content h1 {\r\n font-size: 2.26875rem;\r\n }\r\n\r\n .stats-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n\r\n .employees-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n @media (min-width: 769px) and (max-width: 1024px) {\r\n .stats-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n\r\n .footer-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n <\/style>\r\n <\/head>\r\n\r\n <body>\r\n <header class=\"fadesp-header-gradient\">\r\n <div class=\"container\">\r\n <div class=\"header-content\">\r\n <div class=\"header-text\">\r\n \r\n <h1 class=\"font-display\">Deseja falar conosco?<\/h1>\r\n <p class=\"subtitle\">Contatos oficiais e setores da FADESP<\/p>\r\n <p class=\"description\">\r\n Encontre facilmente os contatos dos setores e colaboradores da\r\n Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa\r\n <\/p>\r\n <\/div>\r\n <div class=\"search-container\">\r\n <div class=\"search-input-wrapper\">\r\n <svg\r\n class=\"search-icon\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"24\"\r\n height=\"24\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle>\r\n <path d=\"m21 21-4.3-4.3\"><\/path>\r\n <\/svg>\r\n <input\r\n type=\"text\"\r\n id=\"searchInput\"\r\n class=\"search-input\"\r\n placeholder=\"Buscar por nome, setor, e-mail ou ramal...\"\r\n \/>\r\n <\/div>\r\n <p class=\"search-hint\">\r\n Digite para filtrar os resultados em tempo real\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/header>\r\n\r\n <main class=\"container\">\r\n <div class=\"stats-grid\">\r\n <div class=\"stat-card animate-fade-in\">\r\n <svg\r\n class=\"stat-icon\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"24\"\r\n height=\"24\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"><\/rect>\r\n <path d=\"M9 22v-4h6v4\"><\/path>\r\n <path d=\"M8 6h.01\"><\/path>\r\n <path d=\"M16 6h.01\"><\/path>\r\n <path d=\"M12 6h.01\"><\/path>\r\n <path d=\"M12 10h.01\"><\/path>\r\n <path d=\"M12 14h.01\"><\/path>\r\n <path d=\"M16 10h.01\"><\/path>\r\n <path d=\"M16 14h.01\"><\/path>\r\n <path d=\"M8 10h.01\"><\/path>\r\n <path d=\"M8 14h.01\"><\/path>\r\n <\/svg>\r\n <p class=\"stat-number font-display\" id=\"totalSetores\">10<\/p>\r\n <p class=\"stat-label\">Setores<\/p>\r\n <\/div>\r\n <div class=\"stat-card animate-fade-in\" style=\"animation-delay: 100ms\">\r\n <svg\r\n class=\"stat-icon\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"24\"\r\n height=\"24\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <p class=\"stat-number font-display\" id=\"totalColaboradores\">35<\/p>\r\n <p class=\"stat-label\">Colaboradores<\/p>\r\n <\/div>\r\n <div class=\"stat-card animate-fade-in\" style=\"animation-delay: 200ms\">\r\n <svg\r\n class=\"stat-icon\"\r\n xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n width=\"24\"\r\n height=\"24\"\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\"\r\n stroke-linecap=\"round\"\r\n stroke-linejoin=\"round\"\r\n >\r\n <path\r\n d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\r\n ><\/path>\r\n <\/svg>\r\n <p class=\"stat-number font-display\" id=\"totalRamais\">10<\/p>\r\n <p class=\"stat-label\">Ramais Gerais<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"sections-container\" id=\"sectionsContainer\">\r\n \r\n <\/div>\r\n <\/main>\r\n\r\n <script>\r\n \/\/ Dados dos setores e colaboradores\r\n const setoresData = [\r\n {\r\n id: \"diretoria-executiva\",\r\n nome: \"Diretoria Executiva\",\r\n colaboradores: [\r\n {\r\n nome: \"Roberto Ferraz\",\r\n cargo: \"Diretor\",\r\n email: \"fadesp@fadesp.org.br\",\r\n ramal: \"4005-7401\",\r\n },\r\n {\r\n nome: \"Alceb\u00edades Mac\u00eado\",\r\n cargo: \"Diretor\",\r\n email: \"fadesp@fadesp.org.br\",\r\n ramal: \"4005-7402\",\r\n },\r\n ],\r\n },\r\n {\r\n id: \"secretaria-geral\",\r\n nome: \"Secretaria (SEC)\",\r\n colaboradores: [\r\n {\r\n nome: \"Silza Mac\u00eado\",\r\n cargo: \"Secret\u00e1ria\",\r\n email: \"silza.macedo@fadesp.org.br\",\r\n ramal: \"4005-7423\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"secretaria@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Atendimento geral e documenta\u00e7\u00e3o\",\r\n },\r\n },\r\n {\r\n id: \"central-atendimento\",\r\n nome: \"Central de Atendimento\",\r\n colaboradores: [\r\n {\r\n nome: \"Cinthia Nicole\",\r\n cargo: \"Atendente\",\r\n email: \"\",\r\n ramal: \"4005-7440 e 7442\",\r\n },\r\n {\r\n nome: \"Antonio Diego\",\r\n cargo: \"Atendente\",\r\n email: \"antonio@fadesp.org.br\",\r\n ramal: \"4005-7436\",\r\n },\r\n {\r\n nome: \"Matheus Souza\",\r\n cargo: \"Atendente\",\r\n email: \"matheus@fadesp.org.br\",\r\n ramal: \"4005-7434\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"centraldeatendimento@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Atendimento ao p\u00fablico e informa\u00e7\u00f5es gerais\",\r\n },\r\n },\r\n {\r\n id: \"executiva-negocios\",\r\n nome: \"Executiva de Neg\u00f3cios (EN)\",\r\n colaboradores: [\r\n {\r\n nome: \"Socorro Souza\",\r\n cargo: \"\",\r\n email: \"socorro@fadesp.org.br\",\r\n ramal: \"4005-7480\",\r\n },\r\n {\r\n nome: \"Jo\u00e3o Carlos\",\r\n cargo: \"\",\r\n email: \"jcarlos@fadesp.org.br\",\r\n ramal: \"4005-7482\",\r\n },\r\n {\r\n nome: \"Cleidy Lopes\",\r\n cargo: \"\",\r\n email: \"cleidy@fadesp.org.br\",\r\n ramal: \"4005-7476\",\r\n },\r\n {\r\n nome: \"N\u00e1dia Rodrigues\",\r\n cargo: \"\",\r\n email: \"nadia@fadesp.org.br\",\r\n ramal: \"4005-7493\",\r\n },\r\n {\r\n nome: \"Marlene Perotes\",\r\n cargo: \"\",\r\n email: \"mperotes@fadesp.org.br\",\r\n ramal: \"4005-7405\",\r\n },\r\n {\r\n nome: \"Carolina Costa\",\r\n cargo: \"\",\r\n email: \"carolina.costa@fadesp.org.br\",\r\n ramal: \"4005-7405\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"negocios@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Gest\u00e3o de neg\u00f3cios e projetos\",\r\n },\r\n },\r\n {\r\n id: \"assessoria-comunicacao\",\r\n nome: \"Assessoria de Comunica\u00e7\u00e3o (ASCOM)\",\r\n colaboradores: [\r\n {\r\n nome: \"Lorena Filgueiras\",\r\n cargo: \"Assessora\",\r\n email: \"filgueiras@fadesp.org.br\",\r\n ramal: \"4005-7425\",\r\n },\r\n {\r\n nome: \"Andre de Loreto\",\r\n cargo: \"Assessor\",\r\n email: \"loreto@fadesp.org.br\",\r\n ramal: \"4005-7461\",\r\n },\r\n {\r\n nome: \"Brena Marques\",\r\n cargo: \"Assessora\",\r\n email: \"brenamarques@fadesp.org.br\",\r\n ramal: \"4005-7461\",\r\n },\r\n {\r\n nome: \"Jos\u00e9 Porpino Neto\",\r\n cargo: \"Assessor\",\r\n email: \"neto@fadesp.org.br\",\r\n ramal: \"4005-7461\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"ascom@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Comunica\u00e7\u00e3o institucional e marketing\",\r\n },\r\n },\r\n {\r\n id: \"concursos-selecoes\",\r\n nome: \"Coordena\u00e7\u00e3o de Concursos e Sele\u00e7\u00f5es (CCS)\",\r\n colaboradores: [\r\n {\r\n nome: \"Luciano Nicolau\",\r\n cargo: \"Coordenador\",\r\n email: \"luciano@fadesp.org.br\",\r\n ramal: \"4005-7403\",\r\n },\r\n {\r\n nome: \"Leila Lamar\u00e3o\",\r\n cargo: \"Analista\",\r\n email: \"leila@fadesp.org.br\",\r\n ramal: \"4005-7403\",\r\n },\r\n {\r\n nome: \"Diego Leal\",\r\n cargo: \"Analista\",\r\n email: \"diegoleal@fadesp.org.br\",\r\n ramal: \"4005-7446\",\r\n },\r\n {\r\n nome: \"Maria Moreira\",\r\n cargo: \"Analista\",\r\n email: \"mariamor@ufpa.br\",\r\n ramal: \"4005-7446\",\r\n },\r\n {\r\n nome: \"Larissa Lira\",\r\n cargo: \"Analista\",\r\n email: \"larissa@fadesp.org.br\",\r\n ramal: \"4005-7479\",\r\n },\r\n {\r\n nome: \"Samarina Fragoso\",\r\n cargo: \"Analista\",\r\n email: \"samarina@fadesp.org.br\",\r\n ramal: \"4005-7411\",\r\n },\r\n {\r\n nome: \"Davi Fraz\u00e3o\",\r\n cargo: \"Analista\",\r\n email: \"davi@fadesp.org.br\",\r\n ramal: \"4005-7433\",\r\n },\r\n {\r\n nome: \"Mathias Brand\u00e3o\",\r\n cargo: \"Analista\",\r\n email: \"mathias@fadesp.org.br\",\r\n ramal: \"4005-7411\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"concursos@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Processos seletivos e concursos p\u00fablicos\",\r\n },\r\n },\r\n {\r\n id: \"refeitorio\",\r\n nome: \"Refeit\u00f3rio\",\r\n colaboradores: [\r\n {\r\n nome: \"Eliana Modesto\",\r\n cargo: \"Respons\u00e1veis\",\r\n email: \"\",\r\n ramal: \"4005-7406\",\r\n },\r\n {\r\n nome: \"K\u00e1tia Nazar\u00e9 Lene Lima\",\r\n cargo: \"Auxiliar\",\r\n email: \"\",\r\n ramal: \"4005-7406\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"\",\r\n telefone: \"(91) 4005-7406\",\r\n descricao: \"Servi\u00e7os de alimenta\u00e7\u00e3o\",\r\n },\r\n },\r\n {\r\n id: \"tecnologia-informacao\",\r\n nome: \"Coord. de Tecnologia da Informa\u00e7\u00e3o (CTE)\",\r\n colaboradores: [\r\n {\r\n nome: \"Tiago Muniz\",\r\n cargo: \"Coordenadores\",\r\n email: \"bredi@fadesp.org.br\",\r\n ramal: \"4005-7410\",\r\n },\r\n {\r\n nome: \"Andre Ribeiro\",\r\n cargo: \"Coordenadores\",\r\n email: \"bredi@fadesp.org.br\",\r\n ramal: \"4005-7490\",\r\n },\r\n {\r\n nome: \"Raphael Pena\",\r\n cargo: \"Analista\",\r\n email: \"raphael.pena@fadesp.org.br\",\r\n ramal: \"4005-7491\",\r\n },\r\n {\r\n nome: \"Rodrigo Costa\",\r\n cargo: \"Analista\",\r\n email: \"rodrigo@fadesp.org.br\",\r\n ramal: \"4005-7412\",\r\n },\r\n {\r\n nome: \"Andr\u00e9 Cavalcante\",\r\n cargo: \"Analista\",\r\n email: \"andre@fadesp.ogr.br\",\r\n ramal: \"4005-7413\",\r\n },\r\n {\r\n nome: \"Carlos Vitor\",\r\n cargo: \"Analista\",\r\n email: \"carlos.silva@fadesp.org.br\",\r\n ramal: \"4005-7491\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"suportefadesp@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Suporte t\u00e9cnico e infraestrutura de TI\",\r\n },\r\n },\r\n {\r\n id: \"assessoria-juridica\",\r\n nome: \"Assessoria Jur\u00eddica (AJU)\",\r\n colaboradores: [\r\n {\r\n nome: \"Salim Lauande\",\r\n cargo: \"Advogado\",\r\n email: \"salim@fadesp.org.br\",\r\n ramal: \"4005-7415\",\r\n },\r\n {\r\n nome: \"Marcel Bittencourt\",\r\n cargo: \"Advogado\",\r\n email: \"marcel.adv@fadesp.org.br\",\r\n ramal: \"4005-7414\",\r\n },\r\n {\r\n nome: \"Gyovana Danin\",\r\n cargo: \"Advogada\",\r\n email: \"gyovana.adv@fadesp.org.br\",\r\n ramal: \"4005-7416\",\r\n },\r\n {\r\n nome: \"Ryan Souza\",\r\n cargo: \"Assistente Jur\u00eddico\",\r\n email: \"ryan.ricardo@fadesp.org.br\",\r\n ramal: \"4005-7414\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"juridico@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Assessoria jur\u00eddica e consultoria legal\",\r\n },\r\n },\r\n {\r\n id: \"controladoria\",\r\n nome: \"Controladoria\",\r\n colaboradores: [\r\n {\r\n nome: \"Arthur Jardim\",\r\n cargo: \"Assessor Jur\u00eddico\",\r\n email: \"jardim@fadesp.org.br\",\r\n ramal: \"4005-7468\",\r\n },\r\n {\r\n nome: \"Julia Quemel\",\r\n cargo: \"Controladora\",\r\n email: \"julia@fadesp.org.br\",\r\n ramal: \"4005-7468\",\r\n },\r\n ],\r\n },\r\n {\r\n id: \"mini-auditorio\",\r\n nome: \"Mini Audit\u00f3rio\",\r\n contatoGeral: {\r\n email: \"\",\r\n telefone: \"(91) 4005-7427\",\r\n descricao: \"\",\r\n },\r\n },\r\n {\r\n id: \"paulo-borges\",\r\n nome: \"Paulo Borges (Engenheiro)\",\r\n colaboradores: [\r\n {\r\n nome: \"Paulo Borges\",\r\n cargo: \"Engenheiro\",\r\n email: \"\",\r\n ramal: \"4005-7444\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"\",\r\n telefone: \"(91) 4005-7444\",\r\n descricao: \"Servi\u00e7os de engenharia\",\r\n },\r\n },\r\n {\r\n id: \"recursos-humanos\",\r\n nome: \"Coord. de Recursos Humanos (CRH)\",\r\n colaboradores: [\r\n {\r\n nome: \"Claudia Coelho\",\r\n cargo: \"Coordenadora\",\r\n email: \"claudia@fadesp.ogr.br\",\r\n ramal: \"4005-7435\",\r\n },\r\n {\r\n nome: \"Bruna Diniz\",\r\n cargo: \"Analista\",\r\n email: \"bruna@fadesp.ogr.br\",\r\n ramal: \"4005-7448\",\r\n },\r\n {\r\n nome: \"Mary Nascimento\",\r\n cargo: \"Analista\",\r\n email: \"mary@fadesp.org.br\",\r\n ramal: \"4005-7418\",\r\n },\r\n {\r\n nome: \"Glaucia Barros\",\r\n cargo: \"Analista\",\r\n email: \"glaucia@fadesp.org.br\",\r\n ramal: \"4005-7445\",\r\n },\r\n {\r\n nome: \"Thiago Nascimento\",\r\n cargo: \"Analista\",\r\n email: \"thiago@fadesp.org.br\",\r\n ramal: \"4005-7445\",\r\n },\r\n {\r\n nome: \"Rejane Lopes\",\r\n cargo: \"Analista\",\r\n email: \"rejane@fadesp.org.br\",\r\n ramal: \"4005-7448\",\r\n },\r\n {\r\n nome: \"Roberto Ara\u00fajo\",\r\n cargo: \"Analista\",\r\n email: \"roberto@fadesp.org.br\",\r\n ramal: \"4005-7447\",\r\n },\r\n {\r\n nome: \"Lucas Rufino\",\r\n cargo: \"Analista\",\r\n email: \"lucasr@fadesp.org.br\",\r\n ramal: \"4005-7449\",\r\n },\r\n {\r\n nome: \"Jessica Pereira\",\r\n cargo: \"Analista\",\r\n email: \"jessica.pereira@fadesp.org.br\",\r\n ramal: \"4005-7407\",\r\n },\r\n {\r\n nome: \"Yuri Santos\",\r\n cargo: \"Analista\",\r\n email: \"yuri.santos@fadesp.org.br\",\r\n ramal: \"4005-7418\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"rh@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Gest\u00e3o de pessoas e processos seletivos\",\r\n },\r\n },\r\n {\r\n id: \"financeiro-contabil\",\r\n nome: \"Coord. Financeira e Cont\u00e1bil (CFC)\",\r\n colaboradores: [\r\n {\r\n nome: \"F\u00e1tima Vieira\",\r\n cargo: \"Coordenadora\",\r\n email: \"fatima@fadesp.org.br\",\r\n ramal: \"4005-7422\",\r\n },\r\n {\r\n nome: \"Bruno Paix\u00e3o\",\r\n cargo: \"Analista\",\r\n email: \"bpaixao@fadesp.org.br\",\r\n ramal: \"4005-7408\",\r\n },\r\n {\r\n nome: \"Nazar\u00e9 Sousa\",\r\n cargo: \"Analista\",\r\n email: \"nazare@fadesp.org.br\",\r\n ramal: \"4005-7421\",\r\n },\r\n {\r\n nome: \"Regina Ribeiro\",\r\n cargo: \"Analista\",\r\n email: \"ribeiro@fadesp.org.br\",\r\n ramal: \"4005-7421\",\r\n },\r\n {\r\n nome: \"Helo\u00edsa Ribeiro\",\r\n cargo: \"Analista\",\r\n email: \"heloisa@fadesp.org.br\",\r\n ramal: \"4005-7408\",\r\n },\r\n {\r\n nome: \"Antonio Paulo\",\r\n cargo: \"Analista\",\r\n email: \"paulor@fadesp.org.br\",\r\n ramal: \"4005-7419\",\r\n },\r\n {\r\n nome: \"Leide Silva\",\r\n cargo: \"Analista\",\r\n email: \"leide@fadesp.org.br\",\r\n ramal: \"4005-7466\",\r\n },\r\n {\r\n nome: \"Marcelo Moraes\",\r\n cargo: \"Analista\",\r\n email: \"mmoraes@fadesp.org.br\",\r\n ramal: \"4005-7466\",\r\n },\r\n {\r\n nome: \"Arthur Oliveira\",\r\n cargo: \"Analista\",\r\n email: \"arthuroliveira@fadesp.org.br\",\r\n ramal: \"4005-7477\",\r\n },\r\n {\r\n nome: \"Lucas Ferreira\",\r\n cargo: \"Analista\",\r\n email: \"lucas.sousa@fadesp.org.br\",\r\n ramal: \"4005-7465\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"cfc@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Gest\u00e3o financeira e cont\u00e1bil\",\r\n },\r\n },\r\n {\r\n id: \"compras-licitacoes\",\r\n nome: \"Coordena\u00e7\u00e3o de Compras (CCO)\",\r\n colaboradores: [\r\n {\r\n nome: \"Raquel Souza\",\r\n cargo: \"Coordenadora\",\r\n email: \"raquel@fadesp.org.br\",\r\n ramal: \"4005-7430\",\r\n },\r\n {\r\n nome: \"Helder Sab\u00e1\",\r\n cargo: \"Analista\",\r\n email: \"helder@fadesp.org.br\",\r\n ramal: \"4005-7429\",\r\n },\r\n {\r\n nome: \"Marcelo Coelho\",\r\n cargo: \"Analista\",\r\n email: \"mcoelho@fadesp.org.br\",\r\n ramal: \"4005-7463\",\r\n },\r\n {\r\n nome: \"Marcelo Alves\",\r\n cargo: \"Analista\",\r\n email: \"marceloalves@fadesp.org.br\",\r\n ramal: \"4005-7495\",\r\n },\r\n {\r\n nome: \"Paula Roberta\",\r\n cargo: \"Analista\",\r\n email: \"paularoberta@fadesp.org.br\",\r\n ramal: \"4005-7428\",\r\n },\r\n {\r\n nome: \"Michelly Ba\u00eda\",\r\n cargo: \"Analista\",\r\n email: \"michelly@fadesp.org.br\",\r\n ramal: \"4005-7426\",\r\n },\r\n {\r\n nome: \"Sandra Andrade\",\r\n cargo: \"Analista\",\r\n email: \"sandra.andrade@fadesp.org.br\",\r\n ramal: \"4005-7424\",\r\n },\r\n {\r\n nome: \"Darciane Caldas\",\r\n cargo: \"Analista\",\r\n email: \"darciane@fadesp.org.br\",\r\n ramal: \"4005-7431\",\r\n },\r\n {\r\n nome: \"Marcos Alexandre\",\r\n cargo: \"Analista\",\r\n email: \"alexandre@fadesp.org.br\",\r\n ramal: \"4005-7404\",\r\n },\r\n {\r\n nome: \"Paulo Ronaldo\",\r\n cargo: \"Analista\",\r\n email: \"ronaldo@fadesp.org.br\",\r\n ramal: \"4005-7432\",\r\n },\r\n {\r\n nome: \"Pedro Benicio\",\r\n cargo: \"Analista\",\r\n email: \"pedro@fadesp.org.br\",\r\n ramal: \"4005-7467\",\r\n },\r\n {\r\n nome: \"Jean Melo\",\r\n cargo: \"Analista\",\r\n email: \"jean@fadesp.org.br\",\r\n ramal: \"4005-7467\",\r\n },\r\n {\r\n nome: \"Francielly Costa\",\r\n cargo: \"Analista\",\r\n email: \"\",\r\n ramal: \"4005-7432\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"compras@fadesp.org.br\",\r\n telefone: \"\",\r\n descricao: \"Compras e processos licitat\u00f3rios\",\r\n },\r\n },\r\n {\r\n id: \"gestao-projetos\",\r\n nome: \"Coordena\u00e7\u00e3o de Gest\u00e3o de Projetos\",\r\n colaboradores: [\r\n {\r\n nome: \"Tassiane Gomes\",\r\n cargo: \"Coordenadora\",\r\n email: \"tassiane@fadesp.ogr.br\",\r\n ramal: \"4005-7460\",\r\n },\r\n {\r\n nome: \"Carmem Galv\u00e3o\",\r\n cargo: \"Analista\",\r\n email: \"carmem@fadesp.org.br\",\r\n ramal: \"4005-7455\",\r\n },\r\n {\r\n nome: \"Elilian Carvalho\",\r\n cargo: \"Analista\",\r\n email: \"elilian@fadesp.org.br\",\r\n ramal: \"4005-7470\",\r\n },\r\n {\r\n nome: \"Elizandra Souza\",\r\n cargo: \"Analista\",\r\n email: \"elizandra@fadesp.org.br\",\r\n ramal: \"4005-7474\",\r\n },\r\n {\r\n nome: \"Eduardo Nonato\",\r\n cargo: \"Analista\",\r\n email: \"eduardo.nonato@fadesp.org.br\",\r\n ramal: \"4005-7452\",\r\n },\r\n {\r\n nome: \"Ellen Gon\u00e7alves\",\r\n cargo: \"Analista\",\r\n email: \"ellen@fadesp.org.br\",\r\n ramal: \"4005-7472\",\r\n },\r\n {\r\n nome: \"Elziane Pacheco\",\r\n cargo: \"Analista\",\r\n email: \"elziane@fadesp.org.br\",\r\n ramal: \"4005-7473\",\r\n },\r\n {\r\n nome: \"Eline Silva\",\r\n cargo: \"Analista\",\r\n email: \"eline@fadesp.org.br\",\r\n ramal: \"4005-7438\",\r\n },\r\n {\r\n nome: \"Joelma Brito\",\r\n cargo: \"Analista\",\r\n email: \"joelma@fadesp.org.br\",\r\n ramal: \"4005-7481\",\r\n },\r\n {\r\n nome: \"Lucas Lobato\",\r\n cargo: \"Analista\",\r\n email: \"lucas.lobato@fadesp.org.br\",\r\n ramal: \"4005-7454\",\r\n },\r\n {\r\n nome: \"Mylena Lima\",\r\n cargo: \"Analista\",\r\n email: \"mylena@fadesp.org.br\",\r\n ramal: \"4005-7453\",\r\n },\r\n {\r\n nome: \"Rubia Valen\u00e7a\",\r\n cargo: \"Analista\",\r\n email: \"rubia@fadesp.org.br\",\r\n ramal: \"4005-7484\",\r\n },\r\n {\r\n nome: \"Rose Santarem\",\r\n cargo: \"Analista\",\r\n email: \"rosemare@fadesp.org.br\",\r\n ramal: \"4005-7437\",\r\n },\r\n {\r\n nome: \"Vanessa Cardoso\",\r\n cargo: \"Analista\",\r\n email: \"vanessa@fadesp.org.br\",\r\n ramal: \"4005-7469\",\r\n },\r\n {\r\n nome: \"Vitor Luz\",\r\n cargo: \"Analista\",\r\n email: \"vitorluz@fadesp.org.br\",\r\n ramal: \"4005-7458\",\r\n },\r\n ],\r\n contatoGeral: {\r\n email: \"projetos@fadesp.org.br\",\r\n telefone: \"4005-7451\",\r\n descricao: \"Gest\u00e3o e acompanhamento de projetos\",\r\n },\r\n },\r\n ];\r\n\r\n \/\/ Fun\u00e7\u00e3o para obter iniciais do nome\r\n function getInitials(nome) {\r\n return nome\r\n .split(\" \")\r\n .map((n) => n[0])\r\n .join(\"\")\r\n .toUpperCase()\r\n .substring(0, 2);\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para criar card de colaborador\r\n function createEmployeeCard(employee) {\r\n const initials = getInitials(employee.nome);\r\n const emailHtml = employee.email\r\n ? `<a href=\"mailto:${employee.email}\" class=\"contact-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect>\r\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path>\r\n <\/svg>\r\n <span>${employee.email}<\/span>\r\n <\/a>`\r\n : \"\";\r\n const ramalHtml = employee.ramal\r\n ? `<div class=\"contact-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <span>Ramal ${employee.ramal}<\/span>\r\n <\/div>`\r\n : \"\";\r\n return `\r\n <div class=\"employee-card\">\r\n <div class=\"employee-avatar\">${initials}<\/div>\r\n <div class=\"employee-info\">\r\n <h4>${employee.nome}<\/h4>\r\n \r\n <div class=\"employee-contacts\">\r\n ${emailHtml}\r\n ${ramalHtml}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para criar card de contato geral\r\n function createGeneralContactCard(contatoGeral, sectionNome) {\r\n const emailHtml = contatoGeral.email\r\n ? `<a href=\"mailto:${contatoGeral.email}\" class=\"contact-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <rect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"><\/rect>\r\n <path d=\"m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7\"><\/path>\r\n <\/svg>\r\n <span>${contatoGeral.email}<\/span>\r\n <\/a>`\r\n : \"\";\r\n const telefoneHtml = contatoGeral.telefone\r\n ? `<a href=\"tel:${contatoGeral.telefone.replace(\/\\D\/g, \"\")}\" class=\"contact-item\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <span>${contatoGeral.telefone}<\/span>\r\n <\/a>`\r\n : \"\";\r\n return `\r\n <div class=\"general-contact\">\r\n <div class=\"general-contact-icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"general-contact-info\">\r\n <h4>Contato Geral - ${sectionNome}<\/h4>\r\n <p>${contatoGeral.descricao}<\/p>\r\n <div class=\"general-contact-contacts\">\r\n ${emailHtml}\r\n ${telefoneHtml}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para criar se\u00e7\u00e3o\r\n function createSection(section, index) {\r\n const hasColaboradores =\r\n section.colaboradores && section.colaboradores.length > 0;\r\n const employeesHtml = hasColaboradores\r\n ? section.colaboradores.map(createEmployeeCard).join(\"\")\r\n : \"\";\r\n const generalContactHtml = section.contatoGeral\r\n ? createGeneralContactCard(section.contatoGeral, section.nome)\r\n : \"\";\r\n const colaboradoresText = hasColaboradores\r\n ? `${section.colaboradores.length} colaboradores`\r\n : \"\";\r\n\r\n return `\r\n <div class=\"section-card\" data-section-id=\"${section.id}\" style=\"animation-delay: ${index * 100}ms;\">\r\n <button class=\"section-header\" data-section=\"${section.id}\">\r\n <div class=\"section-header-content\">\r\n <div class=\"section-badge\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path>\r\n <circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle>\r\n <path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path>\r\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"><\/path>\r\n <\/svg>\r\n <\/div>\r\n <div class=\"section-info\">\r\n <h3>${section.nome}<\/h3>\r\n ${colaboradoresText ? `<p>${colaboradoresText}<\/p>` : \"\"}\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"m6 9 6 6 6-6\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"section-content\" id=\"content-${section.id}\">\r\n <div class=\"section-content-inner\">\r\n ${hasColaboradores ? `<div class=\"employees-grid\">${employeesHtml}<\/div>` : \"\"}\r\n ${generalContactHtml}\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para renderizar todas as se\u00e7\u00f5es\r\n function renderSections(sections = setoresData) {\r\n const container = document.getElementById(\"sectionsContainer\");\r\n container.innerHTML = sections\r\n .map((section, index) => createSection(section, index))\r\n .join(\"\");\r\n\r\n \/\/ Adicionar event listeners aos headers\r\n document.querySelectorAll(\".section-header\").forEach((header) => {\r\n header.addEventListener(\"click\", () => {\r\n const sectionId = header.getAttribute(\"data-section\");\r\n const content = document.getElementById(`content-${sectionId}`);\r\n const isOpen = content.classList.contains(\"open\");\r\n\r\n if (isOpen) {\r\n content.classList.remove(\"open\");\r\n header.classList.remove(\"active\");\r\n } else {\r\n content.classList.add(\"open\");\r\n header.classList.add(\"active\");\r\n }\r\n });\r\n });\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o de busca\r\n function filterSections(searchTerm) {\r\n const term = searchTerm.toLowerCase().trim();\r\n\r\n if (!term) {\r\n renderSections(setoresData);\r\n updateStats(setoresData);\r\n return;\r\n }\r\n\r\n const filtered = setoresData\r\n .map((section) => {\r\n \/\/ Se a busca corresponde ao nome da se\u00e7\u00e3o\r\n if (section.nome.toLowerCase().includes(term)) {\r\n return section;\r\n }\r\n\r\n \/\/ Se n\u00e3o tem colaboradores, n\u00e3o incluir na busca\r\n if (!section.colaboradores || section.colaboradores.length === 0) {\r\n return null;\r\n }\r\n\r\n \/\/ Filtrar colaboradores dentro da se\u00e7\u00e3o\r\n const filteredEmployees = section.colaboradores.filter((emp) => {\r\n return (\r\n emp.nome.toLowerCase().includes(term) ||\r\n (emp.cargo && emp.cargo.toLowerCase().includes(term)) ||\r\n (emp.email && emp.email.toLowerCase().includes(term)) ||\r\n (emp.ramal && emp.ramal.includes(term))\r\n );\r\n });\r\n\r\n \/\/ Se h\u00e1 colaboradores filtrados\r\n if (filteredEmployees.length > 0) {\r\n return {\r\n ...section,\r\n colaboradores: filteredEmployees,\r\n };\r\n }\r\n\r\n return null;\r\n })\r\n .filter((section) => section !== null);\r\n\r\n renderSections(filtered);\r\n updateStats(filtered);\r\n }\r\n\r\n \/\/ Fun\u00e7\u00e3o para atualizar estat\u00edsticas\r\n function updateStats(sections) {\r\n const totalSetores = sections.length;\r\n const totalColaboradores = sections.reduce((sum, section) => {\r\n return (\r\n sum +\r\n (section.colaboradores && section.colaboradores.length\r\n ? section.colaboradores.length\r\n : 0)\r\n );\r\n }, 0);\r\n \/\/ Contar apenas ramais \u00fanicos dos colaboradores\r\n const totalRamais = new Set(\r\n sections.flatMap((section) =>\r\n section.colaboradores && section.colaboradores.length\r\n ? section.colaboradores\r\n .map((emp) => emp.ramal)\r\n .filter((ramal) => ramal)\r\n : [],\r\n ),\r\n ).size;\r\n\r\n document.getElementById(\"totalSetores\").textContent = totalSetores;\r\n document.getElementById(\"totalColaboradores\").textContent =\r\n totalColaboradores;\r\n document.getElementById(\"totalRamais\").textContent = totalRamais;\r\n }\r\n\r\n \/\/ Inicializa\u00e7\u00e3o\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n renderSections();\r\n updateStats(setoresData);\r\n\r\n \/\/ Event listener para busca\r\n const searchInput = document.getElementById(\"searchInput\");\r\n searchInput.addEventListener(\"input\", (e) => {\r\n filterSections(e.target.value);\r\n });\r\n });\r\n <\/script>\r\n <\/body>\r\n<\/html>\r\n\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>Ramais FADESP Diret\u00f3rio Institucional – FADESP Deseja falar conosco? Contatos oficiais e setores da FADESP Encontre facilmente os contatos dos setores e colaboradores da Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa Digite para filtrar os resultados em tempo real 10 Setores 35 Colaboradores 10 Ramais Gerais<\/p>\n","protected":false},"author":9,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-27849","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Ramais FADESP - FADESP<\/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:\/\/portalfadesp.org.br\/?page_id=27849\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ramais FADESP - FADESP\" \/>\n<meta property=\"og:description\" content=\"Ramais FADESP Diret\u00f3rio Institucional – FADESP Deseja falar conosco? Contatos oficiais e setores da FADESP Encontre facilmente os contatos dos setores e colaboradores da Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa Digite para filtrar os resultados em tempo real 10 Setores 35 Colaboradores 10 Ramais Gerais\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portalfadesp.org.br\/?page_id=27849\" \/>\n<meta property=\"og:site_name\" content=\"FADESP\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Fadesp-138351949524662\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T14:59:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@Fadesp\" \/>\n<meta name=\"twitter:label1\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portalfadesp.org.br\/?page_id=27849\",\"url\":\"https:\/\/portalfadesp.org.br\/?page_id=27849\",\"name\":\"Ramais FADESP - FADESP\",\"isPartOf\":{\"@id\":\"https:\/\/portalfadesp.org.br\/#website\"},\"datePublished\":\"2022-06-02T17:36:44+00:00\",\"dateModified\":\"2026-05-19T14:59:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portalfadesp.org.br\/?page_id=27849#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portalfadesp.org.br\/?page_id=27849\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portalfadesp.org.br\/?page_id=27849#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/portalfadesp.org.br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ramais FADESP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/portalfadesp.org.br\/#website\",\"url\":\"https:\/\/portalfadesp.org.br\/\",\"name\":\"FADESP\",\"description\":\"Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa\",\"publisher\":{\"@id\":\"https:\/\/portalfadesp.org.br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/portalfadesp.org.br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/portalfadesp.org.br\/#organization\",\"name\":\"FADESP\",\"url\":\"https:\/\/portalfadesp.org.br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/portalfadesp.org.br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/portalfadesp.org.br\/wp-content\/uploads\/2024\/01\/NOVOLOGOFADESPlaranjaH.png\",\"contentUrl\":\"https:\/\/portalfadesp.org.br\/wp-content\/uploads\/2024\/01\/NOVOLOGOFADESPlaranjaH.png\",\"width\":2742,\"height\":839,\"caption\":\"FADESP\"},\"image\":{\"@id\":\"https:\/\/portalfadesp.org.br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Fadesp-138351949524662\/\",\"https:\/\/x.com\/Fadesp\",\"https:\/\/www.instagram.com\/fadesp_ufpa\/\",\"https:\/\/www.youtube.com\/@fundacaodeamparoedesenvolv1903\",\"https:\/\/www.threads.net\/@fadesp_ufpa\"]}]}<\/script>\n","yoast_head_json":{"title":"Ramais FADESP - FADESP","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:\/\/portalfadesp.org.br\/?page_id=27849","og_locale":"pt_BR","og_type":"article","og_title":"Ramais FADESP - FADESP","og_description":"Ramais FADESP Diret\u00f3rio Institucional – FADESP Deseja falar conosco? Contatos oficiais e setores da FADESP Encontre facilmente os contatos dos setores e colaboradores da Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa Digite para filtrar os resultados em tempo real 10 Setores 35 Colaboradores 10 Ramais Gerais","og_url":"https:\/\/portalfadesp.org.br\/?page_id=27849","og_site_name":"FADESP","article_publisher":"https:\/\/www.facebook.com\/Fadesp-138351949524662\/","article_modified_time":"2026-05-19T14:59:59+00:00","twitter_card":"summary_large_image","twitter_site":"@Fadesp","twitter_misc":{"Est. tempo de leitura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/portalfadesp.org.br\/?page_id=27849","url":"https:\/\/portalfadesp.org.br\/?page_id=27849","name":"Ramais FADESP - FADESP","isPartOf":{"@id":"https:\/\/portalfadesp.org.br\/#website"},"datePublished":"2022-06-02T17:36:44+00:00","dateModified":"2026-05-19T14:59:59+00:00","breadcrumb":{"@id":"https:\/\/portalfadesp.org.br\/?page_id=27849#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/portalfadesp.org.br\/?page_id=27849"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/portalfadesp.org.br\/?page_id=27849#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/portalfadesp.org.br\/"},{"@type":"ListItem","position":2,"name":"Ramais FADESP"}]},{"@type":"WebSite","@id":"https:\/\/portalfadesp.org.br\/#website","url":"https:\/\/portalfadesp.org.br\/","name":"FADESP","description":"Funda\u00e7\u00e3o de Amparo e Desenvolvimento da Pesquisa","publisher":{"@id":"https:\/\/portalfadesp.org.br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/portalfadesp.org.br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/portalfadesp.org.br\/#organization","name":"FADESP","url":"https:\/\/portalfadesp.org.br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/portalfadesp.org.br\/#\/schema\/logo\/image\/","url":"https:\/\/portalfadesp.org.br\/wp-content\/uploads\/2024\/01\/NOVOLOGOFADESPlaranjaH.png","contentUrl":"https:\/\/portalfadesp.org.br\/wp-content\/uploads\/2024\/01\/NOVOLOGOFADESPlaranjaH.png","width":2742,"height":839,"caption":"FADESP"},"image":{"@id":"https:\/\/portalfadesp.org.br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Fadesp-138351949524662\/","https:\/\/x.com\/Fadesp","https:\/\/www.instagram.com\/fadesp_ufpa\/","https:\/\/www.youtube.com\/@fundacaodeamparoedesenvolv1903","https:\/\/www.threads.net\/@fadesp_ufpa"]}]}},"_links":{"self":[{"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/pages\/27849","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=27849"}],"version-history":[{"count":73,"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/pages\/27849\/revisions"}],"predecessor-version":[{"id":54486,"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=\/wp\/v2\/pages\/27849\/revisions\/54486"}],"wp:attachment":[{"href":"https:\/\/portalfadesp.org.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=27849"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}