Simulador da Contribuição Básica

body {
font-family: ‘Segoe UI’, sans-serif;
background: linear-gradient(135deg, #eef2f7, #dfe7f3);
padding: 30px;
}

.container {
max-width: 900px;
margin: auto;
background: white;
padding: 30px;
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 25px 30px;
}

.field {
display: flex;
flex-direction: column;
gap: 6px;
}

label {
font-size: 14px;
font-weight: 600;
}

input {
width: 100%;
padding: 10px;
border-radius: 8px;
border: 1px solid #ccc;
}

.cards {
display: grid;
grid-template-columns: repeat(3,1fr);
gap: 15px;
margin-top: 25px;
}

.card {
padding: 15px;
border-radius: 12px;
background: #f8fafc;
text-align: center;
}

.card p {
font-size: 18px;
font-weight: bold;
color: #007BFF;
}

.total {
background: #007BFF;
color: white;
}

.total p {
color: white;
}

.disclaimer {
margin-top:30px;
font-size:12px;
color:#777;
line-height:1.5;
border-top:1px solid #eee;
padding-top:15px;
}

let percMax = 0;

function formatarMoeda(campo) {
let valor = campo.value.replace(/\D/g, ”);
valor = (valor / 100).toFixed(2) + ”;
valor = valor.replace(“.”, “,”);
valor = valor.replace(/\B(?=(\d{3})+(?!\d))/g, “.”);
campo.value = valor;
}

function calcularLimite() {

let nasc = new Date(document.getElementById(‘nascimento’).value);
let adm = new Date(document.getElementById(‘admissao’).value);

let salario = document.getElementById(‘salario’).value
.replace(/\./g, ”)
.replace(‘,’, ‘.’);

salario = parseFloat(salario);

if (!nasc || !adm || !salario) return;

let hoje = new Date();

let idade = (hoje – nasc) / (1000*60*60*24*365.25);
let tempo = (hoje – adm) / (1000*60*60*24*365.25);
let pontos = idade + tempo;

if (salario < 6133.80) {
percMax = 0;
} else if (pontos < 45.99) {
percMax = 5;
} else if (pontos < 60.99) {
percMax = 7;
} else if (pontos percMax) {
slider.value = percMax;
}

document.getElementById(‘valorEscolhido’).innerText = slider.value + “%”;

let salario = document.getElementById(‘salario’).value
.replace(/\./g, ”)
.replace(‘,’, ‘.’);

salario = parseFloat(salario);

if (!salario) return;

let base = salario – 6133.80;
if (base {
el.addEventListener(“input”, atualizarSimulador);
});