<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infográfico: Reforma Tributária & A Nova Contabilidade</title>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #f8fafc;
}
/* Animação de Scroll */
.reveal {
opacity: 0;
transform: translateY(30px);
transition: all 0.8s ease-out;
}
.reveal.active {
opacity: 1;
transform: translateY(0);
}
/* Custom Timeline Styles */
.timeline-container {
position: relative;
}
.timeline-container::after {
content: '';
position: absolute;
width: 4px;
background-color: #cbd5e1;
top: 0;
bottom: 0;
left: 50%;
margin-left: -2px;
}
@media (max-width: 768px) {
.timeline-container::after {
left: 31px;
}
}
</style>
</head>
<body class="text-slate-800 antialiased">
<!-- Header / Hero Section -->
<header class="bg-gradient-to-br from-blue-900 via-blue-800 to-indigo-900 text-white py-20 px-6 text-center relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-full opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23ffffff\' fill-opacity=\'1\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
<div class="max-w-4xl mx-auto relative z-10">
<span class="bg-blue-500 text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-4 inline-block">Decreto 12.955/2026</span>
<h1 class="text-4xl md:text-6xl font-extrabold mb-6 leading-tight">A Revolução do Sistema Tributário Brasileiro</h1>
<p class="text-lg md:text-xl text-blue-100 font-light max-w-2xl mx-auto">
Uma análise visual da transição para o IVA Dual e a metamorfose estratégica exigida do profissional contábil.
</p>
</div>
</header>
<!-- Section 1: O Que Muda (Antes x Depois) -->
<section class="py-16 px-6 max-w-6xl mx-auto reveal">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-slate-800 mb-4">A Simplificação do Sistema</h2>
<p class="text-slate-500">De 5 tributos fragmentados para um sistema unificado e transparente.</p>
</div>
<div class="grid md:grid-cols-2 gap-8">
<!-- Modelo Antigo -->
<div class="bg-white p-8 rounded-2xl shadow-lg border border-red-100 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-red-500"></div>
<h3 class="text-xl font-bold text-red-600 mb-6 flex items-center">
<i class="fa-solid fa-clock-rotate-left mr-3"></i> Modelo Antigo (Até 2025)
</h3>
<div class="flex flex-wrap gap-3 mb-6">
<span class="bg-red-50 text-red-700 px-4 py-2 rounded-lg font-semibold border border-red-200">PIS</span>
<span class="bg-red-50 text-red-700 px-4 py-2 rounded-lg font-semibold border border-red-200">COFINS</span>
<span class="bg-red-50 text-red-700 px-4 py-2 rounded-lg font-semibold border border-red-200">IPI</span>
<span class="bg-red-50 text-red-700 px-4 py-2 rounded-lg font-semibold border border-red-200">ICMS</span>
<span class="bg-red-50 text-red-700 px-4 py-2 rounded-lg font-semibold border border-red-200">ISS</span>
</div>
<ul class="space-y-3 text-slate-600">
<li><i class="fa-solid fa-xmark text-red-400 mr-2"></i> Cumulatividade ("imposto sobre imposto")</li>
<li><i class="fa-solid fa-xmark text-red-400 mr-2"></i> Guerra fiscal entre estados</li>
<li><i class="fa-solid fa-xmark text-red-400 mr-2"></i> Cálculo "por dentro" (base inflada)</li>
<li><i class="fa-solid fa-xmark text-red-400 mr-2"></i> Legislações estaduais e municipais difusas</li>
</ul>
</div>
<!-- Modelo Novo -->
<div class="bg-white p-8 rounded-2xl shadow-lg border border-emerald-100 relative overflow-hidden">
<div class="absolute top-0 left-0 w-full h-1 bg-emerald-500"></div>
<h3 class="text-xl font-bold text-emerald-600 mb-6 flex items-center">
<i class="fa-solid fa-rocket mr-3"></i> Novo Modelo (A partir de 2026)
</h3>
<div class="space-y-4 mb-6">
<div class="flex items-center justify-between p-3 bg-emerald-50 rounded-lg border border-emerald-200">
<span class="font-bold text-emerald-800 text-lg">CBS</span>
<span class="text-sm text-emerald-600">Contribuição Federal</span>
</div>
<div class="flex items-center justify-between p-3 bg-emerald-50 rounded-lg border border-emerald-200">
<span class="font-bold text-emerald-800 text-lg">IBS</span>
<span class="text-sm text-emerald-600">Imposto Estadual/Municipal</span>
</div>
<div class="flex items-center justify-between p-3 bg-orange-50 rounded-lg border border-orange-200">
<span class="font-bold text-orange-800 text-lg">IS (Seletivo)</span>
<span class="text-sm text-orange-600">Bens prejudiciais (Saúde/Meio Ambiente)</span>
</div>
</div>
<ul class="space-y-3 text-slate-600">
<li><i class="fa-solid fa-check text-emerald-500 mr-2"></i> Não cumulatividade plena (crédito financeiro)</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-2"></i> Tributação no destino (fim da guerra fiscal)</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-2"></i> Cálculo "por fora" (base limpa)</li>
<li><i class="fa-solid fa-check text-emerald-500 mr-2"></i> Legislação única nacional</li>
</ul>
</div>
</div>
</section>
<!-- Section 2: Destaques do Decreto 12.955/2026 -->
<section class="py-16 px-6 bg-slate-100 reveal">
<div class="max-w-5xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-slate-800 mb-4">O Marco Regulatório: Decreto 12.955/26</h2>
<p class="text-slate-500">As regras do jogo definidas para a transição do sistema tributário.</p>
</div>
<div class="grid md:grid-cols-3 gap-6">
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-blue-100 text-blue-600 rounded-full flex items-center justify-center text-xl mb-4">
<i class="fa-solid fa-percent"></i>
</div>
<h4 class="font-bold text-lg mb-2">Alíquota de Teste (2026)</h4>
<p class="text-sm text-slate-600">O sistema inicia com uma carga simbólica de <strong>1%</strong> (0,9% CBS + 0.1% IBS). O valor pago será abatido do PIS/COFINS devido no sistema antigo.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-indigo-100 text-indigo-600 rounded-full flex items-center justify-center text-xl mb-4">
<i class="fa-solid fa-money-bill-transfer"></i>
</div>
<h4 class="font-bold text-lg mb-2">Split Payment</h4>
<p class="text-sm text-slate-600">O imposto é separado no momento da liquidação financeira da fatura. Garante que o fisco receba e libera o crédito instantâneo para o comprador.</p>
</div>
<div class="bg-white p-6 rounded-xl shadow-sm hover:shadow-md transition-shadow">
<div class="w-12 h-12 bg-purple-100 text-purple-600 rounded-full flex items-center justify-center text-xl mb-4">
<i class="fa-solid fa-file-invoice-dollar"></i>
</div>
<h4 class="font-bold text-lg mb-2">Crédito Financeiro Pleno</h4>
<p class="text-sm text-slate-600">Acaba a discussão se o item é "insumo" ou não. Se houve cobrança de CBS/IBS na etapa anterior e a operação é lícita, gera crédito para abater do imposto a pagar.</p>
</div>
</div>
</div>
</section>
<!-- Section 3: Linha do Tempo -->
<section class="py-16 px-6 max-w-5xl mx-auto reveal">
<div class="text-center mb-16">
<h2 class="text-3xl font-bold text-slate-800 mb-4">Cronograma de Transição</h2>
<p class="text-slate-500">O período de convivência entre os dois sistemas exige máxima atenção.</p>
</div>
<div class="timeline-container">
<!-- 2026 -->
<div class="relative z-10 w-full mb-12 flex justify-between items-center md:flex-row flex-col">
<div class="md:w-5/12 w-full md:text-right pr-0 md:pr-8 pl-16 md:pl-0 mb-4 md:mb-0">
<h3 class="text-2xl font-bold text-blue-600">2026</h3>
<p class="font-semibold text-slate-800 text-lg">Fase de Teste e Homologação</p>
<p class="text-sm text-slate-600 mt-2">Início da cobrança da CBS (0,9%) e IBS (0,1%). O PIS/COFINS continua existindo. Empresas precisam rodar os dois sistemas simultaneamente.</p>
</div>
<div class="absolute left-[31px] md:left-1/2 transform md:-translate-x-1/2 w-10 h-10 bg-blue-600 border-4 border-white rounded-full z-20 flex items-center justify-center shadow">
<i class="fa-solid fa-vial text-white text-xs"></i>
</div>
<div class="md:w-5/12 w-full pl-16 md:pl-8"></div>
</div>
<!-- 2027 -->
<div class="relative z-10 w-full mb-12 flex justify-between items-center md:flex-row-reverse flex-col">
<div class="md:w-5/12 w-full pl-16 md:pl-8 mb-4 md:mb-0">
<h3 class="text-2xl font-bold text-indigo-600">2027</h3>
<p class="font-semibold text-slate-800 text-lg">Extinção do PIS e COFINS</p>
<p class="text-sm text-slate-600 mt-2">A CBS e o Imposto Seletivo entram em vigor de forma plena e definitiva. As alíquotas do IPI são zeradas (exceto para Zona Franca de Manaus).</p>
</div>
<div class="absolute left-[31px] md:left-1/2 transform md:-translate-x-1/2 w-10 h-10 bg-indigo-600 border-4 border-white rounded-full z-20 flex items-center justify-center shadow">
<i class="fa-solid fa-flag-checkered text-white text-xs"></i>
</div>
<div class="md:w-5/12 w-full pr-0 md:pr-8 md:text-right pl-16 md:pl-0"></div>
</div>
<!-- 2029 - 2032 -->
<div class="relative z-10 w-full mb-12 flex justify-between items-center md:flex-row flex-col">
<div class="md:w-5/12 w-full md:text-right pr-0 md:pr-8 pl-16 md:pl-0 mb-4 md:mb-0">
<h3 class="text-2xl font-bold text-orange-500">2029 a 2032</h3>
<p class="font-semibold text-slate-800 text-lg">Transição do ICMS e ISS</p>
<p class="text-sm text-slate-600 mt-2">Redução gradual das alíquotas do ICMS e do ISS (1/10 ao ano) com aumento proporcional do IBS. O foco contábil aqui é o compliance rigoroso.</p>
</div>
<div class="absolute left-[31px] md:left-1/2 transform md:-translate-x-1/2 w-10 h-10 bg-orange-500 border-4 border-white rounded-full z-20 flex items-center justify-center shadow">
<i class="fa-solid fa-sliders text-white text-xs"></i>
</div>
<div class="md:w-5/12 w-full pl-16 md:pl-8"></div>
</div>
<!-- 2033 -->
<div class="relative z-10 w-full flex justify-between items-center md:flex-row-reverse flex-col">
<div class="md:w-5/12 w-full pl-16 md:pl-8">
<h3 class="text-2xl font-bold text-emerald-600">2033</h3>
<p class="font-semibold text-slate-800 text-lg">Vigência Integral</p>
<p class="text-sm text-slate-600 mt-2">Fim absoluto do ICMS e ISS. O Novo Sistema Tributário Nacional opera 100% sob a égide do IVA Dual (CBS + IBS).</p>
</div>
<div class="absolute left-[31px] md:left-1/2 transform md:-translate-x-1/2 w-12 h-12 bg-emerald-600 border-4 border-white rounded-full z-20 flex items-center justify-center shadow-lg">
<i class="fa-solid fa-star text-white text-sm"></i>
</div>
<div class="md:w-5/12 w-full pr-0 md:pr-8 md:text-right pl-16 md:pl-0"></div>
</div>
</div>
</section>
<!-- Section 4: A Nova Posição do Profissional Contábil -->
<section class="py-16 px-6 bg-slate-800 text-white reveal">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4 text-emerald-400">A Metamorfose do Profissional Contábil</h2>
<p class="text-slate-300">Da conformidade burocrática à inteligência estratégica de negócios.</p>
</div>
<div class="grid lg:grid-cols-2 gap-10">
<!-- Como Era / É -->
<div class="bg-slate-700/50 p-8 rounded-2xl border border-slate-600">
<h3 class="text-2xl font-semibold mb-6 flex items-center text-slate-200">
<i class="fa-solid fa-user-clock mr-3"></i> O Contador Tradicional
</h3>
<ul class="space-y-4">
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-slate-600 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-keyboard text-sm"></i></span>
<div>
<h4 class="font-bold">Foco em Obrigações Acessórias</h4>
<p class="text-sm text-slate-400">Grande parte do tempo gasto emitindo guias, declarando SPEDs e interpretando milhares de normas estaduais/municipais.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-slate-600 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-magnifying-glass text-sm"></i></span>
<div>
<h4 class="font-bold">Classificação de Insumos</h4>
<p class="text-sm text-slate-400">Análise manual se um gasto gera ou não crédito de PIS/COFINS com base na jurisprudência.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-slate-600 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-building text-sm"></i></span>
<div>
<h4 class="font-bold">Centro de Custo</h4>
<p class="text-sm text-slate-400">Visto pelas empresas como um "mal necessário" focado apenas no compliance fiscal.</p>
</div>
</li>
</ul>
</div>
<!-- O Novo Perfil -->
<div class="bg-gradient-to-br from-blue-900 to-indigo-900 p-8 rounded-2xl border border-blue-500 shadow-[0_0_30px_rgba(59,130,246,0.3)]">
<h3 class="text-2xl font-semibold mb-6 flex items-center text-blue-300">
<i class="fa-solid fa-user-astronaut mr-3 text-blue-400"></i> O Consultor Estratégico (Pós-Reforma)
</h3>
<ul class="space-y-4">
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-blue-600/50 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-chart-line text-sm text-blue-200"></i></span>
<div>
<h4 class="font-bold text-blue-100">Gestão de Fluxo de Caixa</h4>
<p class="text-sm text-blue-200/80">Com o *Split Payment*, o contador monitora a liquidez. O crédito da empresa depende do recolhimento pontual do fornecedor.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-blue-600/50 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-tags text-sm text-blue-200"></i></span>
<div>
<h4 class="font-bold text-blue-100">Revisão de Precificação (Pricing)</h4>
<p class="text-sm text-blue-200/80">Auxilia as empresas a recalcular preços, já que a base de cálculo agora é "por fora", mudando toda a formação de margem.</p>
</div>
</li>
<li class="flex items-start">
<span class="w-8 h-8 rounded-full bg-blue-600/50 flex items-center justify-center shrink-0 mr-4 mt-1"><i class="fa-solid fa-network-wired text-sm text-blue-200"></i></span>
<div>
<h4 class="font-bold text-blue-100">Arquiteto de Dados / Auditoria</h4>
<p class="text-sm text-blue-200/80">O fisco passa a calcular o imposto (apuração assistida). O papel do contador é parametrizar os sistemas de ERP e realizar auditorias contínuas nos algoritmos.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Section 5: Ferramentas de IA (Powered by Gemini) -->
<section class="py-16 px-6 bg-slate-50 reveal border-t border-slate-200">
<div class="max-w-6xl mx-auto">
<div class="text-center mb-12">
<span class="bg-gradient-to-r from-blue-600 to-purple-600 text-white text-xs font-bold px-3 py-1 rounded-full uppercase tracking-wider mb-4 inline-block shadow-sm">Powered by Gemini API ✨</span>
<h2 class="text-3xl font-bold mb-4 text-slate-800">Kit de Ferramentas Inteligentes</h2>
<p class="text-slate-500">Utilize a inteligência artificial para otimizar sua comunicação e sanar dúvidas complexas sobre a transição.</p>
</div>
<div class="grid lg:grid-cols-2 gap-10">
<!-- Ferramenta 1: Gerador de Comunicados -->
<div class="bg-white p-8 rounded-2xl border border-slate-200 shadow-sm flex flex-col">
<h3 class="text-xl font-semibold mb-4 text-slate-800 flex items-center">
<i class="fa-regular fa-envelope text-blue-500 mr-3"></i> Gerador Estratégico de E-mails
</h3>
<p class="text-sm text-slate-500 mb-6">Selecione o nicho do seu cliente e a IA criará um comunicado sobre os impactos do Decreto 12.955/26 focado na realidade dele.</p>
<div class="mb-4">
<label class="block text-sm font-medium text-slate-700 mb-1">Setor do Cliente:</label>
<select id="setorCliente" class="w-full border border-slate-300 rounded-lg p-3 text-slate-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
<option value="">Selecione um setor...</option>
<option value="Varejo e Supermercados">Varejo e Supermercados</option>
<option value="Serviços Profissionais">Serviços Profissionais (Clínicas, Agências)</option>
<option value="Indústria de Transformação">Indústria de Transformação</option>
<option value="Tecnologia e Software">Tecnologia e Software</option>
</select>
</div>
<button id="btnGerarComunicado" class="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-4 rounded-lg transition-colors flex justify-center items-center shadow-sm">
<i class="fa-solid fa-wand-magic-sparkles mr-2"></i> Gerar Comunicado ✨
</button>
<div id="resultadoComunicado" class="mt-6 hidden flex-grow flex flex-col">
<div class="text-sm font-semibold text-slate-600 mb-2">Rascunho Gerado:</div>
<div id="textoComunicado" class="bg-slate-50 border border-slate-200 p-4 rounded-lg text-sm text-slate-700 whitespace-pre-wrap flex-grow min-h-[150px] overflow-y-auto max-h-[300px]"></div>
<button onclick="copiarTexto('textoComunicado')" class="mt-2 text-blue-600 hover:text-blue-800 text-sm font-medium self-end transition-colors">
<i class="fa-regular fa-copy mr-1"></i> Copiar Texto
</button>
</div>
</div>
<!-- Ferramenta 2: Tira-Dúvidas Tributário -->
<div class="bg-white p-8 rounded-2xl border border-slate-200 shadow-sm flex flex-col">
<h3 class="text-xl font-semibold mb-4 text-slate-800 flex items-center">
<i class="fa-solid fa-robot text-purple-500 mr-3"></i> Tira-Dúvidas Tributário
</h3>
<p class="text-sm text-slate-500 mb-6">Pergunte ao assistente virtual especializado nas regras de transição do novo IVA Dual (CBS/IBS).</p>
<div class="mb-4">
<label class="block text-sm font-medium text-slate-700 mb-1">Sua Dúvida:</label>
<div class="flex">
<input type="text" id="inputDuvida" placeholder="Ex: Como vai funcionar o Split Payment?" class="flex-grow border border-slate-300 rounded-l-lg p-3 text-slate-700 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500">
<button id="btnDuvida" class="bg-purple-600 hover:bg-purple-700 text-white font-semibold px-6 rounded-r-lg transition-colors whitespace-nowrap shadow-sm">
Perguntar ✨
</button>
</div>
</div>
<div id="respostaDuvida" class="mt-4 hidden flex-grow flex flex-col">
<div class="text-sm font-semibold text-slate-600 mb-2">Resposta da IA:</div>
<div id="textoResposta" class="bg-purple-50/50 border border-purple-100 p-4 rounded-lg text-sm text-slate-700 whitespace-pre-wrap flex-grow overflow-y-auto max-h-[300px]"></div>
</div>
</div>
</div>
</div>
</section>
<!-- Footer / Conclusion -->
<footer class="bg-slate-900 text-center py-10 px-6 border-t border-slate-800">
<div class="max-w-3xl mx-auto">
<h3 class="text-xl font-bold text-white mb-4">A Sobrevivência é Tecnológica</h3>
<p class="text-slate-400 mb-6 text-sm">
Entre 2026 e 2032, a "Fadiga Operacional" será o maior risco. Empresas de serviços contábeis que não investirem em IA e automação não conseguirão rodar dois sistemas tributários simultaneamente. A reforma não simplifica o trabalho do contador agora, mas o eleva a um patamar de importância inédito na economia brasileira.
</p>
<p class="text-slate-600 text-xs">
© 2026 Pesquisa Baseada no Decreto nº 12.955/26. Documento de Apoio Estratégico.
</p>
</div>
</footer>
<!-- Script para animação de scroll e Inteligência Artificial -->
<script>
document.addEventListener('DOMContentLoaded', function() {
const reveals = document.querySelectorAll('.reveal');
function reveal() {
var windowHeight = window.innerHeight;
var elementVisible = 100; // ponto onde a animação dispara
reveals.forEach((revealElement) => {
var elementTop = revealElement.getBoundingClientRect().top;
if (elementTop < windowHeight - elementVisible) {
revealElement.classList.add('active');
}
});
}
// Ativa no scroll e no carregamento inicial
window.addEventListener('scroll', reveal);
reveal();
// --- Lógica da API do Gemini ---
const apiKey = ""; // A chave da API é injetada nativamente pelo ambiente
// Função universal de chamada da API com backoff exponencial
async function fetchGeminiData(promptText, systemPrompt) {
const url = `https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}`;
const payload = {
contents: [{ parts: [{ text: promptText }] }],
systemInstruction: { parts: [{ text: systemPrompt }] }
};
let retries = 5;
let delay = 1000;
while (retries > 0) {
try {
const response = await fetch(url, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(payload)
});
if (!response.ok) throw new Error(`Erro na API: ${response.status}`);
const data = await response.json();
return data.candidates?.[0]?.content?.parts?.[0]?.text || "Resposta não gerada.";
} catch (error) {
retries--;
if (retries === 0) throw error;
await new Promise(res => setTimeout(res, delay));
delay *= 2;
}
}
}
// --- Lógica: Gerador de Comunicados ---
const btnGerar = document.getElementById('btnGerarComunicado');
const selectSetor = document.getElementById('setorCliente');
const boxResultado = document.getElementById('resultadoComunicado');
const textResultado = document.getElementById('textoComunicado');
btnGerar.addEventListener('click', async () => {
const setor = selectSetor.value;
if(!setor) {
textResultado.innerHTML = "<span class='text-red-500'>Por favor, selecione um setor no menu acima.</span>";
boxResultado.classList.remove('hidden');
return;
}
btnGerar.disabled = true;
btnGerar.innerHTML = '<i class="fa-solid fa-spinner fa-spin mr-2"></i> Gerando...';
boxResultado.classList.remove('hidden');
textResultado.innerHTML = "<span class='text-slate-500 animate-pulse'>A IA está elaborando o comunicado estratégico. Por favor, aguarde... ✨</span>";
const systemPrompt = "Você é um contador e consultor tributário altamente qualificado. Escreva um e-mail profissional, em português do Brasil, para enviar a um cliente explicando de forma resumida e didática os impactos práticos do Decreto 12.955/2026 (Reforma Tributária e IVA Dual) no setor dele. Evite juridiquês excessivo e termine oferecendo sua contabilidade para planejamento. Formate o resultado em texto simples com quebras de linha claras (sem markdown).";
const userPrompt = `Escreva um e-mail de aviso estratégico para meu cliente que atua no setor de: ${setor}.`;
try {
const resposta = await fetchGeminiData(userPrompt, systemPrompt);
textResultado.textContent = resposta;
} catch (e) {
textResultado.innerHTML = `<span class='text-red-500'>Falha ao conectar com a IA. Tente novamente mais tarde.</span>`;
} finally {
btnGerar.disabled = false;
btnGerar.innerHTML = '<i class="fa-solid fa-wand-magic-sparkles mr-2"></i> Gerar Comunicado ✨';
}
});
// --- Lógica: Tira-Dúvidas ---
const btnDuvida = document.getElementById('btnDuvida');
const inputDuvida = document.getElementById('inputDuvida');
const boxResposta = document.getElementById('respostaDuvida');
const textResposta = document.getElementById('textoResposta');
const buscarDuvida = async () => {
const pergunta = inputDuvida.value.trim();
if(!pergunta) return;
btnDuvida.disabled = true;
btnDuvida.innerHTML = '<i class="fa-solid fa-spinner fa-spin"></i>';
boxResposta.classList.remove('hidden');
textResposta.innerHTML = "<span class='text-slate-500 animate-pulse'>Analisando a legislação tributária... ✨</span>";
const systemPrompt = "Você é um robô assistente especializado no Novo Sistema Tributário Nacional brasileiro e no Decreto 12.955/2026 (Reforma Tributária). Responda à dúvida do usuário de forma direta, clara e concisa. Você está respondendo a contadores, então pode usar termos técnicos corretos. Formate em texto simples.";
const userPrompt = `Dúvida tributária: ${pergunta}`;
try {
const resposta = await fetchGeminiData(userPrompt, systemPrompt);
textResposta.textContent = resposta;
} catch (e) {
textResposta.innerHTML = `<span class='text-red-500'>Falha ao conectar com a IA. Tente novamente.</span>`;
} finally {
btnDuvida.disabled = false;
btnDuvida.innerHTML = 'Perguntar ✨';
}
};
btnDuvida.addEventListener('click', buscarDuvida);
inputDuvida.addEventListener('keypress', (e) => {
if (e.key === 'Enter') buscarDuvida();
});
// --- Função de Copiar Texto para o Clipboard (Compatível com iFrame) ---
window.copiarTexto = function(elementId) {
const element = document.getElementById(elementId);
const text = element.innerText;
const textarea = document.createElement('textarea');
textarea.value = text;
document.body.appendChild(textarea);
textarea.select();
try {
document.execCommand('copy');
const btn = event.currentTarget;
const originalHtml = btn.innerHTML;
btn.innerHTML = '<i class="fa-solid fa-check mr-1"></i> Copiado!';
btn.classList.replace('text-blue-600', 'text-emerald-600');
setTimeout(() => {
btn.innerHTML = originalHtml;
btn.classList.replace('text-emerald-600', 'text-blue-600');
}, 2000);
} catch (err) {
console.error('Falha ao copiar', err);
}
document.body.removeChild(textarea);
};
});
</script>
</body>
</html>
Deixe um comentário