{"id":155,"date":"2026-01-19T15:12:09","date_gmt":"2026-01-19T18:12:09","guid":{"rendered":"https:\/\/lainf.ibict.br\/?page_id=155"},"modified":"2026-08-04T15:56:34","modified_gmt":"2026-08-04T18:56:34","slug":"apresentacao","status":"publish","type":"page","link":"https:\/\/lainf.ibict.br\/?page_id=155","title":{"rendered":"Apresenta\u00e7\u00e3o"},"content":{"rendered":"\n\n\nPr\u00e9via \u2014 Apresenta\u00e7\u00e3o | LAInf<\/title>\n<style>\n body{margin:0;background:#fff;font-family:Roboto,\"Helvetica Neue\",Arial,sans-serif;color:#3c4652;padding:48px 0 70px;}\n<\/style>\n\n\n<!--\n ============================================================\n LAInf \u2014 P\u00e1gina \"Apresenta\u00e7\u00e3o\" (layout horizontal)\n Bloco HTML personalizado para o WordPress (tema Hestia)\n ------------------------------------------------------------\n COMO USAR:\n 1. Edite a p\u00e1gina \"Apresenta\u00e7\u00e3o\" no WordPress.\n 2. Apague todo o conte\u00fado atual do corpo da p\u00e1gina.\n 3. Insira um bloco \"HTML personalizado\" e cole TUDO daqui.\n OBS.: o t\u00edtulo \"Apresenta\u00e7\u00e3o\" continua vindo do pr\u00f3prio\n WordPress (topo da p\u00e1gina) \u2014 n\u00e3o precisa ser repetido aqui.\n ------------------------------------------------------------\n ESTRUTURA:\n Abertura (largura total)\n Miss\u00e3o | Lideran\u00e7a (lado a lado)\n V\u00ednculos institucionais | Registro no CNPq (lado a lado)\n Chamada para \"Linhas de pesquisa\"\n ------------------------------------------------------------\n As linhas de pesquisa N\u00c3O aparecem mais aqui: o texto delas\n j\u00e1 existe, id\u00eantico, na p\u00e1gina ?page_id=167, para onde a\n chamada do rodap\u00e9 leva.\n ------------------------------------------------------------\n PARA TROCAR AS CORES: altere apenas as vari\u00e1veis --la-*\n logo no in\u00edcio do <style> abaixo.\n ============================================================\n-->\n\n<style>\n\/* ---------- Tokens de cor, tipografia e medidas ---------- *\/\n.lainf-apresentacao{\n --la-tinta:#16283d; \/* azul-tinta: t\u00edtulos *\/\n --la-azul:#1f4e79; \/* azul institucional: r\u00f3tulos, links *\/\n --la-ciano:#0f8ba3; \/* acento: fios, marcadores, destaque *\/\n --la-papel:#f4f8fa; \/* fundo claro de cart\u00f5es *\/\n --la-linha:#dde6ec; \/* fios de 1px *\/\n --la-texto:#3c4652; \/* texto corrido *\/\n --la-suave:#6a7580; \/* texto secund\u00e1rio *\/\n --la-serif:\"Roboto Slab\",Georgia,\"Times New Roman\",serif;\n --la-sans:Roboto,\"Helvetica Neue\",Helvetica,Arial,sans-serif;\n\n max-width:940px;\n margin:0 auto;\n padding:0 16px 12px;\n font-family:var(--la-sans);\n color:var(--la-texto);\n font-size:17px;\n line-height:1.75;\n text-align:left;\n}\n.lainf-apresentacao *{box-sizing:border-box;}\n\n.lainf-apresentacao p{\n font-family:var(--la-sans);\n margin:0 0 18px;\n font-size:17px;\n line-height:1.75;\n color:var(--la-texto);\n}\n.lainf-apresentacao p:last-child{margin-bottom:0;}\n.lainf-apresentacao strong{color:var(--la-tinta);font-weight:700;}\n\n\/* Links \u2014 estados expl\u00edcitos para vencer o CSS do Hestia *\/\n.lainf-apresentacao a:link,\n.lainf-apresentacao a:visited{\n color:var(--la-azul);\n text-decoration:none;\n border-bottom:1px solid rgba(31,78,121,.35);\n transition:color .2s ease,border-color .2s ease;\n}\n.lainf-apresentacao a:hover,\n.lainf-apresentacao a:focus{\n color:var(--la-ciano);\n border-bottom-color:var(--la-ciano);\n}\n\n\/* ---------- Abertura ---------- *\/\n.lainf-apresentacao .la-abertura{padding:6px 0 34px;}\n.lainf-apresentacao .la-selo{\n display:flex;\n align-items:center;\n gap:10px;\n margin:0 0 16px;\n font-size:12px;\n font-weight:700;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--la-ciano);\n line-height:1.4;\n}\n.lainf-apresentacao .la-selo::before{\n content:\"\";\n flex:0 0 auto;\n width:28px;\n height:2px;\n background:var(--la-ciano);\n}\n.lainf-apresentacao .la-titulo{\n font-family:var(--la-serif);\n font-size:38px;\n line-height:1.22;\n font-weight:700;\n letter-spacing:-.01em;\n color:var(--la-tinta);\n text-transform:none;\n margin:0 0 22px;\n}\n.lainf-apresentacao .la-titulo em{font-style:normal;color:var(--la-ciano);}\n.lainf-apresentacao .la-abertura p:not(.la-selo){\n font-family:var(--la-sans);\n font-size:19px;\n line-height:1.7;\n color:#2f3944;\n}\n\n\/* ---------- Grade de cart\u00f5es (duas colunas) ---------- *\/\n.lainf-apresentacao .la-grade{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:20px;\n margin-bottom:20px;\n align-items:stretch;\n}\n.lainf-apresentacao .la-cartao{\n display:flex;\n flex-direction:column;\n border:1px solid var(--la-linha);\n border-radius:5px;\n padding:26px 28px 28px;\n background:#fff;\n}\n\/* variante com fundo claro, usada em Miss\u00e3o e no Registro CNPq *\/\n.lainf-apresentacao .la-cartao--claro{background:var(--la-papel);}\n\n\/* r\u00f3tulo do topo de cada cart\u00e3o *\/\n.lainf-apresentacao .la-cartao-rot{\n display:flex;\n align-items:center;\n gap:9px;\n margin:0 0 18px;\n font-family:var(--la-sans);\n font-size:11px;\n font-weight:700;\n letter-spacing:.14em;\n line-height:1.4;\n text-transform:uppercase;\n color:var(--la-azul);\n}\n.lainf-apresentacao .la-cartao-rot::before{\n content:\"\";\n flex:0 0 auto;\n width:20px;\n height:2px;\n background:var(--la-ciano);\n}\n\n\/* ---------- Miss\u00e3o ---------- *\/\n.lainf-apresentacao .la-missao{\n display:flex;\n align-items:center;\n flex:1 1 auto;\n}\n.lainf-apresentacao .la-missao p{\n font-family:var(--la-serif);\n font-size:18px;\n line-height:1.6;\n color:var(--la-tinta);\n margin:0;\n}\n\n\/* ---------- Lideran\u00e7a ---------- *\/\n.lainf-apresentacao .la-pessoa{padding:0 0 18px;}\n.lainf-apresentacao .la-pessoa + .la-pessoa{\n border-top:1px solid var(--la-linha);\n padding-top:20px;\n}\n.lainf-apresentacao .la-pessoa:last-child{padding-bottom:0;}\n.lainf-apresentacao .la-funcao{\n display:block;\n margin:0 0 7px;\n font-family:var(--la-sans);\n font-size:11px;\n font-weight:700;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:var(--la-ciano);\n}\n.lainf-apresentacao .la-nome{\n font-family:var(--la-serif);\n font-size:17px;\n line-height:1.35;\n font-weight:700;\n color:var(--la-tinta);\n margin:0 0 8px;\n}\n.lainf-apresentacao .la-desc{\n margin:0 0 14px;\n font-size:15px;\n line-height:1.6;\n color:var(--la-suave);\n}\n.lainf-apresentacao a.la-lattes:link,\n.lainf-apresentacao a.la-lattes:visited{\n display:inline-flex;\n align-items:center;\n gap:9px;\n padding:8px 15px;\n border:1px solid var(--la-azul);\n border-radius:999px;\n background:transparent;\n color:var(--la-azul);\n font-family:var(--la-sans);\n font-size:11px;\n font-weight:700;\n letter-spacing:.11em;\n text-transform:uppercase;\n text-decoration:none;\n transition:background-color .2s ease,color .2s ease,border-color .2s ease;\n}\n.lainf-apresentacao a.la-lattes:hover,\n.lainf-apresentacao a.la-lattes:focus{\n background:var(--la-azul);\n border-color:var(--la-azul);\n color:#fff;\n}\n.lainf-apresentacao a.la-lattes::after{\n content:\"\u2197\";\n font-size:13px;\n line-height:1;\n letter-spacing:0;\n}\n\n\/* ---------- V\u00ednculos institucionais ---------- *\/\n.lainf-apresentacao .la-vinculo{padding:0 0 16px;}\n.lainf-apresentacao .la-vinculo + .la-vinculo{\n border-top:1px solid var(--la-linha);\n padding-top:16px;\n}\n.lainf-apresentacao .la-vinculo:last-child{padding-bottom:0;}\n.lainf-apresentacao .la-vinculo-rot{\n font-family:var(--la-sans);\n font-size:11px;\n font-weight:700;\n letter-spacing:.13em;\n text-transform:uppercase;\n color:var(--la-suave);\n margin:0 0 5px;\n}\n.lainf-apresentacao .la-vinculo-val{\n font-family:var(--la-sans);\n font-size:16px;\n line-height:1.55;\n color:var(--la-tinta);\n font-weight:600;\n}\n.lainf-apresentacao .la-vinculo-val a:link,\n.lainf-apresentacao .la-vinculo-val a:visited{\n color:var(--la-tinta);\n border-bottom:1px solid rgba(15,139,163,.5);\n}\n.lainf-apresentacao .la-vinculo-val a:hover,\n.lainf-apresentacao .la-vinculo-val a:focus{\n color:var(--la-ciano);\n border-bottom-color:var(--la-ciano);\n}\n\n\/* ---------- Registro no CNPq ---------- *\/\n.lainf-apresentacao .la-registro{\n display:flex;\n align-items:center;\n flex:1 1 auto;\n}\n.lainf-apresentacao .la-registro p{\n font-size:16px;\n line-height:1.7;\n margin:0;\n}\n\n\/* ---------- Chamada final: Linhas de pesquisa ---------- *\/\n.lainf-apresentacao a.la-chamada:link,\n.lainf-apresentacao a.la-chamada:visited{\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:20px;\n padding:26px 30px;\n border:0;\n border-radius:5px;\n background:var(--la-tinta);\n color:#fff;\n text-decoration:none;\n transition:background-color .2s ease;\n}\n.lainf-apresentacao a.la-chamada:hover,\n.lainf-apresentacao a.la-chamada:focus{\n background:var(--la-azul);\n color:#fff;\n}\n.lainf-apresentacao .la-chamada-rot{\n display:block;\n margin:0 0 6px;\n font-size:11px;\n font-weight:700;\n letter-spacing:.14em;\n text-transform:uppercase;\n color:#7fc7d6;\n}\n.lainf-apresentacao .la-chamada-txt{\n display:block;\n font-family:var(--la-serif);\n font-size:22px;\n line-height:1.3;\n font-weight:700;\n color:#fff;\n}\n.lainf-apresentacao .la-chamada-seta{\n flex:0 0 auto;\n font-size:26px;\n line-height:1;\n color:#fff;\n transition:transform .2s ease;\n}\n.lainf-apresentacao a.la-chamada:hover .la-chamada-seta{transform:translateX(6px);}\n\n\/* ---------- Responsivo ---------- *\/\n@media (max-width:782px){\n .lainf-apresentacao{font-size:16px;}\n .lainf-apresentacao p{font-size:16px;}\n .lainf-apresentacao .la-titulo{font-size:28px;}\n .lainf-apresentacao .la-abertura p:not(.la-selo){font-size:17px;}\n .lainf-apresentacao .la-grade{grid-template-columns:1fr;gap:16px;margin-bottom:16px;}\n .lainf-apresentacao .la-cartao{padding:22px 22px 24px;}\n .lainf-apresentacao .la-missao p{font-size:17px;}\n .lainf-apresentacao a.la-chamada:link,\n .lainf-apresentacao a.la-chamada:visited{\n flex-direction:column;\n align-items:flex-start;\n gap:14px;\n padding:24px;\n }\n .lainf-apresentacao .la-chamada-txt{font-size:19px;}\n}\n\n@media (prefers-reduced-motion:reduce){\n .lainf-apresentacao a.la-chamada,\n .lainf-apresentacao .la-chamada-seta,\n .lainf-apresentacao a.la-lattes{transition:none;}\n .lainf-apresentacao a.la-chamada:hover .la-chamada-seta{transform:none;}\n}\n<\/style>\n\n<div class=\"lainf-apresentacao\">\n\n <!-- ================= ABERTURA ================= -->\n <header class=\"la-abertura\">\n <p class=\"la-selo\">Grupo de pesquisa certificado pelo CNPq<\/p>\n\n <h2 class=\"la-titulo\">Laborat\u00f3rio de Arquitetura da <em>Informa\u00e7\u00e3o<\/em> (LAInf)<\/h2>\n\n <p>O Laborat\u00f3rio de Arquitetura da Informa\u00e7\u00e3o (LAInf) \u00e9 um grupo de pesquisa certificado pelo Conselho Nacional de Desenvolvimento Cient\u00edfico e Tecnol\u00f3gico (CNPq), vinculado ao Instituto Brasileiro de Informa\u00e7\u00e3o em Ci\u00eancia e Tecnologia (Ibict) e em parceria com a Faculdade de Filosofia e Ci\u00eancias do Campus de Mar\u00edlia da Universidade Estadual Paulista (Unesp\/FFC).<\/p>\n\n <p>Fundado em dezembro de 2025, o LAInf nasce com o compromisso de produzir conhecimento cient\u00edfico qualificado na interse\u00e7\u00e3o entre a organiza\u00e7\u00e3o da informa\u00e7\u00e3o, as tecnologias digitais e as demandas contempor\u00e2neas da sociedade em rede. O laborat\u00f3rio tem como eixo central a <strong>Arquitetura da Informa\u00e7\u00e3o<\/strong>, campo que se dedica ao estudo e \u00e0 concep\u00e7\u00e3o de estruturas e ambientes informacionais que sejam ao mesmo tempo funcionais, acess\u00edveis e orientados \u00e0 experi\u00eancia dos sujeitos que os utilizam.<\/p>\n <\/header>\n\n <!-- ========== LINHA 1: MISS\u00c3O + LIDERAN\u00c7A ========== -->\n <div class=\"la-grade\">\n\n <section class=\"la-cartao la-cartao--claro\">\n <h3 class=\"la-cartao-rot\">Miss\u00e3o<\/h3>\n <div class=\"la-missao\">\n <p>Desenvolver pesquisas cient\u00edficas e tecnol\u00f3gicas em Arquitetura da Informa\u00e7\u00e3o, contribuindo para a produ\u00e7\u00e3o, organiza\u00e7\u00e3o, acesso e preserva\u00e7\u00e3o da informa\u00e7\u00e3o em ambientes digitais, com \u00eanfase na inova\u00e7\u00e3o, na inclus\u00e3o e na valoriza\u00e7\u00e3o do patrim\u00f4nio cultural.<\/p>\n <\/div>\n <\/section>\n\n <section class=\"la-cartao\">\n <h3 class=\"la-cartao-rot\">Lideran\u00e7a<\/h3>\n\n <article class=\"la-pessoa\">\n <span class=\"la-funcao\">L\u00edder<\/span>\n <p class=\"la-nome\">Profa. Dra. Silvana Aparecida Borsetti Gregorio Vidotti<\/p>\n <p class=\"la-desc\">Professora da Unesp, Coordenadora da Coordena\u00e7\u00e3o de Tecnologias Aplicadas (COTEA) do Ibict e pesquisadora de reconhecida trajet\u00f3ria nas \u00e1reas de Ci\u00eancia da Informa\u00e7\u00e3o e Arquitetura da Informa\u00e7\u00e3o.<\/p>\n <a class=\"la-lattes\" href=\"http:\/\/lattes.cnpq.br\/7390573927636069\" target=\"_blank\" rel=\"noopener noreferrer\">Curr\u00edculo Lattes<\/a>\n <\/article>\n\n <article class=\"la-pessoa\">\n <span class=\"la-funcao\">Vice-l\u00edder<\/span>\n <p class=\"la-nome\">Dr. Arthur Ferreira Campos<\/p>\n <p class=\"la-desc\">Tecnologista do Ibict\/MCTI, com trajet\u00f3ria acad\u00eamica em Arquitetura da Informa\u00e7\u00e3o e Encontrabilidade da Informa\u00e7\u00e3o, temas em que desenvolve pesquisas te\u00f3ricas, metodol\u00f3gicas e aplicadas.<\/p>\n <a class=\"la-lattes\" href=\"http:\/\/lattes.cnpq.br\/2631917363783106\" target=\"_blank\" rel=\"noopener noreferrer\">Curr\u00edculo Lattes<\/a>\n <\/article>\n\n <\/section>\n\n <\/div>\n\n <!-- ====== LINHA 2: V\u00cdNCULOS + REGISTRO NO CNPq ====== -->\n <div class=\"la-grade\">\n\n <section class=\"la-cartao\">\n <h3 class=\"la-cartao-rot\">V\u00ednculos institucionais<\/h3>\n\n <div class=\"la-vinculo\">\n <p class=\"la-vinculo-rot\">Institui\u00e7\u00e3o sede<\/p>\n <div class=\"la-vinculo-val\"><a href=\"https:\/\/www.gov.br\/ibict\/pt-br\" target=\"_blank\" rel=\"noopener noreferrer\">Instituto Brasileiro de Informa\u00e7\u00e3o em Ci\u00eancia e Tecnologia (Ibict)<\/a><\/div>\n <\/div>\n\n <div class=\"la-vinculo\">\n <p class=\"la-vinculo-rot\">Institui\u00e7\u00e3o parceira<\/p>\n <div class=\"la-vinculo-val\"><a href=\"https:\/\/www.marilia.unesp.br\/\" target=\"_blank\" rel=\"noopener noreferrer\">Faculdade de Filosofia e Ci\u00eancias \u2013 Campus de Mar\u00edlia (Unesp\/FFC)<\/a><\/div>\n <\/div>\n\n <\/section>\n\n <section class=\"la-cartao la-cartao--claro\">\n <h3 class=\"la-cartao-rot\">Registro e colabora\u00e7\u00e3o<\/h3>\n <div class=\"la-registro\">\n <p>O LAInf est\u00e1 cadastrado no <a href=\"http:\/\/dgp.cnpq.br\/dgp\/espelhogrupo\/826885\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Diret\u00f3rio dos Grupos de Pesquisa do CNPq<\/strong><\/a> e aberto \u00e0 colabora\u00e7\u00e3o com pesquisadores, estudantes e institui\u00e7\u00f5es comprometidos com o avan\u00e7o do conhecimento em Arquitetura da Informa\u00e7\u00e3o e \u00e1reas afins.<\/p>\n <\/div>\n <\/section>\n\n <\/div>\n\n <!-- ============ CHAMADA: LINHAS DE PESQUISA ============ -->\n <!-- Link interno: abre na mesma guia, para n\u00e3o fazer o\n visitante acumular abas do pr\u00f3prio site. -->\n <a class=\"la-chamada\" href=\"https:\/\/lainf.ibict.br\/?page_id=167\">\n <span>\n <span class=\"la-chamada-rot\">Linhas de pesquisa<\/span>\n <span class=\"la-chamada-txt\">Conhe\u00e7a nossas linhas de pesquisa<\/span>\n <\/span>\n <span class=\"la-chamada-seta\" aria-hidden=\"true\">\u2192<\/span>\n <\/a>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9via \u2014 Apresenta\u00e7\u00e3o | LAInf Grupo de pesquisa certificado pelo CNPq Laborat\u00f3rio de Arquitetura da Informa\u00e7\u00e3o (LAInf) O Laborat\u00f3rio de Arquitetura da Informa\u00e7\u00e3o (LAInf) \u00e9 um grupo de pesquisa certificado pelo Conselho Nacional de Desenvolvimento Cient\u00edfico e Tecnol\u00f3gico (CNPq), vinculado ao Instituto Brasileiro de Informa\u00e7\u00e3o em Ci\u00eancia e Tecnologia (Ibict) […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/template-fullwidth.php","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/155","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155"}],"version-history":[{"count":13,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":396,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions\/396"}],"wp:attachment":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}