{"id":247,"date":"2026-03-05T15:39:20","date_gmt":"2026-03-05T18:39:20","guid":{"rendered":"https:\/\/lainf.ibict.br\/?page_id=247"},"modified":"2026-09-11T15:20:26","modified_gmt":"2026-09-11T18:20:26","slug":"home","status":"publish","type":"page","link":"https:\/\/lainf.ibict.br\/","title":{"rendered":"Laborat\u00f3rio de Arquitetura da Informa\u00e7\u00e3o (LAInf)"},"content":{"rendered":"\n<!--\n  ============================================================\n  LAInf \u2014 P\u00e1gina inicial (lainf.ibict.br)\n  Bloco HTML personalizado para o WordPress (tema Hestia)\n  ------------------------------------------------------------\n  COMO USAR:\n  1. Edite a p\u00e1gina inicial 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  ------------------------------------------------------------\n  ONDE MEXER DEPOIS (os tr\u00eas pontos de manuten\u00e7\u00e3o):\n\n  A) MENU \/ \"Navegue pelo site\" \u2014 se\u00e7\u00e3o 2. Cada item \u00e9 um\n     <a class=\"la-nav-cartao\">. Para reordenar, mova o bloco\n     inteiro; a ordem visual \u00e9 a ordem do c\u00f3digo.\n\n  B) \u00cdNDICE DA BUSCA \u2014 se\u00e7\u00e3o 1, no bloco invis\u00edvel\n     <div class=\"la-indice-dados\">. Cada <a> ali dentro vira uma\n     sugest\u00e3o: p\u00e1ginas do site e nomes dos membros. Instru\u00e7\u00f5es\n     completas no coment\u00e1rio logo acima dele.\n\n  C) EM DESTAQUE \u2014 se\u00e7\u00e3o 3. Dois cart\u00f5es: a pr\u00f3xima reuni\u00e3o e\n     a \u00faltima realizada. \u00c9 o que mais muda \u2014 as instru\u00e7\u00f5es de\n     atualiza\u00e7\u00e3o est\u00e3o dentro da pr\u00f3pria se\u00e7\u00e3o.\n  ------------------------------------------------------------\n  PARA TROCAR AS CORES: altere apenas as vari\u00e1veis --la-*\n  logo no in\u00edcio do <style>\n abaixo.\n  ------------------------------------------------------------\n  ENDERE\u00c7OS DAS P\u00c1GINAS: usei o formato ?page_id=NNN, que \u00e9\n  como as p\u00e1ginas do site respondem hoje. Se voc\u00eas ativarem\n  links amig\u00e1veis (ex.: \/membros\/), troque os href \u2014 eles\n  aparecem em dois lugares: nos cart\u00f5es da se\u00e7\u00e3o 2 e na lista\n  do \u00edndice de busca na se\u00e7\u00e3o 1.\n  ============================================================\n-->\n<style>\n\/* ---------- Tokens de cor, tipografia e medidas ----------\n   Mesmos valores das demais p\u00e1ginas do LAInf.\n   Todos os tamanhos em px: o Hestia define html{font-size:10px},\n   ent\u00e3o rem renderiza a ~40% do previsto. Nunca usar rem aqui. *\/\n.lainf-home.lainf-home{\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  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-home.lainf-home *{box-sizing:border-box;}\n.lainf-home.lainf-home p{\n  font-family:var(--la-sans);\n  margin:0 0 18px;font-size:17px;line-height:1.75;color:var(--la-texto);\n}\n.lainf-home.lainf-home p:last-child{margin-bottom:0;}\n.lainf-home.lainf-home strong{color:var(--la-tinta);font-weight:700;}\n.lainf-home.lainf-home ul{list-style:none;margin:0;padding:0;}\n\/* Links \u2014 estados expl\u00edcitos para vencer o CSS do Hestia *\/\n.lainf-home.lainf-home a:link,\n.lainf-home.lainf-home a:visited{\n  color:var(--la-azul);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-home.lainf-home a:hover,\n.lainf-home.lainf-home a:focus{\n  color:var(--la-ciano);border-bottom-color:var(--la-ciano);\n}\n\/* foco sempre vis\u00edvel (navega\u00e7\u00e3o por teclado) *\/\n.lainf-home.lainf-home a:focus-visible,\n.lainf-home.lainf-home button:focus-visible,\n.lainf-home.lainf-home input:focus-visible,\n.lainf-home.lainf-home summary:focus-visible{\n  outline:3px solid var(--la-ciano);outline-offset:2px;border-radius:2px;\n}\n\/* T\u00edtulos de se\u00e7\u00e3o \u2014 o fio curto de acento \u00e9 o motivo da casa *\/\n.lainf-home.lainf-home .la-selo{\n  display:flex;align-items:center;gap:10px;margin:0 0 14px;\n  font-family:var(--la-sans);font-size:12px;font-weight:700;\n  letter-spacing:.14em;text-transform:uppercase;\n  color:var(--la-ciano);line-height:1.4;\n}\n.lainf-home.lainf-home .la-selo::before{\n  content:\"\";flex:0 0 auto;width:28px;height:2px;background:var(--la-ciano);\n}\n.lainf-home.lainf-home .la-secao{padding:0 0 40px;}\n.lainf-home.lainf-home .la-h2{\n  font-family:var(--la-serif);font-size:26px;line-height:1.3;\n  font-weight:700;color:var(--la-tinta);margin:0 0 8px;\n}\n.lainf-home.lainf-home .la-apoio{\n  font-size:16px;color:var(--la-suave);margin:0 0 22px;max-width:640px;\n}\n\/* ============ 1. BUSCA ============ *\/\n.lainf-home.lainf-home .la-busca-caixa{\n  background:var(--la-papel);border:1px solid var(--la-linha);\n  border-top:3px solid var(--la-ciano);border-radius:5px;\n  padding:26px 26px 22px;margin-top:6px;\n}\n.lainf-home.lainf-home .la-form{\n  display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;\n  position:relative;margin:0;\n}\n.lainf-home.lainf-home .la-campo-envolto{position:relative;flex:1 1 340px;min-width:0;}\n.lainf-home.lainf-home input.la-campo{\n  width:100%;height:52px;padding:0 16px;\n  font-family:var(--la-sans);font-size:17px;color:var(--la-tinta);\n  background:#fff;border:1px solid var(--la-linha);border-radius:4px;\n  line-height:normal;-webkit-appearance:none;appearance:none;\n}\n.lainf-home.lainf-home input.la-campo::placeholder{color:#93a0ab;opacity:1;}\n.lainf-home.lainf-home button.la-btn{\n  flex:0 0 auto;height:52px;padding:0 26px;cursor:pointer;\n  font-family:var(--la-sans);font-size:15px;font-weight:700;\n  letter-spacing:.02em;color:#fff;background:var(--la-tinta);\n  border:1px solid var(--la-tinta);border-radius:4px;\n  transition:background .2s ease,border-color .2s ease;\n}\n.lainf-home.lainf-home button.la-btn:hover,\n.lainf-home.lainf-home button.la-btn:focus{\n  background:var(--la-azul);border-color:var(--la-azul);\n}\n\/* Painel de sugest\u00f5es \u2014 s\u00f3 existe com JavaScript ativo *\/\n.lainf-home.lainf-home .la-sugestoes{\n  position:absolute;z-index:40;top:56px;left:0;right:0;\n  max-height:340px;overflow-y:auto;margin:0;padding:6px 0;\n  background:#fff;border:1px solid var(--la-linha);border-radius:4px;\n  box-shadow:0 14px 34px rgba(22,40,61,.14);\n}\n.lainf-home.lainf-home .la-sugestoes[hidden]{display:none;}\n.lainf-home.lainf-home .la-sug{\n  padding:10px 16px;cursor:pointer;border-left:3px solid transparent;\n}\n.lainf-home.lainf-home .la-sug[aria-selected=\"true\"],\n.lainf-home.lainf-home .la-sug:hover{\n  background:var(--la-papel);border-left-color:var(--la-ciano);\n}\n.lainf-home.lainf-home .la-sug-t{\n  display:block;font-family:var(--la-serif);font-size:16px;\n  font-weight:700;color:var(--la-tinta);line-height:1.4;\n}\n.lainf-home.lainf-home .la-sug-d{\n  display:block;font-size:14px;color:var(--la-suave);line-height:1.5;margin-top:2px;\n}\n.lainf-home.lainf-home .la-sug mark{\n  background:rgba(15,139,163,.18);color:inherit;padding:0 1px;border-radius:2px;\n}\n.lainf-home.lainf-home .la-sug-grupo{\n  padding:8px 16px 4px;font-size:11px;font-weight:700;letter-spacing:.12em;\n  text-transform:uppercase;color:var(--la-suave);\n}\n.lainf-home.lainf-home .la-indice-dados{display:none !important;}\n\/* ============ 2. NAVEGUE PELO SITE ============ *\/\n.lainf-home.lainf-home .la-nav-grade{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:16px;\n}\n.lainf-home.lainf-home a.la-nav-cartao:link,\n.lainf-home.lainf-home a.la-nav-cartao:visited{\n  display:flex;flex-direction:column;\n  background:#fff;border:1px solid var(--la-linha);\n  border-left:3px solid var(--la-ciano);border-radius:5px;\n  padding:20px 22px 22px;border-bottom:1px solid var(--la-linha);\n  color:var(--la-texto);\n  transition:transform .2s ease,box-shadow .2s ease;\n}\n.lainf-home.lainf-home a.la-nav-cartao:hover,\n.lainf-home.lainf-home a.la-nav-cartao:focus{\n  transform:translateY(-3px);box-shadow:0 10px 24px rgba(22,40,61,.09);\n}\n.lainf-home.lainf-home .la-nav-ordem{\n  font-family:var(--la-sans);font-size:11px;font-weight:700;\n  letter-spacing:.14em;color:var(--la-suave);margin:0 0 8px;\n}\n.lainf-home.lainf-home .la-nav-t{\n  font-family:var(--la-serif);font-size:19px;font-weight:700;\n  color:var(--la-tinta);line-height:1.35;margin:0 0 6px;\n}\n.lainf-home.lainf-home .la-nav-d{font-size:14px;line-height:1.6;color:var(--la-suave);margin:0;}\n\/* ============ 3. EM DESTAQUE ============ *\/\n.lainf-home.lainf-home .la-dest-grade{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;\n}\n.lainf-home.lainf-home .la-dest{\n  display:flex;flex-direction:column;\n  border:1px solid var(--la-linha);border-radius:5px;\n  padding:22px 24px 24px;background:#fff;\n}\n.lainf-home.lainf-home .la-dest-realce{\n  background:var(--la-tinta);border-color:var(--la-tinta);\n}\n.lainf-home.lainf-home .la-dest-realce .la-dest-rot{color:#9fd3e0;}\n.lainf-home.lainf-home .la-dest-realce .la-dest-quando,\n.lainf-home.lainf-home .la-dest-realce .la-dest-pauta{color:#fff;}\n.lainf-home.lainf-home .la-dest-realce .la-dest-fonte{color:#c3d2df;}\n.lainf-home.lainf-home .la-dest-realce a:link,\n.lainf-home.lainf-home .la-dest-realce a:visited{\n  color:#fff;border-bottom-color:rgba(255,255,255,.45);\n}\n.lainf-home.lainf-home .la-dest-realce a:hover,\n.lainf-home.lainf-home .la-dest-realce a:focus{\n  color:#9fd3e0;border-bottom-color:#9fd3e0;\n}\n.lainf-home.lainf-home .la-dest-rot{\n  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--la-azul);margin:0 0 12px;\n}\n.lainf-home.lainf-home .la-dest-quando{\n  font-family:var(--la-serif);font-size:20px;font-weight:700;\n  color:var(--la-tinta);line-height:1.3;margin:0 0 12px;\n}\n.lainf-home.lainf-home .la-dest-quando .la-dest-hora{\n  font-family:var(--la-sans);font-size:14px;font-weight:400;\n  letter-spacing:.04em;opacity:.85;margin-left:8px;\n}\n.lainf-home.lainf-home .la-dest-pauta{font-size:16px;line-height:1.65;margin:0 0 12px;}\n.lainf-home.lainf-home .la-dest-fonte{\n  display:block;font-size:13px;line-height:1.6;color:var(--la-suave);margin-top:0;\n}\n\/* margin auto no topo: o link fica rente ao rodap\u00e9 do cart\u00e3o,\n   com ou sem a linha de texto-base acima dele. *\/\n.lainf-home.lainf-home .la-dest-link{margin:auto 0 0;padding-top:16px;font-size:15px;font-weight:700;}\n\/* ============ 4. CONTATO ============ *\/\n.lainf-home.lainf-home .la-contato-grade{\n  display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;\n}\n.lainf-home.lainf-home .la-ct{\n  background:#fff;border:1px solid var(--la-linha);\n  border-top:3px solid var(--la-ciano);border-radius:5px;padding:20px 22px 22px;\n}\n.lainf-home.lainf-home .la-ct-rot{\n  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--la-azul);margin:0 0 10px;\n}\n.lainf-home.lainf-home a.la-ct-valor:link,\n.lainf-home.lainf-home a.la-ct-valor:visited{\n  display:block;font-family:var(--la-serif);font-size:18px;font-weight:700;\n  color:var(--la-tinta);border-bottom:0;word-break:break-word;line-height:1.35;\n}\n.lainf-home.lainf-home a.la-ct-valor:hover,\n.lainf-home.lainf-home a.la-ct-valor:focus{color:var(--la-ciano);}\n.lainf-home.lainf-home .la-ct-nota{font-size:13px;color:var(--la-suave);margin:8px 0 0;line-height:1.55;}\n\/* ============ 5. VINCULA\u00c7\u00c3O E CR\u00c9DITO ============ *\/\n.lainf-home.lainf-home .la-vinculo{\n  border-top:1px solid var(--la-linha);padding-top:26px;margin-top:6px;\n}\n.lainf-home.lainf-home .la-vinculo-rot{\n  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;\n  color:var(--la-suave);margin:0 0 14px;text-align:center;\n}\n.lainf-home.lainf-home .la-vinculo-marcas{\n  display:flex;flex-wrap:wrap;gap:14px 34px;\n  align-items:center;justify-content:center;\n}\n.lainf-home.lainf-home .la-vinculo-marcas img{max-height:56px;width:auto;height:auto;}\n.lainf-home.lainf-home .la-vinculo-cnpq{\n  text-align:center;margin:18px 0 0;font-size:14px;\n}\n.lainf-home.lainf-home .la-credito{\n  text-align:center;margin:26px 0 0;font-size:13px;color:var(--la-suave);\n}\n\/* ============ Responsivo e movimento ============ *\/\n@media (max-width:600px){\n  .lainf-home.lainf-home{font-size:16px;}\n  .lainf-home.lainf-home .la-h2{font-size:22px;}\n  .lainf-home.lainf-home .la-busca-caixa{padding:20px 18px 18px;}\n  .lainf-home.lainf-home button.la-btn{width:100%;}\n}\n@media (prefers-reduced-motion:reduce){\n  .lainf-home.lainf-home *{transition:none !important;}\n  .lainf-home.lainf-home a.la-nav-cartao:hover,\n  .lainf-home.lainf-home a.la-nav-cartao:focus{transform:none;}\n}\n<\/style>\n\n<div class=\"lainf-home\">\n\n  <!-- ============================================================\n       1. BUSCA COM AUTOCOMPLETE\n       ------------------------------------------------------------\n       As sugest\u00f5es saem do bloco invis\u00edvel .la-indice-dados,\n       logo abaixo do formul\u00e1rio: p\u00e1ginas do site e nomes dos\n       membros. Tudo local, sem nenhuma chamada de rede \u2014 a REST\n       API deste servidor n\u00e3o responde.\n       Sem JavaScript, o campo \u00e9 um formul\u00e1rio GET comum e envia\n       para a busca nativa do WordPress. Nada quebra.\n       ============================================================ -->\n  <section class=\"la-secao\" aria-labelledby=\"la-tit-busca\">\n    <p class=\"la-selo\">Busca<\/p>\n    <h2 class=\"la-h2\" id=\"la-tit-busca\">O que voc\u00ea procura no site do LAInf?<\/h2>\n\n    <div class=\"la-busca-caixa\">\n      <!-- action: a busca nativa do WordPress. Se o site mudar de\n           endere\u00e7o, \u00e9 este href que precisa acompanhar. -->\n      <form class=\"la-form\" role=\"search\" method=\"get\" action=\"https:\/\/lainf.ibict.br\/\">\n        <div class=\"la-campo-envolto\">\n          <label class=\"screen-reader-text\" for=\"la-campo-busca\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;\">Buscar no site do LAInf<\/label>\n          <input\n            type=\"search\" id=\"la-campo-busca\" class=\"la-campo\" name=\"s\"\n            placeholder=\"Ex.: Vidotti, reuni\u00f5es, linhas de pesquisa\u2026\"\n            role=\"combobox\" aria-expanded=\"false\" aria-controls=\"la-lista-sug\"\n            aria-autocomplete=\"list\" aria-describedby=\"la-dica-busca\" autocomplete=\"off\">\n          <ul class=\"la-sugestoes\" id=\"la-lista-sug\" role=\"listbox\" aria-label=\"Sugest\u00f5es de busca\" hidden><\/ul>\n        <\/div>\n        <button type=\"submit\" class=\"la-btn\">Buscar<\/button>\n      <\/form>\n      <p id=\"la-dica-busca\" style=\"position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;\">Use as setas para percorrer as sugest\u00f5es e Enter para abrir. Esc fecha a lista.<\/p>\n\n      <!-- \u00cdNDICE CURADO \u2014 tamb\u00e9m serve de mapa do site quando o\n           JavaScript n\u00e3o roda. Para incluir uma p\u00e1gina, copie um\n           <li> inteiro e ajuste href, t\u00edtulo, descri\u00e7\u00e3o e chaves. -->\n      <!-- ============================================================\n           \u00cdNDICE DA BUSCA \u2014 n\u00e3o aparece na tela.\n           Cada <a> aqui vira uma sugest\u00e3o do autocomplete.\n\n           data-la-item=\"pagina\"  \u2192 p\u00e1ginas do site\n           data-la-item=\"membro\"  \u2192 nomes dos membros do grupo\n           data-desc   \u2192 linha cinza que aparece embaixo do t\u00edtulo\n                         (no caso dos membros, \u00e9 o grupo: Pesquisadores,\n                         Estudantes, Colaboradores estrangeiros)\n           data-chaves \u2192 sin\u00f4nimos que o visitante pode digitar\n\n           PARA INCLUIR ALGO: copie uma linha inteira e ajuste.\n           A ordem n\u00e3o importa: o ranqueamento \u00e9 calculado na hora.\n           ============================================================ -->\n      <div class=\"la-indice-dados\" hidden aria-hidden=\"true\">\n        <a data-la-item=\"pagina\" href=\"https:\/\/lainf.ibict.br\/?page_id=165\" data-desc=\"Reuni\u00f5es do grupo, com pauta e textos-base\" data-chaves=\"agenda reunioes encontros pauta textos base seminarios calendario proxima reuniao\">Agenda de reuni\u00f5es<\/a>\n        <a data-la-item=\"pagina\" href=\"https:\/\/lainf.ibict.br\/?page_id=155\" data-desc=\"O que \u00e9 o LAInf e como o laborat\u00f3rio se organiza\" data-chaves=\"apresentacao sobre laboratorio grupo de pesquisa cnpq lainf arquitetura da informacao inicio\">Apresenta\u00e7\u00e3o<\/a>\n        <a data-la-item=\"pagina\" href=\"https:\/\/lainf.ibict.br\/?page_id=167\" data-desc=\"As linhas que orientam as investiga\u00e7\u00f5es do laborat\u00f3rio\" data-chaves=\"linhas de pesquisa temas investigacao projetos eixos\">Linhas de pesquisa<\/a>\n        <a data-la-item=\"pagina\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"L\u00edderes, pesquisadores e estudantes vinculados ao LAInf\" data-chaves=\"membros equipe pessoas pesquisadores lideres estudantes quem somos\">Membros<\/a>\n        <a data-la-item=\"pagina\" href=\"https:\/\/lainf.ibict.br\/?page_id=173\" data-desc=\"Telefone e e-mails para falar com o laborat\u00f3rio\" data-chaves=\"contatos contato email telefone fale conosco falar\">Contatos<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Ana Luiza Gregorio Vidotti<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Ana Maria Jensen Ferreira da Costa Ferreira<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Arthur Ferreira Campos<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Caio Saraiva Coneglian<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Clara Duarte Coelho<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Emanuelle Torino<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Everson Andrade dos Reis<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Fernanda Alves Sanchez<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Fernando Luiz Vechiato<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Guilherme Ata\u00edde Dias<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Gustavo Camossi<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Henry Poncio Cruz de Oliveira<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Isabela Gomes Parucker<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Jean Fernandes Brito<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Julya Primo Vieira de Lima<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">La\u00eds Barbudo Carrasco<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Leonardo Hermes Lemos<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Lucirene Andr\u00e9a Catini Lanzi<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Mariana Baptista Brandt<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Maristela Ferreira Medeiros<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Mateus Benites Dias<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Mayara Helena Fonseca dos Santos<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Miguel Ara\u00fajo da Cunha<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Pesquisadores\">Silvana Aparecida Borsetti Gregorio Vidotti<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Cleriene Feitosa de Moura Arantes<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Katyusha Madureira Loures de Souza<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Marcel Santos Silva<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Paulo Henrique Fusco<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Ricardo Haacke Suppion<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Suellen Elise Timm Barros<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Estudantes\">Tiago Fogolin Ragassi<\/a>\n        <a data-la-item=\"membro\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\" data-desc=\"Colaboradores estrangeiros\">Sandra Milena Roa Mart\u00ednez<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       2. NAVEGUE PELO SITE\n       ------------------------------------------------------------\n       A ordem abaixo \u00e9 a do menu do site, confirmada em 14\/08\/2026:\n       Agenda de reuni\u00f5es \u2192 Apresenta\u00e7\u00e3o \u2192 Linhas de pesquisa \u2192\n       Membros \u2192 Contatos.\n       SE O MENU MUDAR: mova o bloco <a class=\"la-nav-cartao\">\n       inteiro e acerte o n\u00famero em <span class=\"la-nav-ordem\">,\n       que n\u00e3o \u00e9 calculado sozinho. A mesma ordem vale para a\n       lista do \u00edndice de busca, na se\u00e7\u00e3o 1.\n       ============================================================ -->\n  <section class=\"la-secao\" aria-labelledby=\"la-tit-nav\">\n    <p class=\"la-selo\">Navegue pelo site<\/p>\n    <h2 class=\"la-h2\" id=\"la-tit-nav\">As p\u00e1ginas do LAInf, na ordem do menu<\/h2>\n    <p class=\"la-apoio\">Cada cart\u00e3o leva a uma se\u00e7\u00e3o do site.<\/p>\n\n    <div class=\"la-nav-grade\">\n\n      <a class=\"la-nav-cartao\" href=\"https:\/\/lainf.ibict.br\/?page_id=165\">\n        <span class=\"la-nav-ordem\">01<\/span>\n        <span class=\"la-nav-t\">Agenda de reuni\u00f5es<\/span>\n        <span class=\"la-nav-d\">Hist\u00f3rico das reuni\u00f5es do grupo, com pauta e textos-base.<\/span>\n      <\/a>\n      <a class=\"la-nav-cartao\" href=\"https:\/\/lainf.ibict.br\/?page_id=155\">\n        <span class=\"la-nav-ordem\">02<\/span>\n        <span class=\"la-nav-t\">Apresenta\u00e7\u00e3o<\/span>\n        <span class=\"la-nav-d\">O que \u00e9 o laborat\u00f3rio, como surgiu e como se organiza.<\/span>\n      <\/a>\n      <a class=\"la-nav-cartao\" href=\"https:\/\/lainf.ibict.br\/?page_id=167\">\n        <span class=\"la-nav-ordem\">03<\/span>\n        <span class=\"la-nav-t\">Linhas de pesquisa<\/span>\n        <span class=\"la-nav-d\">Os temas que orientam as investiga\u00e7\u00f5es do grupo.<\/span>\n      <\/a>\n      <a class=\"la-nav-cartao\" href=\"https:\/\/lainf.ibict.br\/?page_id=157\">\n        <span class=\"la-nav-ordem\">04<\/span>\n        <span class=\"la-nav-t\">Membros<\/span>\n        <span class=\"la-nav-d\">L\u00edderes, pesquisadores e estudantes vinculados ao LAInf.<\/span>\n      <\/a>\n      <a class=\"la-nav-cartao\" href=\"https:\/\/lainf.ibict.br\/?page_id=173\">\n        <span class=\"la-nav-ordem\">05<\/span>\n        <span class=\"la-nav-t\">Contatos<\/span>\n        <span class=\"la-nav-d\">Canais para d\u00favidas, propostas de colabora\u00e7\u00e3o e pedidos de informa\u00e7\u00e3o.<\/span>\n      <\/a>\n\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       3. EM DESTAQUE \u2014 a pr\u00f3xima reuni\u00e3o e a \u00faltima realizada\n       ------------------------------------------------------------\n       COMO ATUALIZAR (toda semana, depois da reuni\u00e3o):\n       1. Copie o conte\u00fado do cart\u00e3o \"Pr\u00f3xima reuni\u00e3o\" para dentro\n          do cart\u00e3o \"\u00daltima reuni\u00e3o realizada\".\n       2. Preencha o cart\u00e3o \"Pr\u00f3xima reuni\u00e3o\" com a nova data.\n       Os mesmos dados devem constar na p\u00e1gina Agenda de reuni\u00f5es.\n\n       Se n\u00e3o houver pr\u00f3xima reuni\u00e3o marcada (recesso, por\n       exemplo), apague o <article class=\"la-dest la-dest-realce\">\n       inteiro: o cart\u00e3o da \u00faltima realizada ocupa a largura toda\n       sozinho, sem quebrar o layout.\n       ============================================================ -->\n  <section class=\"la-secao\" aria-labelledby=\"la-tit-dest\">\n    <p class=\"la-selo\">Em destaque<\/p>\n    <h2 class=\"la-h2\" id=\"la-tit-dest\">Reuni\u00f5es do grupo<\/h2>\n    <p class=\"la-apoio\">O LAInf se re\u00fane semanalmente para discutir textos e pesquisas em andamento. Os encontros acontecem por videoconfer\u00eancia, no Google Meet.<\/p>\n\n    <div class=\"la-dest-grade\">\n\n      <!-- ============================================================\n           DOIS CART\u00d5ES: a pr\u00f3xima reuni\u00e3o e a \u00faltima realizada.\n\n           COMO ATUALIZAR, depois de cada reuni\u00e3o:\n           1. Copie o conte\u00fado do cart\u00e3o \"Pr\u00f3xima reuni\u00e3o\" para\n              dentro do cart\u00e3o \"\u00daltima reuni\u00e3o realizada\".\n           2. Preencha o cart\u00e3o \"Pr\u00f3xima reuni\u00e3o\" com a nova data.\n           Os mesmos dados devem constar na p\u00e1gina Agenda de reuni\u00f5es.\n\n           SE N\u00c3O HOUVER PR\u00d3XIMA REUNI\u00c3O MARCADA (recesso, por\n           exemplo), apague o <article class=\"la-dest la-dest-realce\">\n           inteiro: o cart\u00e3o restante ocupa a largura toda sozinho,\n           sem quebrar o layout. Nesse caso vale trocar o r\u00f3tulo do\n           que sobrar para \"\u00daltima reuni\u00e3o realizada\".\n           ============================================================ -->\n\n      <article class=\"la-dest la-dest-realce\">\n        <p class=\"la-dest-rot\">Pr\u00f3xima reuni\u00e3o<\/p>\n        <p class=\"la-dest-quando\">\n          18 de setembro de 2026\n          <span class=\"la-dest-hora\">11h<\/span>\n        <\/p>\n        <p class=\"la-dest-pauta\">\n          Apresenta\u00e7\u00e3o da Profa. Dra. Mari\u00e2ngela Spotti Lopes Fujita sobre <em>A atua\u00e7\u00e3o e forma\u00e7\u00e3o do bibliotec\u00e1rio com ferramentas de IA: principais quest\u00f5es e perspectivas<\/em>.\n        <\/p>\n        <!-- Texto-base, se houver. Modelo de link externo:\n        <span class=\"la-dest-fonte\">\n          Texto base: <a href=\"URL\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"T\u00edtulo (abre em nova guia)\"><em>T\u00edtulo<\/em><\/a> (Autor, ano).\n        <\/span>\n        -->\n        <p class=\"la-dest-link\"><a href=\"https:\/\/lainf.ibict.br\/?page_id=165\">Ver a agenda completa<\/a><\/p>\n      <\/article>\n\n      <article class=\"la-dest\">\n        <p class=\"la-dest-rot\">\u00daltima reuni\u00e3o realizada<\/p>\n        <p class=\"la-dest-quando\">\n          11 de setembro de 2026\n          <span class=\"la-dest-hora\">11h<\/span>\n        <\/p>\n        <p class=\"la-dest-pauta\">\n          Apresenta\u00e7\u00e3o do Me. Marcel Santos (Unesp) sobre <em>Smart City: governan\u00e7a de dados e arquitetura sem\u00e2ntica urbana como elos de transforma\u00e7\u00e3o<\/em>.\n        <\/p>\n        <p class=\"la-dest-link\"><a href=\"https:\/\/lainf.ibict.br\/?page_id=165\">Ver reuni\u00f5es anteriores<\/a><\/p>\n      <\/article>\n\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       4. CONTATO\n       CONFERIR: telefone e e-mails vieram da p\u00e1gina Contatos.\n       ============================================================ -->\n  <section class=\"la-secao\" aria-labelledby=\"la-tit-contato\">\n    <p class=\"la-selo\">Contato<\/p>\n    <h2 class=\"la-h2\" id=\"la-tit-contato\">Fale com o laborat\u00f3rio<\/h2>\n    <p class=\"la-apoio\">D\u00favidas sobre as pesquisas, propostas de colabora\u00e7\u00e3o e pedidos de informa\u00e7\u00e3o.<\/p>\n\n    <div class=\"la-contato-grade\">\n\n      <div class=\"la-ct\">\n        <p class=\"la-ct-rot\">Telefone<\/p>\n        <a class=\"la-ct-valor\" href=\"tel:+556132176344\">(61) 3217-6344<\/a>\n        <p class=\"la-ct-nota\">Atendimento em hor\u00e1rio comercial.<\/p>\n      <\/div>\n\n      <div class=\"la-ct\">\n        <p class=\"la-ct-rot\">E-mail<\/p>\n        <a class=\"la-ct-valor\" href=\"mailto:lainf@ibict.br\">lainf@ibict.br<\/a>\n        <p class=\"la-ct-nota\">Assuntos do laborat\u00f3rio.<\/p>\n      <\/div>\n\n      <div class=\"la-ct\">\n        <p class=\"la-ct-rot\">E-mail<\/p>\n        <a class=\"la-ct-valor\" href=\"mailto:cotea@ibict.br\">cotea@ibict.br<\/a>\n        <p class=\"la-ct-nota\">Coordena\u00e7\u00e3o de Tecnologias Aplicadas do Ibict.<\/p>\n      <\/div>\n\n    <\/div>\n\n    <p style=\"margin-top:18px;\"><a href=\"https:\/\/lainf.ibict.br\/?page_id=173\">Ver todos os canais de contato<\/a><\/p>\n  <\/section>\n\n  <!-- ============================================================\n       5. VINCULA\u00c7\u00c3O INSTITUCIONAL\n       ------------------------------------------------------------\n       Ibict e MCTI, com as imagens que j\u00e1 estavam na home antiga.\n       Traz tamb\u00e9m o selo do CNPq que existia naquela p\u00e1gina.\n       ============================================================ -->\n  <div class=\"la-vinculo\">\n    <p class=\"la-vinculo-rot\">Vincula\u00e7\u00e3o institucional<\/p>\n\n    <!-- As imagens s\u00e3o as que j\u00e1 estavam na p\u00e1gina inicial antiga do\n         site (Biblioteca de M\u00eddia do pr\u00f3prio LAInf), por isso os\n         endere\u00e7os s\u00e3o reais e n\u00e3o placeholders.\n         O alt descreve a institui\u00e7\u00e3o \u2014 n\u00e3o escreva \"logo\" nem\n         \"imagem\": o leitor de tela j\u00e1 anuncia que \u00e9 uma imagem. -->\n    <div class=\"la-vinculo-marcas\">\n      <a href=\"https:\/\/www.gov.br\/ibict\/pt-br\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instituto Brasileiro de Informa\u00e7\u00e3o em Ci\u00eancia e Tecnologia (abre em nova guia)\">\n        <img decoding=\"async\" src=\"https:\/\/lainf.ibict.br\/wp-content\/uploads\/2026\/01\/22.png\" alt=\"Instituto Brasileiro de Informa\u00e7\u00e3o em Ci\u00eancia e Tecnologia\">\n      <\/a>\n      <a href=\"https:\/\/www.gov.br\/mcti\/pt-br\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Minist\u00e9rio da Ci\u00eancia, Tecnologia e Inova\u00e7\u00e3o (abre em nova guia)\">\n        <img decoding=\"async\" src=\"https:\/\/lainf.ibict.br\/wp-content\/uploads\/2026\/01\/32.png\" alt=\"Minist\u00e9rio da Ci\u00eancia, Tecnologia e Inova\u00e7\u00e3o\">\n      <\/a>\n    <\/div>\n\n    <!-- Este selo existia na p\u00e1gina inicial antiga; mantido para\n         n\u00e3o se perder na troca. Para tirar, apague o <p> inteiro. -->\n    <p class=\"la-vinculo-cnpq\">\n      <a href=\"http:\/\/dgp.cnpq.br\/dgp\/espelhogrupo\/826885\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Espelho do grupo no Diret\u00f3rio de Grupos de Pesquisa do CNPq (abre em nova guia)\">Grupo de pesquisa certificado pelo CNPq<\/a>\n    <\/p>\n\n    <p class=\"la-credito\">Desenvolvido pelo LAInf\/Ibict<\/p>\n  <\/div>\n\n<\/div>\n\n<script>\n\/* ============================================================\n   Autocomplete da busca \u2014 melhoria progressiva.\n   Sem JavaScript, o campo continua sendo um formul\u00e1rio GET\n   comum, que cai na busca nativa do WordPress.\n   ------------------------------------------------------------\n   O \u00edndice sai do <div class=\"la-indice-dados\"> da se\u00e7\u00e3o 1, que\n   n\u00e3o aparece na tela. N\u00e3o h\u00e1 nenhuma chamada de rede: a REST\n   API deste servidor n\u00e3o responde (as consultas voltam como\n   p\u00e1gina HTML). Como o LAInf tem cinco p\u00e1ginas, o \u00edndice local\n   cobre o site inteiro.\n   ------------------------------------------------------------\n   POR QUE OS EVENTOS S\u00c3O OUVIDOS NO DOCUMENTO INTEIRO:\n   plugins de cache e otimiza\u00e7\u00e3o costumam mover, adiar ou juntar\n   scripts embutidos. Se este c\u00f3digo rodar antes de o HTML\n   existir, um addEventListener preso ao campo falharia em\n   sil\u00eancio. Ouvindo no document e localizando o campo na hora\n   do evento, funciona em qualquer ordem de carregamento.\n   ------------------------------------------------------------\n   PARA DIAGNOSTICAR: abra o console do navegador (tecla F12).\n   Qualquer falha aqui aparece com o prefixo \"LAInf:\".\n   ============================================================ *\/\n(function(){\n  var ID_CAMPO = 'la-campo-busca';\n  var indice = null;\n  function limpar(t){\n    return (t||'').toLowerCase()\n      .normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'')\n      .replace(\/\\s+\/g,' ').trim();\n  }\n  function escapar(t){\n    return (t||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;')\n                  .replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n  \/* vers\u00e3o sem acento e min\u00fascula do MESMO comprimento do\n     original \u2014 \u00e9 o que permite marcar as posi\u00e7\u00f5es certas *\/\n  function planificar(t){\n    var saida = '';\n    for(var i = 0; i < t.length; i++){\n      var c = t.charAt(i).normalize('NFD').replace(\/[\\u0300-\\u036f]\/g,'').toLowerCase();\n      saida += (c.length === 1 ? c : (c.charAt(0) || t.charAt(i)));\n    }\n    return saida;\n  }\n  \/* real\u00e7a os termos digitados; trechos de 1 a 2 letras n\u00e3o s\u00e3o\n     real\u00e7ados porque marcariam meia linha sem ajudar a ler *\/\n  function realcar(texto, termos){\n    var t = texto || '', plano = planificar(t), marcas = [];\n    termos.filter(function(x){ return x.length >= 3; }).forEach(function(x){\n      var pos = 0, i;\n      while((i = plano.indexOf(x, pos)) !== -1){\n        for(var k = i; k < i + x.length; k++){ marcas[k] = true; }\n        pos = i + x.length;\n      }\n    });\n    var saida = '', dentro = false;\n    for(var j = 0; j < t.length; j++){\n      if(marcas[j] &#038;&#038; !dentro){ saida += '<mark>'; dentro = true; }\n      if(!marcas[j] && dentro){ saida += '<\/mark>'; dentro = false; }\n      saida += escapar(t.charAt(j));\n    }\n    return dentro ? saida + '<\/mark>' : saida;\n  }\n  \/* o \u00edndice \u00e9 montado na primeira digita\u00e7\u00e3o, a partir do HTML *\/\n  function montarIndice(){\n    var lista = [];\n    var nos = document.querySelectorAll('.la-indice-dados [data-la-item]');\n    Array.prototype.forEach.call(nos, function(a){\n      var titulo = (a.textContent || '').replace(\/\\s+\/g,' ').trim();\n      var url = a.getAttribute('href');\n      if(!titulo || !url) return;\n      var membro = (a.getAttribute('data-la-item') === 'membro');\n      lista.push({\n        titulo: titulo,\n        desc:   a.getAttribute('data-desc') || '',\n        chaves: a.getAttribute('data-chaves') || '',\n        url:    url,\n        membro: membro,\n        grupo:  (membro ? 'Membros do grupo' : '')\n      });\n    });\n    if(!lista.length && window.console && console.warn){\n      console.warn('LAInf: indice de busca vazio. O bloco .la-indice-dados nao foi encontrado na pagina.');\n    }\n    return lista;\n  }\n  function buscar(termo){\n    if(indice === null){ indice = montarIndice(); }\n    var termos = limpar(termo).split(' ').filter(Boolean);\n    if(!termos.length) return [];\n    var semEspaco = limpar(termo).replace(\/ \/g,'').length;\n    var paginas = [], membros = [];\n    indice.forEach(function(p){\n      var t = limpar(p.titulo), d = limpar(p.desc), c = limpar(p.chaves);\n      if(p.membro){\n        \/* nomes entram a partir de 3 letras: com 2 viriam dezenas *\/\n        if(semEspaco < 3) return;\n        if(!termos.every(function(x){ return t.indexOf(x) !== -1; })) return;\n        var partes = t.split(' '), pontos = 0;\n        termos.forEach(function(x){\n          \/* inicio de nome ou sobrenome vale mais que trecho no meio *\/\n          if(partes.some(function(w){ return w.indexOf(x) === 0; })){ pontos += 3; }\n          else { pontos += 1; }\n        });\n        membros.push({r:p, pontos:pontos});\n      } else {\n        var forte = 0, fraco = 0;\n        termos.forEach(function(x){\n          if(t.indexOf(x) === 0){ forte += 4; }\n          else if(t.indexOf(x) !== -1){ forte += 3; }\n          else if(c.indexOf(x) !== -1){ forte += 2; }\n          else if(d.indexOf(x) !== -1){ fraco += 1; }\n        });\n        if((forte + fraco) >= termos.length){\n          paginas.push({r:p, pontos:forte+fraco, forte:forte});\n        }\n      }\n    });\n    \/* se algo bate no titulo ou nas chaves, o que so bate na\n       descricao sai: e ruido *\/\n    if(paginas.some(function(o){ return o.forte > 0; })){\n      paginas = paginas.filter(function(o){ return o.forte > 0; });\n    }\n    paginas.sort(function(a,b){ return b.pontos - a.pontos; });\n    membros.sort(function(a,b){\n      return b.pontos - a.pontos || a.r.titulo.localeCompare(b.r.titulo, 'pt-BR');\n    });\n    return paginas.slice(0,6).map(function(o){ return o.r; })\n      .concat(membros.slice(0,6).map(function(o){ return o.r; }));\n  }\n  function painelDe(campo){\n    var envolto = campo.parentNode;\n    return envolto ? envolto.querySelector('.la-sugestoes') : null;\n  }\n  function fechar(campo){\n    var painel = painelDe(campo);\n    if(!painel) return;\n    painel.hidden = true;\n    painel.innerHTML = '';\n    campo.setAttribute('aria-expanded','false');\n    campo.removeAttribute('aria-activedescendant');\n    campo.removeAttribute('data-marcado');\n  }\n  function desenhar(campo, lista, termo){\n    var painel = painelDe(campo);\n    if(!painel) return;\n    if(!lista.length){ fechar(campo); return; }\n    var termos = limpar(termo).split(' ').filter(Boolean);\n    var html = '', grupoAberto = '';\n    lista.forEach(function(r, i){\n      if(r.grupo && r.grupo !== grupoAberto){\n        html += '<li class=\"la-sug-grupo\" role=\"presentation\">' + escapar(r.grupo) + '<\/li>';\n        grupoAberto = r.grupo;\n      }\n      html += '<li class=\"la-sug\" role=\"option\" id=\"la-sug-' + i + '\" aria-selected=\"false\" data-url=\"' + escapar(r.url) + '\">'\n            +   '<span class=\"la-sug-t\">' + realcar(r.titulo, termos) + '<\/span>'\n            +   (r.desc ? '<span class=\"la-sug-d\">' + realcar(r.desc, termos) + '<\/span>' : '')\n            + '<\/li>';\n    });\n    painel.innerHTML = html;\n    painel.hidden = false;\n    campo.setAttribute('aria-expanded','true');\n    campo.setAttribute('data-marcado','-1');\n  }\n  function marcar(campo, passo){\n    var painel = painelDe(campo);\n    if(!painel || painel.hidden) return;\n    var opcoes = painel.querySelectorAll('.la-sug');\n    if(!opcoes.length) return;\n    var atual = parseInt(campo.getAttribute('data-marcado'), 10);\n    if(isNaN(atual)){ atual = -1; }\n    if(atual > -1 && opcoes[atual]){ opcoes[atual].setAttribute('aria-selected','false'); }\n    var novo;\n    if(passo === 'inicio'){ novo = 0; }\n    else if(passo === 'fim'){ novo = opcoes.length - 1; }\n    else { novo = (atual + passo + opcoes.length) % opcoes.length; }\n    opcoes[novo].setAttribute('aria-selected','true');\n    campo.setAttribute('data-marcado', String(novo));\n    campo.setAttribute('aria-activedescendant', opcoes[novo].id);\n    if(opcoes[novo].scrollIntoView){ opcoes[novo].scrollIntoView({block:'nearest'}); }\n  }\n  function abrir(el){\n    var url = el && el.getAttribute('data-url');\n    if(url){ window.location.href = url; }\n  }\n  \/* ---- Eventos, todos ouvidos no documento ---- *\/\n  document.addEventListener('input', function(e){\n    try{\n      var campo = e.target;\n      if(!campo || campo.id !== ID_CAMPO) return;\n      var termo = campo.value.trim();\n      if(termo.length < 2){ fechar(campo); return; }\n      desenhar(campo, buscar(termo), termo);\n    }catch(erro){\n      if(window.console &#038;&#038; console.warn){ console.warn('LAInf: falha ao montar as sugestoes.', erro); }\n    }\n  });\n  document.addEventListener('keydown', function(e){\n    try{\n      var campo = e.target;\n      if(!campo || campo.id !== ID_CAMPO) return;\n      var painel = painelDe(campo);\n      if(!painel || painel.hidden) return;\n      if(e.key === 'ArrowDown'){ e.preventDefault(); marcar(campo, 1); }\n      else if(e.key === 'ArrowUp'){ e.preventDefault(); marcar(campo, -1); }\n      else if(e.key === 'Home'){ e.preventDefault(); marcar(campo, 'inicio'); }\n      else if(e.key === 'End'){ e.preventDefault(); marcar(campo, 'fim'); }\n      else if(e.key === 'Enter'){\n        var i = parseInt(campo.getAttribute('data-marcado'), 10);\n        if(!isNaN(i) &#038;&#038; i > -1){\n          e.preventDefault();\n          abrir(painel.querySelectorAll('.la-sug')[i]);\n        }\n      }\n      else if(e.key === 'Escape' || e.key === 'Tab'){ fechar(campo); }\n    }catch(erro){\n      if(window.console && console.warn){ console.warn('LAInf: falha na navegacao por teclado.', erro); }\n    }\n  });\n  document.addEventListener('mousedown', function(e){\n    try{\n      var no = e.target;\n      var sug = (no && no.closest) ? no.closest('.la-sugestoes .la-sug') : null;\n      if(sug){ e.preventDefault(); abrir(sug); return; }\n      var campo = document.getElementById(ID_CAMPO);\n      if(campo && (!no || !no.closest || !no.closest('.la-form'))){ fechar(campo); }\n    }catch(erro){\n      if(window.console && console.warn){ console.warn('LAInf: falha ao abrir a sugestao.', erro); }\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Busca O que voc\u00ea procura no site do LAInf? Buscar no site do LAInf Buscar Use as setas para percorrer as sugest\u00f5es e Enter para abrir. Esc fecha a lista. Agenda de reuni\u00f5es Apresenta\u00e7\u00e3o Linhas de pesquisa Membros Contatos Ana Luiza Gregorio Vidotti Ana Maria Jensen Ferreira da Costa Ferreira [&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-247","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/247","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=247"}],"version-history":[{"count":9,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=\/wp\/v2\/pages\/247\/revisions\/425"}],"wp:attachment":[{"href":"https:\/\/lainf.ibict.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=247"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}