<div id="virachave-app">
<header class="vc-header">
<a class="vc-brand" href="#inicio" aria-label="ViraChave, início"><span class="vc-brand-mark">↗</span><span>Vira<em>Chave</em></span></a>
<button class="vc-menu-toggle" type="button" aria-label="Abrir menu" aria-expanded="false">☰</button>
<nav class="vc-nav" aria-label="Navegação principal">
<a href="#inicio">Início</a><a href="#artigos">Artigos</a><a href="#categorias">Categorias</a>
<a href="#buscar">Buscar</a><a class="vc-nav-cta" href="#painel">Painel editorial ↗</a>
</nav>
</header>
<div id="vc-notice" class="vc-notice" role="status" hidden></div>
<main id="vc-main" tabindex="-1"><p class="vc-loading">Carregando o ViraChave…</p></main>
<footer class="vc-footer">
<a class="vc-brand" href="#inicio"><span class="vc-brand-mark">↗</span><span>Vira<em>Chave</em></span></a>
<p>Novas oportunidades começam com informação.</p>
<a href="#painel">Área editorial ↗</a>
</footer>
</div>