Organograma Fatec Campinas - Interativo<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg: #06111a;\r\n --panel: #0b1724;\r\n --cyan: #42cfff;\r\n --purple: #7c4dff;\r\n --red: #d62839;\r\n --green: #4c8c2b;\r\n --blue: #2d5fb3;\r\n --gold: #c79a00;\r\n --navy: #1d3150;\r\n --gray: #6d7480;\r\n --text: #eef7ff;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html, body { \r\n margin: 0; padding: 0; width: 100%; \r\n background: var(--bg); color: var(--text);\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n \/* Barra de Rolagem *\/\r\n ::-webkit-scrollbar { width: 10px; }\r\n ::-webkit-scrollbar-track { background: var(--bg); }\r\n ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; border: 2px solid var(--bg); }\r\n ::-webkit-scrollbar-thumb:hover { background: var(--cyan); }\r\n\r\n header.main-header {\r\n width: 100%;\r\n padding: 30px 20px;\r\n text-align: center;\r\n }\r\n header.main-header h1 {\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n background: linear-gradient(90deg, #fff, var(--cyan));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .org-outer-wrapper {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n }\r\n\r\n #orgChart {\r\n position: relative; \r\n width: 1700px; \r\n transform-origin: top center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .svg-layer {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none; z-index: 1;\r\n }\r\n\r\n .layout { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; align-items: center; }\r\n\r\n .row-gov { display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 50px; width: 100%; }\r\n\r\n .grid-departments {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .coord-container {\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n }\r\n .side-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n width: 240px;\r\n }\r\n\r\n \/* Estilo base das caixas *\/\r\n .node {\r\n background: var(--panel); \r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 8px; \r\n width: 100%; \r\n box-shadow: 0 4px 15px rgba(0,0,0,0.6);\r\n overflow: hidden; \r\n text-align: center;\r\n text-decoration: none;\r\n color: inherit;\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n a.node:hover {\r\n transform: scale(1.03);\r\n border-color: var(--cyan);\r\n box-shadow: 0 10px 30px rgba(66, 207, 255, 0.3);\r\n z-index: 10;\r\n }\r\n\r\n .node-header {\r\n padding: 12px; \r\n font-size: 0.8rem; \r\n font-weight: 900;\r\n text-align: center; \r\n text-transform: uppercase; \r\n color: #fff;\r\n }\r\n\r\n .node-body { \r\n padding: 12px; \r\n display: flex; \r\n flex-direction: column; \r\n align-items: center; \r\n }\r\n\r\n \/* Bot\u00f5es dos Coordenadores *\/\r\n .person-btn {\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid transparent;\r\n color: inherit;\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n border-radius: 4px;\r\n margin-bottom: 4px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-align: center;\r\n }\r\n\r\n .person-btn:hover {\r\n background: rgba(66, 207, 255, 0.1);\r\n border-color: var(--cyan);\r\n transform: translateX(5px);\r\n }\r\n\r\n .person-name { display: block; font-size: 0.75rem; font-weight: 800; color: #fff; line-height: 1.2; }\r\n .person-role { display: block; font-size: 0.65rem; color: var(--cyan); margin-top: 2px; }\r\n\r\n .node.focus-node {\r\n width: 550px; border: 3px solid var(--cyan);\r\n background: linear-gradient(145deg, #0f2a3d, #0b1724);\r\n }\r\n\r\n .services-box {\r\n margin-top: 5px; padding: 8px; border-top: 1px dashed rgba(255,255,255,0.1); width: 100%;\r\n }\r\n .services-box strong { display: block; font-size: 0.55rem; text-transform: uppercase; color: var(--gray); margin-bottom: 4px; }\r\n .services-box p { font-size: 0.65rem; color: #d1d5db; margin: 0; line-height: 1.4; }\r\n\r\n \/* ESTILO DO MODAL *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(8px);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2000;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-content {\r\n background: var(--panel);\r\n border: 2px solid var(--cyan);\r\n border-radius: 15px;\r\n width: 90%;\r\n max-width: 500px;\r\n padding: 30px;\r\n position: relative;\r\n transform: scale(0.7);\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 0 50px rgba(66, 207, 255, 0.2);\r\n }\r\n\r\n .modal-overlay.active { display: flex; opacity: 1; }\r\n .modal-overlay.active .modal-content { transform: scale(1); }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px; right: 15px;\r\n font-size: 24px;\r\n color: var(--gray);\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n .close-modal:hover { color: #fff; }\r\n\r\n .modal-header { text-align: center; margin-bottom: 20px; }\r\n .modal-header h2 { color: var(--cyan); margin: 0; font-size: 1.5rem; text-transform: uppercase; }\r\n .modal-header p { color: #fff; opacity: 0.8; margin-top: 5px; font-weight: 600; }\r\n\r\n .modal-info { background: rgba(255,255,255,0.03); padding: 15px; border-radius: 8px; margin-bottom: 15px; }\r\n .modal-info label { display: block; font-size: 0.65rem; color: var(--cyan); text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; }\r\n .modal-info span { font-size: 0.9rem; color: #fff; word-break: break-all; }\r\n\r\n .lattes-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #fff;\r\n color: #000;\r\n text-decoration: none;\r\n padding: 12px;\r\n border-radius: 6px;\r\n font-weight: 800;\r\n font-size: 0.8rem;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n }\r\n .lattes-btn:hover { background: var(--cyan); transform: translateY(-2px); }\r\n\r\n \/* Cores Tem\u00e1ticas *\/\r\n .c-purple { background: var(--purple); }\r\n .c-red { background: var(--red); }\r\n .c-green { background: var(--green); }\r\n .c-blue { background: var(--blue); }\r\n .c-gold { background: var(--gold); }\r\n .c-navy { background: var(--navy); }\r\n\r\n .footer-text {\r\n max-width: 1000px;\r\n margin: 40px auto 100px;\r\n padding: 30px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border-radius: 12px;\r\n line-height: 1.8;\r\n color: #cbd5e1;\r\n }\r\n .footer-text h2 { color: var(--cyan); text-align: center; margin-bottom: 20px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"main-header\">\r\n <h1>Organograma da Fatec Campinas<\/h1>\r\n <\/header>\r\n\r\n <div class=\"org-outer-wrapper\">\r\n <div id=\"orgChart\">\r\n <svg class=\"svg-layer\" id=\"svgLayer\">\r\n <defs>\r\n <marker id=\"arrow\" viewBox=\"0 0 10 10\" refX=\"5\" refY=\"5\" markerWidth=\"4\" markerHeight=\"4\" orient=\"auto-start-reverse\">\r\n <path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"#fff\" \/>\r\n <\/marker>\r\n <\/defs>\r\n <\/svg>\r\n\r\n <div class=\"layout\">\r\n \r\n <div class=\"row-gov\">\r\n <div style=\"width: 300px;\"><\/div>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/congregacao\/\" class=\"node\" id=\"n-congregacao\" style=\"width: 350px;\">\r\n <div class=\"node-header c-purple\">Congrega\u00e7\u00e3o<\/div>\r\n <div class=\"node-body\"><div class=\"person-btn\"><span class=\"person-name\">\u00d3rg\u00e3o Deliberativo M\u00e1ximo<\/span><\/div><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/cepe\/\" class=\"node\" id=\"n-cepe\" style=\"width: 300px;\">\r\n <div class=\"node-header c-purple\">CEPE<\/div>\r\n <div class=\"node-body\"><div class=\"person-btn\"><span class=\"person-name\">C\u00e2mara de Ensino e Pesquisa<\/span><\/div><\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"row-gov\">\r\n <div style=\"width: 300px;\"><\/div>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/diretoria-coordenacao-geral\/\" class=\"node\" id=\"n-direcao\" style=\"width: 350px;\">\r\n <div class=\"node-header c-red\">Dire\u00e7\u00e3o Geral<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Jaime Cazuhiro Ossada<\/span><span class=\"person-role\">Diretor da Unidade<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/cpa-comissao-propria-de-avaliacao\/\" class=\"node\" id=\"n-cpa\" style=\"width: 300px;\">\r\n <div class=\"node-header c-gray\" style=\"background:#334155\">CPA<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Comiss\u00e3o Pr\u00f3pria de Avalia\u00e7\u00e3o<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid-departments\">\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/secretaria-academica\/\" class=\"node\" id=\"n-acad\">\r\n <div class=\"node-header c-green\">Servi\u00e7os Acad\u00eamicos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Caroline Bilhar Karaziack<\/span><span class=\"person-role\">Chefe de Servi\u00e7os Acad\u00eamicosa<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Simone Ferrari Silva<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Carlos Donisete de Sousa Ferreira<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>ENADE, Censo e Diplomas, atendimento acad\u00eamico ao Discente<\/p><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/biblioteca\/\" class=\"node\" id=\"n-bib\">\r\n <div class=\"node-header c-blue\">Biblioteca<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Aparecida Stradiotto Mendes<\/span><span class=\"person-role\">Analista de Gest\u00e3o<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>Gest\u00e3o do acervo, Organiza\u00e7\u00e3o e recupera\u00e7\u00e3o da informa\u00e7\u00e3o, Atendimento e orienta\u00e7\u00e3o ao usu\u00e1rio, Apoio ao ensino, pesquisa e extens\u00e3o, Gest\u00e3o de recursos digitais, Gest\u00e3o administrativa da biblioteca,A\u00e7\u00f5es educativas e culturais, Organiza\u00e7\u00e3o do ambiente informacional, <\/p><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"node\" id=\"n-adm\">\r\n <div class=\"node-header c-gold\">Servi\u00e7os Administrativos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Jessica Cinthia Silva<\/span><span class=\"person-role\">Chefe de Servi\u00e7os Administrativos<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Ana Clara Moro Rufo<\/span><span class=\"person-role\">Assistente T\u00e9cnico II<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Jonathan Haidar Marcelino<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Juliene Gibim Fernanades<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Lismara Silva Greg\u00f3rio<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>Departamento Pessoal, Fornecedores<\/p><\/div>\r\n \r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"coord-container\">\r\n <div class=\"node\" id=\"n-cur\" style=\"width: 250px;\">\r\n <div class=\"node-header c-navy\">Coordenadores de Cursos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Carlo Ribeiro')\"><span class=\"person-name\">Carlo Ribeiro<\/span><span class=\"person-role\">GTI<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Diogo Robles')\"><span class=\"person-name\">Diogo Robles<\/span><span class=\"person-role\">ADS<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('F\u00e1bio Aur\u00e9lio Bonk')\"><span class=\"person-name\">F\u00e1bio Aur\u00e9lio Bonk<\/span><span class=\"person-role\">GEEE<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Nelson Maniasso')\"><span class=\"person-name\">Nelson Maniasso<\/span><span class=\"person-role\">PQ<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Sandra Ossada')\"><span class=\"person-name\">Sandra Ossada<\/span><span class=\"person-role\">LOG<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Sandro Cosso')\"><span class=\"person-name\">Sandro Cosso<\/span><span class=\"person-role\">GE<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"side-stack\">\r\n <a href=\"#\" class=\"node\" id=\"n-nde\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">NDE<\/div><\/a>\r\n <a href=\"#\" class=\"node\" id=\"n-col\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">Colegiado<\/div><\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/corpo-docente\/\" class=\"node\" id=\"n-docentes\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">Docentes<\/div><\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/auxiliar-docente\/\" class=\"node\" id=\"n-aux\"><div class=\"node-header c-gold\" style=\"font-size:0.65rem\">Auxiliar Docente<\/div><\/a>\r\n <div class=\"person-btn\"><span class=\"person-name\">Ed Robson Silva Ara\u00fajo<\/span><span class=\"person-role\">Auxiliar Docente TI<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">F\u00e1bio Ribeiro de Moura Junior<\/span><span class=\"person-role\">Auxiliar Docente TI<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Thiago Calixto de Lima<\/span><span class=\"person-role\">Auxiliar Docente El\u00e9trica<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Tereza Regina de Carvalho<\/span><span class=\"person-role\">Auxiliar Docente Qu\u00edmica<\/span><\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"node focus-node\" id=\"n-foco\">\r\n <div class=\"node-header\" style=\"background:var(--cyan); color:#000\">Discentes (O CENTRO)<\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeCoordModal(event)\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeCoordModal(event)\">×<\/span>\r\n <div class=\"modal-header\">\r\n <h2 id=\"m-name\">Nome do Coordenador<\/h2>\r\n <p id=\"m-course\">Curso<\/p>\r\n <\/div>\r\n <div class=\"modal-info\">\r\n <label>E-mail institucional<\/label>\r\n <span id=\"m-email\">email@cps.sp.gov.br<\/span>\r\n <\/div>\r\n <a href=\"#\" id=\"m-lattes\" target=\"_blank\" class=\"lattes-btn\">Curr\u00edculo Lattes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ BANCO DE DADOS DOS COORDENADORES\r\n const coordinatorData = {\r\n \"Carlos Ribeiro\": { course: \"Gest\u00e3o da Tecnologia da Informa\u00e7\u00e3o (GTI)\", email: \"carlos.ribeiro@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/3889146194747761\" },\r\n \"Diogo Robles\": { course: \"An\u00e1lise e Desenvolvimento de Sistemas (ADS)\", email: \"diogo.robles@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/3784152701466847\" },\r\n \"F\u00e1bio Aur\u00e9lio Bonk\": { course: \"Gest\u00e3o de Energia e Efici\u00eancia Energ\u00e9tica (GEEE)\", email: \"fabio.bonk@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/6166542718369062\" },\r\n \"Nelson Maniasso\": { course: \"Processos Qu\u00edmicos (PQ)\", email: \"nelson.maniasso@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/1090159424681656\" },\r\n \"Sandra Ossada\": { course: \"Log\u00edstica (LOG)\", email: \"sandra.ossada@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/0713176587426145\" },\r\n \"Sandro Cosso\": { course: \"Gest\u00e3o Empresarial (GE)\", email: \"sandro.cosso@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/1963473523584824\" }\r\n };\r\n\r\n function openCoordModal(name) {\r\n const data = coordinatorData[name];\r\n document.getElementById('m-name').innerText = name;\r\n document.getElementById('m-course').innerText = data.course;\r\n document.getElementById('m-email').innerText = data.email;\r\n document.getElementById('m-lattes').href = data.lattes;\r\n \r\n document.getElementById('modalOverlay').classList.add('active');\r\n }\r\n\r\n function closeCoordModal(e) {\r\n if (e.target.id === 'modalOverlay' || e.target.className === 'close-modal') {\r\n document.getElementById('modalOverlay').classList.remove('active');\r\n }\r\n }\r\n\r\n function drawLines() {\r\n const svg = document.getElementById('svgLayer');\r\n const chart = document.getElementById('orgChart');\r\n svg.innerHTML = svg.innerHTML.split('<\/defs>')[0] + '<\/defs>'; \r\n svg.setAttribute('width', chart.offsetWidth);\r\n svg.setAttribute('height', chart.offsetHeight);\r\n\r\n const getPos = (id, anchor) => {\r\n const el = document.getElementById(id);\r\n if (!el) return null;\r\n const r = el.getBoundingClientRect();\r\n const c = chart.getBoundingClientRect();\r\n const scale = c.width \/ chart.offsetWidth;\r\n const x = (r.left - c.left) \/ scale + (r.width \/ scale) \/ 2;\r\n const yT = (r.top - c.top) \/ scale;\r\n const yB = (r.bottom - c.top) \/ scale;\r\n if (anchor === 'top') return { x, y: yT };\r\n if (anchor === 'bot') return { x, y: yB };\r\n if (anchor === 'left') return { x: (r.left - c.left) \/ scale, y: yT + (r.height \/ scale) \/ 2 };\r\n if (anchor === 'right') return { x: (r.right - c.left) \/ scale, y: yT + (r.height \/ scale) \/ 2 };\r\n };\r\n\r\n const arrowBidirectional = (p1, p2, ortho = true) => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n let d = ortho ? `M ${p1.x} ${p1.y} L ${p1.x} ${p1.y + (p2.y - p1.y)\/2} L ${p2.x} ${p1.y + (p2.y - p1.y)\/2} L ${p2.x} ${p2.y}` : `M ${p1.x} ${p1.y} L ${p2.x} ${p2.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"white\");\r\n path.setAttribute(\"stroke-width\", \"3\");\r\n path.setAttribute(\"fill\", \"none\");\r\n path.setAttribute(\"marker-start\", \"url(#arrow)\");\r\n path.setAttribute(\"marker-end\", \"url(#arrow)\");\r\n svg.appendChild(path);\r\n };\r\n\r\n arrowBidirectional(getPos('n-cepe', 'left'), getPos('n-congregacao', 'right'), false);\r\n arrowBidirectional(getPos('n-congregacao', 'bot'), getPos('n-direcao', 'top'));\r\n arrowBidirectional(getPos('n-direcao', 'right'), getPos('n-cpa', 'left'), false);\r\n \r\n const dirB = getPos('n-direcao', 'bot');\r\n ['n-acad', 'n-bib', 'n-adm', 'n-cur'].forEach(id => arrowBidirectional(dirB, getPos(id, 'top')));\r\n \r\n const curR = getPos('n-cur', 'right');\r\n ['n-nde', 'n-col', 'n-docentes', 'n-aux'].forEach(id => {\r\n const pos = getPos(id, 'left');\r\n if(pos) arrowBidirectional(curR, pos, false);\r\n });\r\n \r\n const focoT = getPos('n-foco', 'top');\r\n ['n-acad', 'n-bib', 'n-cur'].forEach(id => arrowBidirectional(getPos(id, 'bot'), focoT));\r\n }\r\n\r\n function fit() {\r\n const chart = document.getElementById('orgChart');\r\n chart.style.transform = \"scale(1)\";\r\n const scale = Math.min(1, (window.innerWidth \/ chart.offsetWidth) * 0.95);\r\n chart.style.transform = `scale(${scale})`;\r\n drawLines();\r\n }\r\n\r\n window.onload = fit;\r\n window.onresize = fit;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Organograma Fatec Campinas – Interativo Organograma da Fatec Campinas Congrega\u00e7\u00e3o \u00d3rg\u00e3o Deliberativo M\u00e1ximo CEPE C\u00e2mara de Ensino e Pesquisa Dire\u00e7\u00e3o Geral Jaime Cazuhiro OssadaDiretor da Unidade CPA Comiss\u00e3o Pr\u00f3pria de Avalia\u00e7\u00e3o Servi\u00e7os Acad\u00eamicos Caroline Bilhar KaraziackChefe de Servi\u00e7os Acad\u00eamicosa Simone Ferrari SilvaAgente T\u00e9cnico e Administrativo Carlos Donisete de Sousa FerreiraAgente T\u00e9cnico e Administrativo Servi\u00e7os ENADE, Censo e Diplomas, atendimento acad\u00eamico ao Discente Biblioteca Aparecida Stradiotto MendesAnalista de Gest\u00e3o Servi\u00e7os Gest\u00e3o do acervo, Organiza\u00e7\u00e3o e recupera\u00e7\u00e3o da informa\u00e7\u00e3o, Atendimento e orienta\u00e7\u00e3o ao usu\u00e1rio, Apoio ao ensino, pesquisa e extens\u00e3o, Gest\u00e3o de recursos digitais, Gest\u00e3o administrativa da biblioteca,A\u00e7\u00f5es educativas e culturais, Organiza\u00e7\u00e3o do ambiente informacional, Servi\u00e7os Administrativos Jessica Cinthia SilvaChefe de Servi\u00e7os Administrativos Ana Clara Moro RufoAssistente T\u00e9cnico II Jonathan Haidar MarcelinoAgente T\u00e9cnico e Administrativo\/span> Juliene Gibim FernanadesAgente T\u00e9cnico e Administrativo Lismara Silva Greg\u00f3rioAgente T\u00e9cnico e Administrativo Servi\u00e7os Departamento Pessoal, Fornecedores Coordenadores de Cursos Carlo RibeiroGTI Diogo RoblesADS F\u00e1bio Aur\u00e9lio BonkGEEE Nelson ManiassoPQ Sandra OssadaLOG Sandro CossoGE NDE Colegiado Docentes Auxiliar Docente Ed Robson Silva Ara\u00fajoAuxiliar Docente TI F\u00e1bio Ribeiro de Moura JuniorAuxiliar Docente TI Thiago Calixto de LimaAuxiliar Docente El\u00e9trica Tereza Regina de CarvalhoAuxiliar Docente Qu\u00edmica Discentes (O CENTRO) × Nome do Coordenador Curso E-mail institucional email@cps.sp.gov.br Curr\u00edculo Lattes<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-2509","page","type-page","status-publish","hentry"],"aioseo_notices":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-25 10:12:00","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":118,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509\/revisions"}],"predecessor-version":[{"id":2677,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509\/revisions\/2677"}],"wp:attachment":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/media?parent=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\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 Organograma Fatec Campinas - Interativo<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --bg: #06111a;\r\n --panel: #0b1724;\r\n --cyan: #42cfff;\r\n --purple: #7c4dff;\r\n --red: #d62839;\r\n --green: #4c8c2b;\r\n --blue: #2d5fb3;\r\n --gold: #c79a00;\r\n --navy: #1d3150;\r\n --gray: #6d7480;\r\n --text: #eef7ff;\r\n }\r\n\r\n * { box-sizing: border-box; }\r\n html, body { \r\n margin: 0; padding: 0; width: 100%; \r\n background: var(--bg); color: var(--text);\r\n font-family: 'Inter', sans-serif;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n }\r\n\r\n \/* Barra de Rolagem *\/\r\n ::-webkit-scrollbar { width: 10px; }\r\n ::-webkit-scrollbar-track { background: var(--bg); }\r\n ::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; border: 2px solid var(--bg); }\r\n ::-webkit-scrollbar-thumb:hover { background: var(--cyan); }\r\n\r\n header.main-header {\r\n width: 100%;\r\n padding: 30px 20px;\r\n text-align: center;\r\n }\r\n header.main-header h1 {\r\n font-size: 2.2rem;\r\n font-weight: 900;\r\n text-transform: uppercase;\r\n background: linear-gradient(90deg, #fff, var(--cyan));\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n }\r\n\r\n .org-outer-wrapper {\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-start;\r\n }\r\n\r\n #orgChart {\r\n position: relative; \r\n width: 1700px; \r\n transform-origin: top center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 20px;\r\n }\r\n\r\n .svg-layer {\r\n position: absolute; top: 0; left: 0; width: 100%; height: 100%;\r\n pointer-events: none; z-index: 1;\r\n }\r\n\r\n .layout { position: relative; z-index: 2; width: 100%; display: flex; flex-direction: column; align-items: center; }\r\n\r\n .row-gov { display: flex; justify-content: center; align-items: center; gap: 40px; margin-bottom: 50px; width: 100%; }\r\n\r\n .grid-departments {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 20px;\r\n width: 100%;\r\n margin-bottom: 80px;\r\n }\r\n\r\n .coord-container {\r\n display: flex;\r\n gap: 20px;\r\n align-items: flex-start;\r\n }\r\n .side-stack {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n width: 240px;\r\n }\r\n\r\n \/* Estilo base das caixas *\/\r\n .node {\r\n background: var(--panel); \r\n border: 1px solid rgba(255,255,255,0.15);\r\n border-radius: 8px; \r\n width: 100%; \r\n box-shadow: 0 4px 15px rgba(0,0,0,0.6);\r\n overflow: hidden; \r\n text-align: center;\r\n text-decoration: none;\r\n color: inherit;\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n a.node:hover {\r\n transform: scale(1.03);\r\n border-color: var(--cyan);\r\n box-shadow: 0 10px 30px rgba(66, 207, 255, 0.3);\r\n z-index: 10;\r\n }\r\n\r\n .node-header {\r\n padding: 12px; \r\n font-size: 0.8rem; \r\n font-weight: 900;\r\n text-align: center; \r\n text-transform: uppercase; \r\n color: #fff;\r\n }\r\n\r\n .node-body { \r\n padding: 12px; \r\n display: flex; \r\n flex-direction: column; \r\n align-items: center; \r\n }\r\n\r\n \/* Bot\u00f5es dos Coordenadores *\/\r\n .person-btn {\r\n background: rgba(255,255,255,0.03);\r\n border: 1px solid transparent;\r\n color: inherit;\r\n display: block;\r\n width: 100%;\r\n padding: 10px;\r\n border-radius: 4px;\r\n margin-bottom: 4px;\r\n cursor: pointer;\r\n transition: all 0.2s ease;\r\n text-align: center;\r\n }\r\n\r\n .person-btn:hover {\r\n background: rgba(66, 207, 255, 0.1);\r\n border-color: var(--cyan);\r\n transform: translateX(5px);\r\n }\r\n\r\n .person-name { display: block; font-size: 0.75rem; font-weight: 800; color: #fff; line-height: 1.2; }\r\n .person-role { display: block; font-size: 0.65rem; color: var(--cyan); margin-top: 2px; }\r\n\r\n .node.focus-node {\r\n width: 550px; border: 3px solid var(--cyan);\r\n background: linear-gradient(145deg, #0f2a3d, #0b1724);\r\n }\r\n\r\n .services-box {\r\n margin-top: 5px; padding: 8px; border-top: 1px dashed rgba(255,255,255,0.1); width: 100%;\r\n }\r\n .services-box strong { display: block; font-size: 0.55rem; text-transform: uppercase; color: var(--gray); margin-bottom: 4px; }\r\n .services-box p { font-size: 0.65rem; color: #d1d5db; margin: 0; line-height: 1.4; }\r\n\r\n \/* ESTILO DO MODAL *\/\r\n .modal-overlay {\r\n position: fixed;\r\n top: 0; left: 0;\r\n width: 100%; height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n backdrop-filter: blur(8px);\r\n display: none;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 2000;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n }\r\n\r\n .modal-content {\r\n background: var(--panel);\r\n border: 2px solid var(--cyan);\r\n border-radius: 15px;\r\n width: 90%;\r\n max-width: 500px;\r\n padding: 30px;\r\n position: relative;\r\n transform: scale(0.7);\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n box-shadow: 0 0 50px rgba(66, 207, 255, 0.2);\r\n }\r\n\r\n .modal-overlay.active { display: flex; opacity: 1; }\r\n .modal-overlay.active .modal-content { transform: scale(1); }\r\n\r\n .close-modal {\r\n position: absolute;\r\n top: 15px; right: 15px;\r\n font-size: 24px;\r\n color: var(--gray);\r\n cursor: pointer;\r\n line-height: 1;\r\n }\r\n .close-modal:hover { color: #fff; }\r\n\r\n .modal-header { text-align: center; margin-bottom: 20px; }\r\n .modal-header h2 { color: var(--cyan); margin: 0; font-size: 1.5rem; text-transform: uppercase; }\r\n .modal-header p { color: #fff; opacity: 0.8; margin-top: 5px; font-weight: 600; }\r\n\r\n .modal-info { background: rgba(255,255,255,0.03); padding: 15px; border-radius: 8px; margin-bottom: 15px; }\r\n .modal-info label { display: block; font-size: 0.65rem; color: var(--cyan); text-transform: uppercase; margin-bottom: 5px; letter-spacing: 1px; }\r\n .modal-info span { font-size: 0.9rem; color: #fff; word-break: break-all; }\r\n\r\n .lattes-btn {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n background: #fff;\r\n color: #000;\r\n text-decoration: none;\r\n padding: 12px;\r\n border-radius: 6px;\r\n font-weight: 800;\r\n font-size: 0.8rem;\r\n text-transform: uppercase;\r\n transition: all 0.3s ease;\r\n }\r\n .lattes-btn:hover { background: var(--cyan); transform: translateY(-2px); }\r\n\r\n \/* Cores Tem\u00e1ticas *\/\r\n .c-purple { background: var(--purple); }\r\n .c-red { background: var(--red); }\r\n .c-green { background: var(--green); }\r\n .c-blue { background: var(--blue); }\r\n .c-gold { background: var(--gold); }\r\n .c-navy { background: var(--navy); }\r\n\r\n .footer-text {\r\n max-width: 1000px;\r\n margin: 40px auto 100px;\r\n padding: 30px;\r\n background: rgba(255, 255, 255, 0.02);\r\n border-radius: 12px;\r\n line-height: 1.8;\r\n color: #cbd5e1;\r\n }\r\n .footer-text h2 { color: var(--cyan); text-align: center; margin-bottom: 20px; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <header class=\"main-header\">\r\n <h1>Organograma da Fatec Campinas<\/h1>\r\n <\/header>\r\n\r\n <div class=\"org-outer-wrapper\">\r\n <div id=\"orgChart\">\r\n <svg class=\"svg-layer\" id=\"svgLayer\">\r\n <defs>\r\n <marker id=\"arrow\" viewBox=\"0 0 10 10\" refX=\"5\" refY=\"5\" markerWidth=\"4\" markerHeight=\"4\" orient=\"auto-start-reverse\">\r\n <path d=\"M 0 0 L 10 5 L 0 10 z\" fill=\"#fff\" \/>\r\n <\/marker>\r\n <\/defs>\r\n <\/svg>\r\n\r\n <div class=\"layout\">\r\n \r\n <div class=\"row-gov\">\r\n <div style=\"width: 300px;\"><\/div>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/congregacao\/\" class=\"node\" id=\"n-congregacao\" style=\"width: 350px;\">\r\n <div class=\"node-header c-purple\">Congrega\u00e7\u00e3o<\/div>\r\n <div class=\"node-body\"><div class=\"person-btn\"><span class=\"person-name\">\u00d3rg\u00e3o Deliberativo M\u00e1ximo<\/span><\/div><\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/cepe\/\" class=\"node\" id=\"n-cepe\" style=\"width: 300px;\">\r\n <div class=\"node-header c-purple\">CEPE<\/div>\r\n <div class=\"node-body\"><div class=\"person-btn\"><span class=\"person-name\">C\u00e2mara de Ensino e Pesquisa<\/span><\/div><\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"row-gov\">\r\n <div style=\"width: 300px;\"><\/div>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/diretoria-coordenacao-geral\/\" class=\"node\" id=\"n-direcao\" style=\"width: 350px;\">\r\n <div class=\"node-header c-red\">Dire\u00e7\u00e3o Geral<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Jaime Cazuhiro Ossada<\/span><span class=\"person-role\">Diretor da Unidade<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/cpa-comissao-propria-de-avaliacao\/\" class=\"node\" id=\"n-cpa\" style=\"width: 300px;\">\r\n <div class=\"node-header c-gray\" style=\"background:#334155\">CPA<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Comiss\u00e3o Pr\u00f3pria de Avalia\u00e7\u00e3o<\/span><\/div>\r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"grid-departments\">\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/secretaria-academica\/\" class=\"node\" id=\"n-acad\">\r\n <div class=\"node-header c-green\">Servi\u00e7os Acad\u00eamicos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Caroline Bilhar Karaziack<\/span><span class=\"person-role\">Chefe de Servi\u00e7os Acad\u00eamicosa<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Simone Ferrari Silva<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Carlos Donisete de Sousa Ferreira<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>ENADE, Censo e Diplomas, atendimento acad\u00eamico ao Discente<\/p><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/biblioteca\/\" class=\"node\" id=\"n-bib\">\r\n <div class=\"node-header c-blue\">Biblioteca<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Aparecida Stradiotto Mendes<\/span><span class=\"person-role\">Analista de Gest\u00e3o<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>Gest\u00e3o do acervo, Organiza\u00e7\u00e3o e recupera\u00e7\u00e3o da informa\u00e7\u00e3o, Atendimento e orienta\u00e7\u00e3o ao usu\u00e1rio, Apoio ao ensino, pesquisa e extens\u00e3o, Gest\u00e3o de recursos digitais, Gest\u00e3o administrativa da biblioteca,A\u00e7\u00f5es educativas e culturais, Organiza\u00e7\u00e3o do ambiente informacional, <\/p><\/div>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" class=\"node\" id=\"n-adm\">\r\n <div class=\"node-header c-gold\">Servi\u00e7os Administrativos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\"><span class=\"person-name\">Jessica Cinthia Silva<\/span><span class=\"person-role\">Chefe de Servi\u00e7os Administrativos<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Ana Clara Moro Rufo<\/span><span class=\"person-role\">Assistente T\u00e9cnico II<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Jonathan Haidar Marcelino<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Juliene Gibim Fernanades<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Lismara Silva Greg\u00f3rio<\/span><span class=\"person-role\">Agente T\u00e9cnico e Administrativo<\/span><\/div>\r\n <div class=\"services-box\"><strong>Servi\u00e7os<\/strong><p>Departamento Pessoal, Fornecedores<\/p><\/div>\r\n \r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"coord-container\">\r\n <div class=\"node\" id=\"n-cur\" style=\"width: 250px;\">\r\n <div class=\"node-header c-navy\">Coordenadores de Cursos<\/div>\r\n <div class=\"node-body\">\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Carlo Ribeiro')\"><span class=\"person-name\">Carlo Ribeiro<\/span><span class=\"person-role\">GTI<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Diogo Robles')\"><span class=\"person-name\">Diogo Robles<\/span><span class=\"person-role\">ADS<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('F\u00e1bio Aur\u00e9lio Bonk')\"><span class=\"person-name\">F\u00e1bio Aur\u00e9lio Bonk<\/span><span class=\"person-role\">GEEE<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Nelson Maniasso')\"><span class=\"person-name\">Nelson Maniasso<\/span><span class=\"person-role\">PQ<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Sandra Ossada')\"><span class=\"person-name\">Sandra Ossada<\/span><span class=\"person-role\">LOG<\/span><\/div>\r\n <div class=\"person-btn\" onclick=\"openCoordModal('Sandro Cosso')\"><span class=\"person-name\">Sandro Cosso<\/span><span class=\"person-role\">GE<\/span><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"side-stack\">\r\n <a href=\"#\" class=\"node\" id=\"n-nde\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">NDE<\/div><\/a>\r\n <a href=\"#\" class=\"node\" id=\"n-col\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">Colegiado<\/div><\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/corpo-docente\/\" class=\"node\" id=\"n-docentes\"><div class=\"node-header c-navy\" style=\"font-size:0.65rem\">Docentes<\/div><\/a>\r\n <a href=\"https:\/\/fateccampinas.com.br\/portal\/auxiliar-docente\/\" class=\"node\" id=\"n-aux\"><div class=\"node-header c-gold\" style=\"font-size:0.65rem\">Auxiliar Docente<\/div><\/a>\r\n <div class=\"person-btn\"><span class=\"person-name\">Ed Robson Silva Ara\u00fajo<\/span><span class=\"person-role\">Auxiliar Docente TI<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">F\u00e1bio Ribeiro de Moura Junior<\/span><span class=\"person-role\">Auxiliar Docente TI<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Thiago Calixto de Lima<\/span><span class=\"person-role\">Auxiliar Docente El\u00e9trica<\/span><\/div>\r\n <div class=\"person-btn\"><span class=\"person-name\">Tereza Regina de Carvalho<\/span><span class=\"person-role\">Auxiliar Docente Qu\u00edmica<\/span><\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"#\" class=\"node focus-node\" id=\"n-foco\">\r\n <div class=\"node-header\" style=\"background:var(--cyan); color:#000\">Discentes (O CENTRO)<\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"modal-overlay\" id=\"modalOverlay\" onclick=\"closeCoordModal(event)\">\r\n <div class=\"modal-content\">\r\n <span class=\"close-modal\" onclick=\"closeCoordModal(event)\">×<\/span>\r\n <div class=\"modal-header\">\r\n <h2 id=\"m-name\">Nome do Coordenador<\/h2>\r\n <p id=\"m-course\">Curso<\/p>\r\n <\/div>\r\n <div class=\"modal-info\">\r\n <label>E-mail institucional<\/label>\r\n <span id=\"m-email\">email@cps.sp.gov.br<\/span>\r\n <\/div>\r\n <a href=\"#\" id=\"m-lattes\" target=\"_blank\" class=\"lattes-btn\">Curr\u00edculo Lattes<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ BANCO DE DADOS DOS COORDENADORES\r\n const coordinatorData = {\r\n \"Carlos Ribeiro\": { course: \"Gest\u00e3o da Tecnologia da Informa\u00e7\u00e3o (GTI)\", email: \"carlos.ribeiro@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/3889146194747761\" },\r\n \"Diogo Robles\": { course: \"An\u00e1lise e Desenvolvimento de Sistemas (ADS)\", email: \"diogo.robles@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/3784152701466847\" },\r\n \"F\u00e1bio Aur\u00e9lio Bonk\": { course: \"Gest\u00e3o de Energia e Efici\u00eancia Energ\u00e9tica (GEEE)\", email: \"fabio.bonk@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/6166542718369062\" },\r\n \"Nelson Maniasso\": { course: \"Processos Qu\u00edmicos (PQ)\", email: \"nelson.maniasso@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/1090159424681656\" },\r\n \"Sandra Ossada\": { course: \"Log\u00edstica (LOG)\", email: \"sandra.ossada@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/0713176587426145\" },\r\n \"Sandro Cosso\": { course: \"Gest\u00e3o Empresarial (GE)\", email: \"sandro.cosso@cps.sp.gov.br\", lattes: \"http:\/\/lattes.cnpq.br\/1963473523584824\" }\r\n };\r\n\r\n function openCoordModal(name) {\r\n const data = coordinatorData[name];\r\n document.getElementById('m-name').innerText = name;\r\n document.getElementById('m-course').innerText = data.course;\r\n document.getElementById('m-email').innerText = data.email;\r\n document.getElementById('m-lattes').href = data.lattes;\r\n \r\n document.getElementById('modalOverlay').classList.add('active');\r\n }\r\n\r\n function closeCoordModal(e) {\r\n if (e.target.id === 'modalOverlay' || e.target.className === 'close-modal') {\r\n document.getElementById('modalOverlay').classList.remove('active');\r\n }\r\n }\r\n\r\n function drawLines() {\r\n const svg = document.getElementById('svgLayer');\r\n const chart = document.getElementById('orgChart');\r\n svg.innerHTML = svg.innerHTML.split('<\/defs>')[0] + '<\/defs>'; \r\n svg.setAttribute('width', chart.offsetWidth);\r\n svg.setAttribute('height', chart.offsetHeight);\r\n\r\n const getPos = (id, anchor) => {\r\n const el = document.getElementById(id);\r\n if (!el) return null;\r\n const r = el.getBoundingClientRect();\r\n const c = chart.getBoundingClientRect();\r\n const scale = c.width \/ chart.offsetWidth;\r\n const x = (r.left - c.left) \/ scale + (r.width \/ scale) \/ 2;\r\n const yT = (r.top - c.top) \/ scale;\r\n const yB = (r.bottom - c.top) \/ scale;\r\n if (anchor === 'top') return { x, y: yT };\r\n if (anchor === 'bot') return { x, y: yB };\r\n if (anchor === 'left') return { x: (r.left - c.left) \/ scale, y: yT + (r.height \/ scale) \/ 2 };\r\n if (anchor === 'right') return { x: (r.right - c.left) \/ scale, y: yT + (r.height \/ scale) \/ 2 };\r\n };\r\n\r\n const arrowBidirectional = (p1, p2, ortho = true) => {\r\n const path = document.createElementNS(\"http:\/\/www.w3.org\/2000\/svg\", \"path\");\r\n let d = ortho ? `M ${p1.x} ${p1.y} L ${p1.x} ${p1.y + (p2.y - p1.y)\/2} L ${p2.x} ${p1.y + (p2.y - p1.y)\/2} L ${p2.x} ${p2.y}` : `M ${p1.x} ${p1.y} L ${p2.x} ${p2.y}`;\r\n path.setAttribute(\"d\", d);\r\n path.setAttribute(\"stroke\", \"white\");\r\n path.setAttribute(\"stroke-width\", \"3\");\r\n path.setAttribute(\"fill\", \"none\");\r\n path.setAttribute(\"marker-start\", \"url(#arrow)\");\r\n path.setAttribute(\"marker-end\", \"url(#arrow)\");\r\n svg.appendChild(path);\r\n };\r\n\r\n arrowBidirectional(getPos('n-cepe', 'left'), getPos('n-congregacao', 'right'), false);\r\n arrowBidirectional(getPos('n-congregacao', 'bot'), getPos('n-direcao', 'top'));\r\n arrowBidirectional(getPos('n-direcao', 'right'), getPos('n-cpa', 'left'), false);\r\n \r\n const dirB = getPos('n-direcao', 'bot');\r\n ['n-acad', 'n-bib', 'n-adm', 'n-cur'].forEach(id => arrowBidirectional(dirB, getPos(id, 'top')));\r\n \r\n const curR = getPos('n-cur', 'right');\r\n ['n-nde', 'n-col', 'n-docentes', 'n-aux'].forEach(id => {\r\n const pos = getPos(id, 'left');\r\n if(pos) arrowBidirectional(curR, pos, false);\r\n });\r\n \r\n const focoT = getPos('n-foco', 'top');\r\n ['n-acad', 'n-bib', 'n-cur'].forEach(id => arrowBidirectional(getPos(id, 'bot'), focoT));\r\n }\r\n\r\n function fit() {\r\n const chart = document.getElementById('orgChart');\r\n chart.style.transform = \"scale(1)\";\r\n const scale = Math.min(1, (window.innerWidth \/ chart.offsetWidth) * 0.95);\r\n chart.style.transform = `scale(${scale})`;\r\n drawLines();\r\n }\r\n\r\n window.onload = fit;\r\n window.onresize = fit;\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Organograma Fatec Campinas – Interativo Organograma da Fatec Campinas Congrega\u00e7\u00e3o \u00d3rg\u00e3o Deliberativo M\u00e1ximo CEPE C\u00e2mara de Ensino e Pesquisa Dire\u00e7\u00e3o Geral Jaime Cazuhiro OssadaDiretor da Unidade CPA Comiss\u00e3o Pr\u00f3pria de Avalia\u00e7\u00e3o Servi\u00e7os Acad\u00eamicos Caroline Bilhar KaraziackChefe de Servi\u00e7os Acad\u00eamicosa Simone Ferrari SilvaAgente T\u00e9cnico e Administrativo Carlos Donisete de Sousa FerreiraAgente T\u00e9cnico e Administrativo Servi\u00e7os ENADE, Censo e Diplomas, atendimento acad\u00eamico ao Discente Biblioteca Aparecida Stradiotto MendesAnalista de Gest\u00e3o Servi\u00e7os Gest\u00e3o do acervo, Organiza\u00e7\u00e3o e recupera\u00e7\u00e3o da informa\u00e7\u00e3o, Atendimento e orienta\u00e7\u00e3o ao usu\u00e1rio, Apoio ao ensino, pesquisa e extens\u00e3o, Gest\u00e3o de recursos digitais, Gest\u00e3o administrativa da biblioteca,A\u00e7\u00f5es educativas e culturais, Organiza\u00e7\u00e3o do ambiente informacional, Servi\u00e7os Administrativos Jessica Cinthia SilvaChefe de Servi\u00e7os Administrativos Ana Clara Moro RufoAssistente T\u00e9cnico II Jonathan Haidar MarcelinoAgente T\u00e9cnico e Administrativo\/span> Juliene Gibim FernanadesAgente T\u00e9cnico e Administrativo Lismara Silva Greg\u00f3rioAgente T\u00e9cnico e Administrativo Servi\u00e7os Departamento Pessoal, Fornecedores Coordenadores de Cursos Carlo RibeiroGTI Diogo RoblesADS F\u00e1bio Aur\u00e9lio BonkGEEE Nelson ManiassoPQ Sandra OssadaLOG Sandro CossoGE NDE Colegiado Docentes Auxiliar Docente Ed Robson Silva Ara\u00fajoAuxiliar Docente TI F\u00e1bio Ribeiro de Moura JuniorAuxiliar Docente TI Thiago Calixto de LimaAuxiliar Docente El\u00e9trica Tereza Regina de CarvalhoAuxiliar Docente Qu\u00edmica Discentes (O CENTRO) × Nome do Coordenador Curso E-mail institucional email@cps.sp.gov.br Curr\u00edculo Lattes<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-2509","page","type-page","status-publish","hentry"],"aioseo_notices":[],"publishpress_future_action":{"enabled":false,"date":"2026-04-25 10:12:00","action":"change-status","newStatus":"draft","terms":[],"taxonomy":"","extraData":[]},"publishpress_future_workflow_manual_trigger":{"enabledWorkflows":[]},"_links":{"self":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/comments?post=2509"}],"version-history":[{"count":118,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509\/revisions"}],"predecessor-version":[{"id":2677,"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/pages\/2509\/revisions\/2677"}],"wp:attachment":[{"href":"https:\/\/fateccampinas.com.br\/portal\/wp-json\/wp\/v2\/media?parent=2509"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}