<div style="max-width: 1100px; margin: auto; background: #fff; font-family: 'Segoe UI', -apple-system, sans-serif; border: 1px solid #e0e0e0; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.05);">
<div style="background: linear-gradient(90deg, #002f6c 0%, #004a8e 100%); color: white; padding: 40px; text-align: center;">
<h1 style="color: #fff; margin: 10px 0; font-size: 28px; font-weight: bold; letter-spacing: -0.5px;">Boleto Híbrido no TOTVS Educacional</h1>
<p style="margin: 10px auto 0; font-size: 16px; opacity: 0.9; max-width: 800px; line-height: 1.5;">
A agilidade do PIX com a tradicional segurança do Boleto Registrado. Uma experiência sem atrito para o aluno e automação total para a sua Instituição de Ensino.
</p>
</div>
<div style="padding: 40px 40px 20px;">
<div style="display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 40px; align-items: start;">
<div>
<h2 style="color: #004a8e; font-size: 20px; margin-top: 0; border-left: 5px solid #004a8e; padding-left: 12px; font-weight: bold;">O que é o Boleto Híbrido?</h2>
<p style="font-size: 14px; color: #444; line-height: 1.6; margin-bottom: 20px; text-align: justify;">
É uma solução moderna de pagamento que unifica o boleto bancário tradicional e o pagamento instantâneo via Pix em um único documento e processo integrado.
O grande diferencial para a sua equipe financeira está nos bastidores: <strong>integração direta com o banco via API</strong>. Isso significa o fim definitivo do envio manual de arquivos de remessa e do processamento de arquivos de retorno.
</p>
<div style="background: #ffffff; color: #004a8e; padding: 16px 20px; border-radius: 8px; font-size: 14px; font-weight: bold; display: flex; align-items: center; border: 1px solid #f0f4f8; box-shadow: 0 4px 14px rgba(0, 74, 142, 0.12), 0 1px 3px rgba(0, 0, 0, 0.05);">
<span style="font-size: 18px; margin-right: 12px; filter: drop-shadow(0 1px 2px rgba(0,74,142,0.2));">⚡</span>
<span>Processo simplificado, rápido, rastreável e 100% automatizado!</span>
</div>
</div>
<div style="background: #f8f9fa; border: 1px solid #f; border-radius: 10px; padding: 22px; box-shadow: inset 0 1px 3px rgba(0,0,0,0.02);">
<h4 style="margin: 0 0 15px; color: #333; font-size: 13px; font-weight: bold; text-align: center; text-transform: uppercase; letter-spacing: 0.5px;">Vantagens Estratégicas</h4>
<table style="width: 100%; border-collapse: collapse; font-size: 12px;">
<tr>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #004a8e; font-weight: bold;">✓ Flexibilidade</td>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #555; text-align: right;">Boleto ou PIX na mesma tela</td>
</tr>
<tr>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #004a8e; font-weight: bold;">✓ Confirmação Imediata</td>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #555; text-align: right;">Baixa em tempo real</td>
</tr>
<tr>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #004a8e; font-weight: bold;">✓ Eficiência Operacional</td>
<td style="padding: 10px 0; border-bottom: 1px solid #eee; color: #555; text-align: right;">Sem arquivos de remessa</td>
</tr>
<tr>
<td style="padding: 10px 0; color: #004a8e; font-weight: bold;">✓ Rastreabilidade</td>
<td style="padding: 10px 0; color: #555; text-align: right;">Sincronismo direto via RM</td>
</tr>
</table>
</div>
</div>
</div>
<div style="padding: 30px 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0; margin: 20px 0; background: #fafafa;">
<h3 style="color: #004a8e; font-size: 15px; margin: 0 0 25px 0; font-weight: bold; letter-spacing: 0.5px;">
🔄 Jornada de Cobrança Híbrida: Da Emissão ao Recebimento
</h3>
<div style="display: flex; justify-content: space-between; gap: 20px;">
<div style="flex: 1; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.02);">
<span style="font-size: 20px; font-weight: 800; color: #004a8e; display: block; margin-bottom: 8px;">01</span>
<strong style="font-size: 14px; color: #002f6c; display: block; margin-bottom: 8px;">Parametrização</strong>
<p style="font-size: 12px; color: #666; margin: 0; line-height: 1.5;">A instituição define quais serviços utilizarão o Boleto Híbrido.</p>
</div>
<div style="flex: 1; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.02);">
<span style="font-size: 20px; font-weight: 800; color: #004a8e; display: block; margin-bottom: 8px;">02</span>
<strong style="font-size: 14px; color: #002f6c; display: block; margin-bottom: 8px;">Solicitação</strong>
<p style="font-size: 12px; color: #666; margin: 0; line-height: 1.5;">No Portal do Aluno ou Meu eduCONNECT, o responsável financeiro solicita a emissão da guia.</p>
</div>
<div style="flex: 1; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.02);">
<span style="font-size: 20px; font-weight: 800; color: #004a8e; display: block; margin-bottom: 8px;">03</span>
<strong style="font-size: 14px; color: #002f6c; display: block; margin-bottom: 8px;">Registro via API</strong>
<p style="font-size: 12px; color: #666; margin: 0; line-height: 1.5;">O RM envia a requisição online ao banco, que retorna o QRCode, código de barras e a linha digitável.</p>
</div>
<div style="flex: 1; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; box-shadow: 0 2px 6px rgba(0,47,108,0.05);">
<span style="font-size: 20px; font-weight: 800; color: #004a8e; display: block; margin-bottom: 8px;">04</span>
<strong style="font-size: 14px; color: #002f6c; display: block; margin-bottom: 8px;">Disponibilização</strong>
<p style="font-size: 12px; color: #666; margin: 0; line-height: 1.5;">O boleto com layout híbrido é renderizado em tela de forma instantânea.</p>
</div>
</div>
</div>
<div style="margin: 0 40px 10px 40px; background; padding: 15px 20px; border-radius: 6px; font-size: 13px; color: #444444; box-shadow: 0 1px 3px rgba(0,0,0,0.02);">
<p style="margin: 0; line-height: 1.5;">
<strong>💡 Experiência do Aluno Intacta:</strong> Para o usuário final no Portal do Aluno ou Meu eduCONNECT, a usabilidade permanece simples e transparente. A única diferença visível será o layout da fatura atualizada trazendo o <strong>QRCode do PIX próximo do código de barras e da linha digitável</strong>.
</p>
</div>
<div style="margin: 0 40px 20px 40px; background: #fffdf5; border-left: 4px solid #ffb300; padding: 12px 20px; border-radius: 6px; font-size: 14px; color: #5c4300; box-shadow: 0 2px 4px rgba(255,224,130,0.1); text-align: justify;">
<strong>💼 Liberação Comercial:</strong> A fase de testes e implementação ocorre <strong>após a contratação da solução complementar recebe+ Boleto Híbrido</strong>. Certifique-se de que a liberação comercial foi concluída para parametrizar o ambiente.
</div>
<div style="padding: 25px 40px; border-top: 1px solid #f0f0f0; border-bottom: 1px ; margin: 20px 0 0 0; background: #fafafa;">
<h3 style="color: #004a8e; font-size: 15px; margin: 0 0 20px 0; font-weight: bold; letter-spacing: 0.5px;">
<span style="margin-right: 10px; font-size: 15px;">ℹ️ Releases homologadas</span>
</h3>
<p style="font-size: 14px; color: #444; margin: 0 0 15px; line-height: 1.5;">
Para habilitar o Boleto Híbrido no módulo Educacional, o seu ambiente RM deve estar atualizado <strong>a partir da release 12.1.2506 com o patch 321</strong> ou versões superiores listadas abaixo:
</p>
<div style="display: grid; grid-template-columns: repeat(3, minmax(150px, 200px)); gap: 15px; justify-content: center; text-align: center; margin: 0 auto;">
<div style="background: white; border: 1px solid #cbd5e1; padding: 10px; border-radius: 6px; font-family: monospace; font-weight: bold; font-size: 14px; color: #004a8e; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">12.1.2510.248</div>
<div style="background: white; border: 1px solid #cbd5e1; padding: 10px; border-radius: 6px; font-family: monospace; font-weight: bold; font-size: 14px; color: #004a8e; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">12.1.2602.164</div>
<div style="background: white; border: 1px solid #cbd5e1; padding: 10px; border-radius: 6px; font-family: monospace; font-weight: bold; font-size: 14px; color: #004a8e; display: flex; align-items: center; justify-content: center; box-shadow: 0 2px 4px rgba(0,0,0,0.02);">12.1.2606.1</div>
</div>
</div>
<div style="margin: 15px 40px 40px 30px; background: #fff; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.02); overflow: hidden;">
<div style="padding: 20px 25px 0 25px;">
<h3 style="color: #333; font-size: 15px; margin: 0; padding-bottom: 0; font-weight: bold;">🛠️ Ações para a Implantação</h3>
</p>
</div>
<div style="padding: 0 25px 15px 25px;">
<div style="font-size: 14px; color: #444444;">
<div style="padding: 8px 0; border-bottom: 1px solid #f5f5f5;">
<span style="color: #004a8e; font-weight: bold; margin-right: 12px; font-size: 14px;">01.</span>
<strong>Planejar atualização de Ambiente:</strong> Certifique-se de atualizar as bases do RM para os pacotes mínimos exigidos.
</div>
<div style="padding: 8px 0; border-bottom: 1px solid #f5f5f5; line-height: 1.6;">
<span style="color: #004a8e; font-weight: bold; margin-right: 12px; font-size: 14px;">02.</span>
<strong>Parametrizar o RM:</strong> Configure os parâmetros a seguir
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025225590" target="_blank" style="color: #0072ce; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #0072ce;">TOTVS Gestão Financeira</a> ,
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025225609" target="_blank" style="color: #0072ce; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #0072ce;">Layout Bancos e Agências</a> ,
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1040976062" target="_blank" style="color: #0072ce; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #0072ce;">Convênios</a> ,
<a href="https://tdn.totvs.com/display/LRM/Boleto+Hibrido+-+TOTVS+Educacional" target="_blank" style="color: #0072ce; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #0072ce;">TOTVS Educacional</a> e os
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1040976302" target="_blank" style="color: #0072ce; text-decoration: none; font-weight: 600; border-bottom: 1px dashed #0072ce;">Jobs Fracionáveis</a>.
</div>
<div style="padding: 8px 0;">
<span style="color: #004a8e; font-weight: bold; margin-right: 12px; font-size: 14px;">03.</span>
<strong>Mapeamento de Serviços:</strong> Identificar e associar no módulo Educacional quais serviços da matriz de preços utilizarão a cobrança híbrida.
</div>
</div>
</div>
</div>
<div style="background: linear-gradient(90deg, #002f6c 0%, #004a8e 100%); color: white; padding: 20px;">
<div style="display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 30px;">
<div>
<strong style="color: #fff; display: block; margin-bottom: 15px; font-size: 14px; letter-spacing: 0.5px;">📚 Documentações de Apoio:</strong>
<div style="display: grid; grid-template-columns: 1fr; gap: 10px;">
<a href="https://tdn.totvs.com/display/LRM/Boleto+Hibrido+-+TOTVS+Educacional" target="_blank" style="color: #38bdf8; text-decoration: none; font-weight: 500;">• Boleto Hibrido - TOTVS Educacional</a>
<a href="https://tdn.totvs.com.br/pages/releaseview.action?pageId=908344227" target="_blank" style="color: #38bdf8; text-decoration: none; font-weight: 500;">• TOTVS Gestão Financeira - Contas a Pagar e Receber</a>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=864326633" target="_blank" style="color: #38bdf8; text-decoration: none; font-weight: 500;">• Recebe+ Boleto Híbrido TechFin</a>
<a href="https://tdn.totvs.com/pages/viewpage.action?pageId=1025225507" target="_blank" style="color: #38bdf8; text-decoration: none; font-weight: 500;">• Guia de Parametrização, Homologação e Testes</a>
</div>
</div>
</div>
</div>
</div> |