<!DOCTYPE html>

<head>

<title>Simulador de Rescisão | Bomfim Chaves Advogados</title>

<style>

:root {

--gold: #C9A84C;

--gold-light: #e8c97a;

--dark: #1a1a1a;

--dark-mid: #2c2c2c;

--gray: #4a4a4a;

--gray-light: #f5f5f3;

--border: #ddd8cc;

--error: #b94040;

--white: #ffffff;

}

* { box-sizing: border-box; margin: 0; padding: 0; }

body {

font-family: 'Segoe UI', Georgia, 'Times New Roman', serif;

background-color: var(--gray-light);

display: flex;

flex-direction: column;

align-items: center;

padding: 30px 16px;

min-height: 100vh;

}

.escritorio-header { text-align: center; margin-bottom: 24px; }

.escritorio-header .nome { font-size: 13px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--gray); }

.escritorio-header .divisor { width: 50px; height: 2px; background: var(--gold); margin: 8px auto; }

.escritorio-header .subtitulo { font-size: 11px; letter-spacing: 2px; text-transform: uppercase; color: #999; }

.calc-card {

background: var(--white);

padding: 36px 32px;

border-radius: 4px;

box-shadow: 0 4px 30px rgba(0,0,0,0.10);

width: 100%;

max-width: 500px;

border-top: 3px solid var(--gold);

height: fit-content;

}

h2 { color: var(--dark); text-align: center; margin-bottom: 6px; font-size: 20px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }

.subtitulo-card { text-align: center; font-size: 12px; color: #999; letter-spacing: 1px; margin-bottom: 24px; text-transform: uppercase; }

.aviso-topo { background: #faf8f2; border-left: 3px solid var(--gold); border-radius: 2px; padding: 10px 14px; margin-bottom: 24px; font-size: 12px; color: var(--gray); line-height: 1.6; }

/* Steps */

.steps { display: flex; align-items: center; justify-content: center; gap: 0; margin-bottom: 28px; }

.step { display: flex; flex-direction: column; align-items: center; gap: 5px; }

.step-circle { width: 34px; height: 34px; border-radius: 50%; background: #eee; color: #aaa; font-weight: 700; font-size: 13px; display: flex; align-items: center; justify-content: center; transition: 0.3s; border: 2px solid #eee; }

.step-label { font-size: 10px; color: #aaa; font-weight: 600; letter-spacing: 0.5px; white-space: nowrap; }

.step.active .step-circle { background: var(--dark); color: var(--gold); border-color: var(--gold); }

.step.active .step-label { color: var(--dark); }

.step.done .step-circle { background: var(--gold); color: var(--dark); border-color: var(--gold); }

.step.done .step-label { color: var(--gold); }

.step-line { flex: 1; height: 1px; background: #ddd; margin: 0 8px; margin-bottom: 20px; max-width: 50px; transition: 0.3s; }

.step-line.done { background: var(--gold); }

.section { display: none; }

.section.active { display: block; }

/* Form */

.form-group { margin-bottom: 18px; }

label { display: block; margin-bottom: 6px; font-weight: 600; color: var(--dark); font-size: 12px; letter-spacing: 0.5px; text-transform: uppercase; }

input[type="number"], input[type="text"], select { width: 100%; padding: 12px 14px; border: 1px solid var(--border); border-radius: 2px; font-size: 15px; outline: none; transition: border-color 0.3s; color: var(--dark); background: var(--white); }

input:focus, select:focus { border-color: var(--gold); }

input.invalid, select.invalid { border-color: var(--error); }

.error-msg { font-size: 11px; color: var(--error); margin-top: 5px; display: none; }

.error-msg.show { display: block; }

/* Alerta de Vínculo */

.alerta-vinculo { font-size: 12px; color: var(--error); background: #fde8e8; padding: 10px; border-radius: 2px; margin-top: 5px; display: none; border-left: 3px solid var(--error); font-weight: 600; }

/* Toggle verbas */

.toggle-box { background: var(--gray-light); border: 1px solid var(--border); border-radius: 2px; padding: 12px 16px; margin-bottom: 10px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; user-select: none; transition: border-color 0.2s; }

.toggle-box:hover { border-color: var(--gold); }

.toggle-box span { font-size: 13px; font-weight: 600; color: var(--dark-mid); letter-spacing: 0.3px; }

.toggle-icon { font-size: 20px; color: var(--gold); transition: transform 0.3s; font-weight: 300; }

.toggle-icon.open { transform: rotate(45deg); }

.verbas-extras { display: none; padding-top: 10px; }

.verbas-extras.open { display: block; }

/* LGPD */

.lgpd-box { display: flex; align-items: flex-start; gap: 10px; margin: 20px 0; background: #faf8f2; padding: 12px 14px; border-radius: 2px; border-left: 3px solid var(--gold); }

.lgpd-box input[type="checkbox"] { width: auto; margin-top: 3px; flex-shrink: 0; cursor: pointer; accent-color: var(--gold); }

.lgpd-text { font-size: 12px; color: var(--gray); line-height: 1.6; display: block; font-weight: normal; cursor: pointer; }

/* Botões */

.btn-row { display: flex; gap: 10px; margin-top: 22px; }

.btn { padding: 14px; border: none; border-radius: 2px; font-size: 13px; font-weight: 700; cursor: pointer; transition: 0.3s; flex: 1; letter-spacing: 1px; text-transform: uppercase; }

.btn-back { background: transparent; color: var(--gray); border: 1px solid var(--border); }

.btn-back:hover { background: var(--gray-light); border-color: var(--gray); }

.btn-next { background: var(--gold); color: var(--dark); }

.btn-next:hover { background: var(--gold-light); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(201,168,76,0.3); }

.btn-next:disabled { background: #ccc; color: #888; cursor: not-allowed; box-shadow: none; transform: none; }

.btn-send { background: var(--dark); color: var(--gold); display: flex; align-items: center; justify-content: center; gap: 8px; }

.btn-send:hover { background: var(--dark-mid); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); }

/* Resultado */

.resultado { background: var(--gray-light); border: 1px solid var(--border); border-top: 2px solid var(--gold); border-radius: 2px; padding: 20px; margin-top: 4px; }

.resultado h3 { color: var(--dark); margin-bottom: 16px; font-size: 13px; text-transform: uppercase; letter-spacing: 1.5px; text-align: center; }

.divider-gold { width: 40px; height: 1px; background: var(--gold); margin: 0 auto 14px; }

.resultado-linha { display: flex; justify-content: space-between; font-size: 13px; padding: 7px 0; border-bottom: 1px solid var(--border); color: var(--gray); }

.resultado-linha:last-of-type { border-bottom: none; font-weight: 700; font-size: 15px; color: var(--dark); padding-top: 12px; margin-top: 4px; }

.resultado-linha span:last-child { color: var(--dark); font-weight: 600; }

.resultado-linha:last-of-type span:last-child { color: var(--gold); font-size: 16px; }

.resultado-obs { font-size: 11px; color: #aaa; margin-top: 12px; line-height: 1.6; text-align: center; }

.footer-note { text-align: center; font-size: 11px; color: #aaa; margin-top: 20px; line-height: 1.8; }

.footer-note strong { color: #888; }

</style>

</head>

<body>

<div class="nome">Bomfim Chaves Advogados</div>

<div class="subtitulo">Direito Trabalhista</div>

</div>

<h2>Simulador de Rescisão</h2>

<p class="subtitulo-card">Estimativa baseada na CLT</p>

⚖️ <strong>Atenção:</strong> Este simulador oferece uma estimativa com base na CLT.

Para um cálculo preciso e orientação, consulte um <strong>advogado trabalhista</strong>.

</div>

<div class="step-label">Dados Básicos</div>

</div>

<div class="step-label">Verbas Variáveis</div>

</div>

<div class="step-label">Resultado</div>

</div>

</div>

<label for="nome">Nome Completo</label>

<span class="error-msg" id="err-nome">Informe seu nome.</span>

</div>

<label for="whatsapp_user">WhatsApp com DDD</label>

<span class="error-msg" id="err-whats">Informe seu WhatsApp.</span>

</div>

<label for="tipo_contrato">Tipo de Contratação</label>

<option value="clt">CLT (Com Registro em Carteira)</option>

<option value="sem_registro">Trabalho Sem Registro</option>

</select>

</div>

<label for="dias_semana">Trabalha(va) quantas vezes por semana?</label>

<option value="3">3 vezes ou mais na semana</option>

<option value="2">2 vezes na semana</option>

<option value="1">1 vez na semana</option>

</select>

⚠️ Atenção: Pela legislação, trabalho de 1 ou 2 dias na semana não configura vínculo empregatício.

</div>

</div>

<label for="salario">Salário Bruto Mensal (R$)</label>

<span class="error-msg" id="err-salario">Informe um salário válido.</span>

</div>

<label for="meses">Tempo Total na Empresa (em meses)</label>

<span class="error-msg" id="err-meses">Informe o tempo em meses.</span>

</div>

<label for="dias_ultimo_mes">Dias Trabalhados no Último Mês</label>

<span class="error-msg" id="err-dias">Informe entre 1 e 31 dias.</span>

</div>

<label for="motivo">Motivo da Saída</label>

<option value="sem_justa">Demissão Sem Justa Causa</option>

<option value="pedido">Pedido de Demissão</option>

<option value="justa_causa">Demissão Com Justa Causa</option>

</select>

</div>

<label for="ferias_vencidas">Férias Vencidas Não Gozadas?</label>

<option value="sim">Sim (receberá em dobro)</option>

</select>

</div>

<button class="btn btn-next" id="btn-prox-1" onclick="irParaEtapa2()">Próximo →</button>

</div>

</div>

<span>💼 Recebe Comissões?</span>

</div>

<label for="comissao_media">Comissão Média Mensal (R$)</label>

</div>

</div>

<span>⏱️ Faz Horas Extras Habituais?</span>

</div>

<label for="horas_extras_media">Valor Médio Mensal em Horas Extras (R$)</label>

</div>

</div>

<span>🌙 Recebe Adicional Noturno?</span>

</div>

<label for="adicional_noturno">Valor Médio Mensal do Adicional Noturno (R$)</label>

</div>

</div>

<span>🏦 Possui Saldo em Banco de Horas?</span>

</div>

<label for="banco_horas">Valor Total do Banco de Horas (R$)</label>

</div>

</div>

Concordo em salvar meus dados para análise do escritório. Entendo que esta é uma estimativa baseada na CLT.

</label>

</div>

<button class="btn btn-back" onclick="irParaEtapa1()">← Voltar</button>

<button class="btn btn-send" onclick="calcularEEnviar()">🧾 Concluir Cálculo</button>

</div>

</div>

<h3>Estimativa de Valores</h3>

<div class="resultado-linha"><span>Saldo de Salário</span><span id="r-saldo"></span></div>

<div class="resultado-linha"><span>13º Proporcional</span><span id="r-decimo"></span></div>

<div class="resultado-linha"><span>Férias Proporcionais + 1/3</span><span id="r-ferias-prop"></span></div>

<div class="resultado-linha" id="linha-ferias-venc"><span>Férias Vencidas (em dobro)</span><span id="r-ferias-venc"></span></div>

<div class="resultado-linha" id="linha-aviso"><span>Aviso Prévio</span><span id="r-aviso"></span></div>

<div class="resultado-linha" id="linha-fgts-acumulado" style="color:var(--error); font-weight:bold;"><span>FGTS Atrasado (8% acumulado)</span><span id="r-fgts-acumulado"></span></div>

<div class="resultado-linha" id="linha-fgts"><span>Multa FGTS (40%)</span><span id="r-fgts"></span></div>

<div class="resultado-linha" id="linha-comissao"><span>Comissões Integradas</span><span id="r-comissao"></span></div>

<div class="resultado-linha" id="linha-horasextras"><span>Horas Extras Habituais</span><span id="r-horasextras"></span></div>

<div class="resultado-linha" id="linha-noturno"><span>Adicional Noturno</span><span id="r-noturno"></span></div>

<div class="resultado-linha" id="linha-bancohoras"><span>Banco de Horas</span><span id="r-bancohoras"></span></div>

<div class="resultado-linha"><span>Total Estimado</span><span id="r-total"></span></div>

<p class="resultado-obs">* Valores brutos sem descontos de INSS/IR.</p>

</div>

<button class="btn btn-back" onclick="irParaEtapa2()">← Editar</button>

<button class="btn btn-next" onclick="enviarWhatsapp()">📲 Falar no WhatsApp</button>

</div>

</div>

⚠️ Esta simulação é <strong>meramente informativa</strong> e não substitui a orientação de um advogado trabalhista.

</p>

</div>

const telefoneDestino = "5511970675044";

const SALARIO_MINIMO = 1512.00; // Valor atualizado do Mínimo

let dadosCalculo = {};

function fmt(valor) {

return valor.toLocaleString('pt-BR', { style: 'currency', currency: 'BRL' });

}

function validarCampo(id, errId, condicao) {

const el = document.getElementById(id);

const err = document.getElementById(errId);

if (condicao) { el.classList.add('invalid'); err.classList.add('show'); return false; }

el.classList.remove('invalid'); err.classList.remove('show'); return true;

}

function verificarVinculo() {

const dias = document.getElementById('dias_semana').value;

const alerta = document.getElementById('alerta-vinculo');

const btn = document.getElementById('btn-prox-1');

if (parseInt(dias) < 3) {

alerta.style.display = 'block';

btn.disabled = true;

} else {

alerta.style.display = 'none';

btn.disabled = false;

}

}

function setStep(n) {

[1, 2, 3].forEach(i => {

document.getElementById('step' + i).className = 'step' + (i < n ? ' done' : i === n ? ' active' : '');

});

[1, 2].forEach(i => {

document.getElementById('line' + i).className = 'step-line' + (i < n ? ' done' : '');

});

['secao1','secao2','secao3'].forEach((s, idx) => {

document.getElementById(s).className = 'section' + (idx + 1 === n ? ' active' : '');

});

}

function toggleVerbas(id) {

const bloco = document.getElementById('bloco-' + id);

const icon = document.getElementById('icon-' + id);

const isOpen = bloco.classList.contains('open');

bloco.classList.toggle('open', !isOpen);

icon.classList.toggle('open', !isOpen);

}

function getVarOuZero(id) {

const bloco = document.getElementById('bloco-' + id);

if (!bloco.classList.contains('open')) return 0;

const val = parseFloat(document.getElementById(

id === 'bancohoras' ? 'banco_horas' :

id === 'horasextras' ? 'horas_extras_media' :

id === 'noturno' ? 'adicional_noturno' : 'comissao_media'

).value);

return isNaN(val) || val < 0 ? 0 : val;

}

function irParaEtapa1() { setStep(1); }

function irParaEtapa2() {

const nome = document.getElementById('nome').value;

const whats = document.getElementById('whatsapp_user').value;

const salario = parseFloat(document.getElementById('salario').value);

const meses = parseInt(document.getElementById('meses').value);

const dias = parseInt(document.getElementById('dias_ultimo_mes').value);

const vNome = validarCampo('nome', 'err-nome', nome.trim() === "");

const vWhats = validarCampo('whatsapp_user', 'err-whats', whats.trim() === "");

const v1 = validarCampo('salario', 'err-salario', isNaN(salario) || salario <= 0);

const v2 = validarCampo('meses', 'err-meses', isNaN(meses) || meses < 1);

const v3 = validarCampo('dias_ultimo_mes','err-dias', isNaN(dias) || dias < 1 || dias > 31);

if (!vNome || !vWhats || !v1 || !v2 || !v3) return;

setStep(2);

}

function calcularEEnviar() {

if (!document.getElementById('lgpd_consent').checked) {

alert("Por favor, aceite os termos da LGPD para prosseguir.");

return;

}

const nome = document.getElementById('nome').value;

const whatsappUser = document.getElementById('whatsapp_user').value;

const tipoContrato = document.getElementById('tipo_contrato').value;

const diasSemana = document.getElementById('dias_semana').value;

let salarioDeclarado = parseFloat(document.getElementById('salario').value);

const meses = parseInt(document.getElementById('meses').value);

const dias = parseInt(document.getElementById('dias_ultimo_mes').value);

const motivo = document.getElementById('motivo').value;

const feriasVencOpt = document.getElementById('ferias_vencidas').value;

// REGRA 1: Ajuste de Salário Mínimo

let salarioBase = salarioDeclarado;

if (salarioDeclarado < SALARIO_MINIMO) {

salarioBase = SALARIO_MINIMO;

}

const comissao = getVarOuZero('comissao');

const horasExtras = getVarOuZero('horasextras');

const noturno = getVarOuZero('noturno');

const bancoHoras = getVarOuZero('bancohoras');

const salarioIntegrado = salarioBase + comissao + horasExtras + noturno;

const justa = motivo === 'justa_causa';

// REGRA 2: Cálculos Rescisórios

// Extrai os meses proporcionais (resto do ano) para o 13º e Férias

const mesesProporcionais = (meses % 12) === 0 ? 12 : (meses % 12);

const saldoSalario = (salarioIntegrado / 30) * dias;

const decimoTerceiro = !justa ? (salarioIntegrado / 12) * mesesProporcionais : 0;

const feriasProp = !justa ? (salarioIntegrado / 12) * mesesProporcionais : 0;

const tercoFerias = feriasProp / 3;

// Férias Vencidas em Dobro

const feriasVencidas = (!justa && feriasVencOpt === 'sim') ? salarioIntegrado * 2 : 0;

// Aviso Prévio (1 Mês + 3 dias por ano trabalhado)

const anosTrabalhados = Math.floor(meses / 12);

const avisoPrevio = motivo === 'sem_justa' ? salarioIntegrado + ((salarioIntegrado / 30) * (anosTrabalhados * 3)) : 0;

// REGRA 3: Sem Registro (FGTS Atrasado)

let fgtsAcumulado = 0;

let multaFGTS = 0;

if (tipoContrato === 'sem_registro') {

fgtsAcumulado = (salarioIntegrado * 0.08) * meses;

multaFGTS = motivo === 'sem_justa' ? fgtsAcumulado * 0.40 : 0;

} else {

// Se CLT, calcula só a multa sobre o montante teórico

const montanteTeorico = (salarioIntegrado * 0.08) * meses;

multaFGTS = motivo === 'sem_justa' ? montanteTeorico * 0.40 : 0;

}

const bancoHorasVal = !justa ? bancoHoras : 0;

const totalGeral = saldoSalario + decimoTerceiro + feriasProp + tercoFerias +

feriasVencidas + avisoPrevio + fgtsAcumulado + multaFGTS + bancoHorasVal;

dadosCalculo = { nome, whatsappUser, tipoContrato, salarioBase, meses, dias, motivo, comissao, horasExtras, noturno, bancoHoras,

saldoSalario, decimoTerceiro, feriasProp, tercoFerias, feriasVencidas,

avisoPrevio, fgtsAcumulado, multaFGTS, bancoHorasVal, totalGeral };

// Preenche na Tela

document.getElementById('r-saldo').textContent = fmt(saldoSalario);

document.getElementById('r-decimo').textContent = fmt(decimoTerceiro);

document.getElementById('r-ferias-prop').textContent = fmt(feriasProp + tercoFerias);

document.getElementById('r-ferias-venc').textContent = fmt(feriasVencidas);

document.getElementById('r-aviso').textContent = fmt(avisoPrevio);

document.getElementById('r-fgts-acumulado').textContent = fmt(fgtsAcumulado);

document.getElementById('r-fgts').textContent = fmt(multaFGTS);

document.getElementById('r-comissao').textContent = fmt(comissao > 0 ? comissao : 0);

document.getElementById('r-horasextras').textContent = fmt(horasExtras > 0 ? horasExtras : 0);

document.getElementById('r-noturno').textContent = fmt(noturno > 0 ? noturno : 0);

document.getElementById('r-bancohoras').textContent = fmt(bancoHorasVal);

document.getElementById('r-total').textContent = fmt(totalGeral);

const ex = (id, show) => document.getElementById(id).style.display = show ? 'flex' : 'none';

ex('linha-ferias-venc', feriasVencidas > 0);

ex('linha-aviso', avisoPrevio > 0);

ex('linha-fgts-acumulado', fgtsAcumulado > 0);

ex('linha-fgts', multaFGTS > 0);

ex('linha-comissao', comissao > 0);

ex('linha-horasextras', horasExtras > 0);

ex('linha-noturno', noturno > 0);

ex('linha-bancohoras', bancoHorasVal > 0);

setStep(3);

// --- INTEGRAÇÃO COM WIX VELO ---

// Envia os dados silenciosamente para a página pai (Wix) para salvar no Banco de Dados

window.parent.postMessage(dadosCalculo, "*");

}

function enviarWhatsapp() {

const d = dadosCalculo;

const textoMotivo = document.getElementById('motivo').selectedOptions[0].text;

const txtContrato = d.tipoContrato === 'clt' ? 'CLT' : 'Sem Registro';

const linhas = [

`*Nova Captação - Simulador Rescisão*`,

`Nome: ${d.nome}`,

`WhatsApp: ${d.whatsappUser}`,

``,

`*Dados do Caso:*`,

`- Contrato: ${txtContrato}`,

`- Salário Base Usado: ${fmt(d.salarioBase)}`,

`- Tempo: ${d.meses} meses e ${d.dias} dias`,

`- Motivo: ${textoMotivo}`,

``,

`*Valores Estimados (bruto):*`,

`- Saldo Salário: ${fmt(d.saldoSalario)}`,

`- 13º Proporcional: ${fmt(d.decimoTerceiro)}`,

`- Férias Prop. + 1/3: ${fmt(d.feriasProp + d.tercoFerias)}`,

d.feriasVencidas > 0 ? `- Férias Vencidas (dobro): ${fmt(d.feriasVencidas)}` : null,

d.avisoPrevio > 0 ? `- Aviso Prévio: ${fmt(d.avisoPrevio)}` : null,

d.fgtsAcumulado > 0 ? `- FGTS Atrasado: ${fmt(d.fgtsAcumulado)}` : null,

d.multaFGTS > 0 ? `- Multa FGTS (40%): ${fmt(d.multaFGTS)}` : null,

``,

`*TOTAL ESTIMADO: ${fmt(d.totalGeral)}*`

].filter(l => l !== null).join('\n');

window.open(`https://wa.me/${telefoneDestino}?text=${encodeURIComponent(linhas)}`, '_blank');

}

</script>

</body>

</html>

Calculadora de Rescisão

Como podemos te ajudar?