
<header class="site-header">
  <div class="container nav">
    <a class="brand" data-route href="/" aria-label="Intelectus® Soluções Pedagógicas — início"><img src="/logo.png" alt="Intelectus® Soluções Pedagógicas"></a>
    <nav class="menu" aria-label="Navegação principal">
      <a data-route href="/">Início</a>
      <div class="products-wrap"><button class="products-btn" type="button" aria-haspopup="true">Produtos⌄</button><div class="dropdown">
        <a data-route href="/produtos/avalia">Intelectus Avalia®</a>
        <a data-route href="/produtos/planner">Intelectus Planner®</a>
        <a data-route href="/produtos/scribe">Intelectus Scribe®</a>
        <a data-route href="/produtos/futuro">Intelectus Futuro®</a>
        <a data-route href="/planos-e-creditos">Planos e Créditos</a>
      </div></div>
      <a data-route href="/formacao">Formação</a>
      <a data-route href="/institucional">Institucional</a>
      <a data-route href="/blog">Conteúdos</a>
      <a data-route href="/contato">Contato</a>
    </nav>
    <div class="actions"><a class="btn btn-outline" data-route href="/contato">Fale Conosco</a><a class="btn btn-primary" data-route href="/contratar">Solicitar Demonstração</a><button class="mobile-toggle" type="button" aria-label="Abrir menu">☰</button></div>
  </div>
  <div class="mobile-panel">
    <a data-route href="/">Início</a><a data-route href="/produtos">Produtos</a><a data-route href="/formacao">Formação</a><a data-route href="/palestras">Palestras</a><a data-route href="/para-escolas">Para Escolas</a><a data-route href="/materiais">Materiais</a><a data-route href="/institucional">Institucional</a><a data-route href="/blog">Conteúdos</a><a data-route href="/contato">Contato</a>
  </div>
</header>
<main id="app" tabindex="-1"></main>
<footer class="footer">
  <div class="container footer-main">
    <a class="footer-logo" data-route href="/"><img src="/logo.png" alt="Intelectus® Soluções Pedagógicas"></a>
    <p class="purpose">Nosso propósito é conectar educadores e estudantes a soluções que impulsionam o aprendizado e o futuro.</p>
    <div class="proof"><span><i>✓</i><b>Tecnologia educacional<br>de confiança</b></span><span><i>◎</i><b>Desenvolvido por educadores<br>para educadores</b></span><span><i>⌾</i><b>Segurança e privacidade<br>como princípio</b></span></div>
    <div class="social"><small>Siga a Intelectus®</small><a href="https://www.instagram.com/intelectus_solucoespedagogicas/" target="_blank" rel="noopener noreferrer" aria-label="Instagram da Intelectus®">Instagram</a></div>
  </div>
  <div class="container footer-bottom"><span>© 2026 Intelectus® Soluções Pedagógicas.</span><span><a data-route href="/politica-de-privacidade">Privacidade</a> · <a data-route href="/termos-de-uso">Termos</a> · <a data-route href="/seguranca">Segurança</a> · <a data-route href="/ia-responsavel">IA Responsável</a></span></div>
</footer>
<div class="modal" id="videoModal" role="dialog" aria-modal="true" aria-label="Vídeo de apresentação"><div class="modal-card"><div class="modal-head"><strong>Vídeo de apresentação do Portal Intelectus®</strong><button id="closeModal" aria-label="Fechar">×</button></div><iframe src="https://drive.google.com/file/d/1Yrt5IfXfv7ueTN0gaAsdd2RbdctgWouz/preview" title="Vídeo de apresentação do Portal Intelectus®" allow="autoplay; fullscreen"></iframe></div></div>

