{"id":167,"date":"2026-01-19T15:13:10","date_gmt":"2026-01-19T18:13:10","guid":{"rendered":"https:\/\/lainf.ibict.br\/?page_id=167"},"modified":"2026-08-04T15:42:23","modified_gmt":"2026-08-04T18:42:23","slug":"linhas-de-pesquisa","status":"publish","type":"page","link":"https:\/\/lainf.ibict.br\/?page_id=167","title":{"rendered":"Linhas de pesquisa"},"content":{"rendered":"\n<!--\n  ============================================================\n  LAInf \u2014 P\u00e1gina \"Linhas de pesquisa\"\n  Bloco HTML personalizado para o WordPress (tema Hestia)\n  ------------------------------------------------------------\n  COMO USAR:\n  1. Edite a p\u00e1gina \"Linhas de pesquisa\" 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 \"Linhas de pesquisa\" continua vindo do pr\u00f3prio\n  WordPress (topo da p\u00e1gina) \u2014 n\u00e3o precisa ser repetido aqui.\n  ------------------------------------------------------------\n  ESTRUTURA:\n    Frase de abertura (largura total)\n    Tr\u00eas cart\u00f5es lado a lado, um por linha de pesquisa\n    Chamada para \"Membros\"\n  ------------------------------------------------------------\n  Em cada cart\u00e3o, o texto foi dividido em duas partes: o\n  objetivo da linha (em cima) e a aplica\u00e7\u00e3o prevista (embaixo,\n  ap\u00f3s o fio). Nenhuma palavra foi alterada.\n  ------------------------------------------------------------\n  PARA TROCAR AS CORES: altere apenas as vari\u00e1veis --la-*\n  logo no in\u00edcio do <style> abaixo. S\u00e3o as mesmas usadas na\n  p\u00e1gina \"Apresenta\u00e7\u00e3o\".\n  ============================================================\n-->\n\n<style>\n\/* ---------- Tokens de cor, tipografia e medidas ---------- *\/\n.lainf-linhas{\n  --la-tinta:#16283d;\n  --la-azul:#1f4e79;\n  --la-ciano:#0f8ba3;\n  --la-papel:#f4f8fa;\n  --la-linha:#dde6ec;\n  --la-texto:#3c4652;\n  --la-suave:#6a7580;\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-linhas *{box-sizing:border-box;}\n.lainf-linhas 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-linhas p:last-child{margin-bottom:0;}\n.lainf-linhas strong{color:var(--la-tinta);font-weight:700;}\n\n\/* Links \u2014 estados expl\u00edcitos para vencer o CSS do Hestia *\/\n.lainf-linhas a:link,\n.lainf-linhas 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-linhas a:hover,\n.lainf-linhas a:focus{\n  color:var(--la-ciano);\n  border-bottom-color:var(--la-ciano);\n}\n\n\/* ---------- Abertura ---------- *\/\n\/* TEXTO NOVO: a frase abaixo n\u00e3o existia na p\u00e1gina. Sirva-se\n   \u00e0 vontade para reescrev\u00ea-la ou apagar o bloco inteiro. *\/\n.lainf-linhas .lp-abertura{padding:6px 0 30px;}\n.lainf-linhas .lp-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-linhas .lp-selo::before{\n  content:\"\";\n  flex:0 0 auto;\n  width:28px;\n  height:2px;\n  background:var(--la-ciano);\n}\n.lainf-linhas .lp-intro{\n  font-family:var(--la-sans);\n  font-size:19px;\n  line-height:1.7;\n  color:#2f3944;\n  margin:0;\n  max-width:720px;\n}\n\n\/* ---------- Grade dos tr\u00eas cart\u00f5es ---------- *\/\n.lainf-linhas .lp-grade{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:18px;\n  align-items:stretch;\n  margin-bottom:20px;\n}\n.lainf-linhas .lp-cartao{\n  display:flex;\n  flex-direction:column;\n  background:#fff;\n  border:1px solid var(--la-linha);\n  border-top:3px solid var(--la-ciano);\n  border-radius:5px;\n  padding:24px 24px 26px;\n  transition:transform .2s ease,box-shadow .2s ease;\n}\n.lainf-linhas .lp-cartao:hover{\n  transform:translateY(-3px);\n  box-shadow:0 10px 24px rgba(22,40,61,.09);\n}\n.lainf-linhas .lp-cartao h3{\n  font-family:var(--la-serif);\n  font-size:19px;\n  line-height:1.3;\n  font-weight:700;\n  color:var(--la-tinta);\n  text-transform:none;\n  margin:0 0 14px;\n}\n\/* objetivo da linha \u2014 ocupa o espa\u00e7o livre para que a\n   aplica\u00e7\u00e3o fique alinhada na base dos tr\u00eas cart\u00f5es *\/\n.lainf-linhas .lp-objetivo{\n  flex:1 1 auto;\n  margin:0 0 16px;\n  font-size:15px;\n  line-height:1.65;\n  color:var(--la-texto);\n}\n\/* aplica\u00e7\u00e3o prevista *\/\n.lainf-linhas .lp-aplicacao{\n  margin:0;\n  padding-top:16px;\n  border-top:1px solid var(--la-linha);\n  font-size:14px;\n  line-height:1.6;\n  color:var(--la-suave);\n}\n\n\/* ---------- Chamada final ---------- *\/\n.lainf-linhas a.lp-chamada:link,\n.lainf-linhas a.lp-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-linhas a.lp-chamada:hover,\n.lainf-linhas a.lp-chamada:focus{\n  background:var(--la-azul);\n  color:#fff;\n}\n.lainf-linhas .lp-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-linhas .lp-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-linhas .lp-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-linhas a.lp-chamada:hover .lp-chamada-seta{transform:translateX(6px);}\n\n\/* ---------- Responsivo ---------- *\/\n\/* dois cart\u00f5es por linha em telas m\u00e9dias *\/\n@media (max-width:940px){\n  .lainf-linhas .lp-grade{grid-template-columns:repeat(2,1fr);}\n}\n\/* um cart\u00e3o por linha no celular *\/\n@media (max-width:640px){\n  .lainf-linhas{font-size:16px;}\n  .lainf-linhas p{font-size:16px;}\n  .lainf-linhas .lp-intro{font-size:17px;}\n  .lainf-linhas .lp-grade{grid-template-columns:1fr;gap:16px;}\n  .lainf-linhas .lp-cartao{padding:22px 22px 24px;}\n  .lainf-linhas .lp-objetivo{font-size:16px;}\n  .lainf-linhas .lp-aplicacao{font-size:15px;}\n  .lainf-linhas a.lp-chamada:link,\n  .lainf-linhas a.lp-chamada:visited{\n    flex-direction:column;\n    align-items:flex-start;\n    gap:14px;\n    padding:24px;\n  }\n  .lainf-linhas .lp-chamada-txt{font-size:19px;}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .lainf-linhas .lp-cartao,\n  .lainf-linhas a.lp-chamada,\n  .lainf-linhas .lp-chamada-seta{transition:none;}\n  .lainf-linhas .lp-cartao:hover{transform:none;}\n  .lainf-linhas a.lp-chamada:hover .lp-chamada-seta{transform:none;}\n}\n<\/style>\n\n<div class=\"lainf-linhas\">\n\n  <!-- ================= ABERTURA ================= -->\n  <!-- TEXTO NOVO \u2014 revisar ou remover se preferir -->\n  <header class=\"lp-abertura\">\n    <p class=\"lp-selo\">Tr\u00eas frentes de investiga\u00e7\u00e3o<\/p>\n    <p class=\"lp-intro\">As pesquisas do LAInf se organizam em tr\u00eas linhas, articuladas em torno da Arquitetura da Informa\u00e7\u00e3o e de suas aplica\u00e7\u00f5es em ambientes digitais.<\/p>\n  <\/header>\n\n  <!-- ================= OS TR\u00caS CART\u00d5ES ================= -->\n  <div class=\"lp-grade\">\n\n    <article class=\"lp-cartao\">\n      <h3>Arquitetura da Informa\u00e7\u00e3o Digital<\/h3>\n      <p class=\"lp-objetivo\">Desenvolver pesquisas cient\u00edficas e aplicadas em Arquitetura da Informa\u00e7\u00e3o Digital, investigando m\u00e9todos, t\u00e9cnicas, tecnologias e fundamentos te\u00f3ricos para organiza\u00e7\u00e3o, navega\u00e7\u00e3o, rotulagem e recupera\u00e7\u00e3o da informa\u00e7\u00e3o em ambientes informacionais digitais.<\/p>\n      <p class=\"lp-aplicacao\">Construir ecologias informacionais complexas que promovam a encontrabilidade da informa\u00e7\u00e3o, e experi\u00eancias imersivas e transformadoras, de modo a promover a inclus\u00e3o digital e a democratiza\u00e7\u00e3o do conhecimento em contextos diversos.<\/p>\n    <\/article>\n\n    <article class=\"lp-cartao\">\n      <h3>Intelig\u00eancia Artificial<\/h3>\n      <p class=\"lp-objetivo\">Investigar, desenvolver e aplicar princ\u00edpios de Arquitetura da Informa\u00e7\u00e3o que potencializem sistemas inteligentes, promovendo a organiza\u00e7\u00e3o, recupera\u00e7\u00e3o, acesso e dissemina\u00e7\u00e3o de informa\u00e7\u00f5es em ambientes mediados pela Intelig\u00eancia Artificial, com foco em solu\u00e7\u00f5es \u00e9ticas, centradas no usu\u00e1rio e adaptativas \u00e0s demandas da transforma\u00e7\u00e3o digital contempor\u00e2nea.<\/p>\n      <p class=\"lp-aplicacao\">Projetar arquiteturas informacionais para ambientes digitais, com o uso de t\u00e9cnicas e tecnologias de Intelig\u00eancia Artificial.<\/p>\n    <\/article>\n\n    <article class=\"lp-cartao\">\n      <h3>Patrim\u00f4nio e Cultura Digital<\/h3>\n      <p class=\"lp-objetivo\">Desenvolver e aplicar princ\u00edpios, metodologias e solu\u00e7\u00f5es de Arquitetura da Informa\u00e7\u00e3o voltados \u00e0 organiza\u00e7\u00e3o, representa\u00e7\u00e3o, preserva\u00e7\u00e3o e dissemina\u00e7\u00e3o do patrim\u00f4nio cultural material e imaterial, promovendo o acesso democr\u00e1tico, a valoriza\u00e7\u00e3o da mem\u00f3ria coletiva e a sustentabilidade informacional do legado cultural em ambientes digitais.<\/p>\n      <p class=\"lp-aplicacao\">Projetar arquiteturas de informa\u00e7\u00f5es para reposit\u00f3rios digitais, museus virtuais, bibliotecas digitais e plataformas de acesso ao patrim\u00f4nio cultural.<\/p>\n    <\/article>\n\n  <\/div>\n\n  <!-- ============ CHAMADA: MEMBROS ============ -->\n  <!-- Link interno: abre na mesma guia. Troque o destino se\n       preferir levar para outra p\u00e1gina. -->\n  <a class=\"lp-chamada\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\">\n    <span>\n      <span class=\"lp-chamada-rot\">Membros<\/span>\n      <span class=\"lp-chamada-txt\">Conhe\u00e7a quem faz parte do laborat\u00f3rio<\/span>\n    <\/span>\n    <span class=\"lp-chamada-seta\" aria-hidden=\"true\">\u2192<\/span>\n  <\/a>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tr\u00eas frentes de investiga\u00e7\u00e3o As pesquisas do LAInf se organizam em tr\u00eas linhas, articuladas em torno da Arquitetura da Informa\u00e7\u00e3o e de suas aplica\u00e7\u00f5es em ambientes digitais. Arquitetura da Informa\u00e7\u00e3o Digital Desenvolver pesquisas cient\u00edficas e aplicadas em Arquitetura da Informa\u00e7\u00e3o Digital, investigando m\u00e9todos, t\u00e9cnicas, tecnologias e fundamentos te\u00f3ricos para organiza\u00e7\u00e3o, [&hellip;]<\/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-167","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/167","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=167"}],"version-history":[{"count":5,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/167\/revisions"}],"predecessor-version":[{"id":392,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/167\/revisions\/392"}],"wp:attachment":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=167"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}