Exibir código-fonte para TutoriaisOLD

{{Cabecalho
 | [[Tutoriais]]
 | no
}}
__NOTOC__
<div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; align-items: flex-start;">
__NOTOC__
<div style="display: flex; gap: 20px; justify-content: center; flex-wrap: wrap; align-items: flex-start;">

<div style="flex: 0 0 280px; max-width: 280px;">
<div style="background: #f8f9fa; padding: 15px; border-radius: 8px; border: 1px solid #ddd;">
<div style="font-weight: bold; color: #666; margin-bottom: 10px; text-transform: uppercase; font-size: 0.85em;">Menu do Sistema</div>

<div style="margin-bottom: 4px;">
[[Módulo_Principal|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-house-door"></i></span><span style="font-weight: 600;">Principal</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Estoque|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-box-seam"></i></span><span style="font-weight: 600;">Estoque</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Financeiro|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-cash-coin"></i></span><span style="font-weight: 600;">Financeiro</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Vendas|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-receipt"></i></span><span style="font-weight: 600;">Vendas</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Compras|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-bag"></i></span><span style="font-weight: 600;">Compras</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Gerencial|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-calculator"></i></span><span style="font-weight: 600;">Gerencial</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Pessoal|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-people"></i></span><span style="font-weight: 600;">Pessoal</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Supermercado|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-cart4"></i></span><span style="font-weight: 600;">Supermercado</span></span>]]
</div>

<div style="margin-bottom: 4px;">
[[Módulo_Ferramentas|<span style="display: flex; align-items: center; padding: 6px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; color: #333; text-decoration: none;"><span style="font-size: 1.2rem; margin-right: 12px;"><i class="bi bi-wrench"></i></span><span style="font-weight: 600;">Ferramentas</span></span>]]
</div>
</div>
</div>

<div style="flex: 1; min-width: 300px; max-width: 600px;">

<div style="background: #ffffff; padding: 15px; border: 1px solid #eaeaea; border-top: 3px solid #d9534f; border-radius: 4px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
<h3 style="margin-top:0; color: #d9534f; font-size: 1.1em; margin-bottom: 8px;"><i class="bi bi-laptop"></i> FrontCash (PDV)</h3>
<div style="line-height: 1.5; font-size: 0.95em;">
* [[Importar carga completa]]
* [[Abertura e Fechamento de Caixa]]
* [[Configuração de Impressora no PDV]]
</div>
</div>

<div style="background: #ffffff; padding: 15px; border: 1px solid #eaeaea; border-top: 3px solid #27ae60; border-radius: 4px; margin-bottom: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
<h3 style="margin-top:0; color: #27ae60; font-size: 1.1em; margin-bottom: 8px;"><i class="bi-patch-check"></i> Oficiais</h3>
<div style="line-height: 1.5; font-size: 0.95em;">
* [[Pegando contra-senha no site|Como pegar a "Contra-Senha" pelo site]]
</div>
</div>

<div style="background: #ffffff; padding: 15px; border: 1px solid #eaeaea; border-top: 3px solid #0275d8; border-radius: 4px; box-shadow: 0 2px 5px rgba(0,0,0,0.05);">
<h3 style="margin-top:0; color: #0275d8; font-size: 1.1em; margin-bottom: 8px;"><i class="bi bi-info-circle-fill"></i> Gerais</h3>
<div style="line-height: 1.5; font-size: 0.95em;">
* [[Ativação de verificação em 2 Etapas (Gmail)|Gmail - Ativar a verificação em duas etapas]]
* [[Configurando Senha de App para envio de e-mail|Gmail - Como gerar Senhas de App]]
* [[Assinatura Digital Gov.BR|GOV.BR - Assinatura Eletrônica]]
</div>
</div>

</div>
</div>