:root{
–brand:#1a73e8;
–accent:#0d47a1;
–muted:#6b7280;
–card:#f7fbff;
}
body,html{margin:0;padding:0;font-family:Segoe UI,Arial,sans-serif;background:#f4f6fa;color:#1f2937;}
.container{max-width:980px;margin:24px auto;padding:20px;}
.job-card{background:#fff;border-radius:16px;border:1px solid #e6eefc;box-shadow:0 8px 30px rgba(20,30,60,0.04);padding:22px;overflow:hidden;}
h1{color:var(–brand);margin-bottom:12px;font-size:24px;}
.lead{color:var(–muted);font-size:16px;margin-bottom:16px;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:20px;}
.card{background:var(–card);padding:12px;border-radius:10px;text-align:center;}
.cta{display:inline-block;background:linear-gradient(135deg,var(–brand),var(–accent));color:#fff;padding:12px 25px;border-radius:10px;text-decoration:none;font-weight:700;cursor:pointer;}

/* Barra de progresso */
#progressWrap{position:fixed;top:0;left:0;right:0;height:6px;background:transparent;z-index:9999;}
#progressBar{height:100%;width:0;background:linear-gradient(90deg,var(–brand),var(–accent));transition:width 120ms linear;}

/* Seções reveladas */
.section{opacity:0;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease;margin:18px 0;padding:16px;border-radius:12px;border:1px solid #eef6ff;background:#fff;}
.section.visible{opacity:1;transform:translateY(0);}

/* Modal / Overlay */
.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.7);display:none;align-items:center;justify-content:center;z-index:10000;}
.modal{background:#fff;border-radius:12px;padding:18px;max-width:520px;width:94%;box-shadow:0 8px 30px rgba(0,0,0,0.25);text-align:center;}
.modal button{margin-top:12px;background:var(–brand);color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-weight:bold;}

/* Input estilo */
input,textarea{width:100%;padding:10px;margin:6px 0;border:1px solid #ccc;border-radius:8px;}
button.submit{background:#27ae60;color:#fff;padding:12px 20px;border:none;border-radius:10px;cursor:pointer;font-weight:bold;width:100%;margin-top:10px;}

@media(max-width:600px){h1{font-size:20px}.grid-3{grid-template-columns:1fr;}}

// Barra de progresso
window.addEventListener(‘scroll’, function(){
let winScroll = document.body.scrollTop || document.documentElement.scrollTop;
let height = document.documentElement.scrollHeight – document.documentElement.clientHeight;
let scrolled = (winScroll / height) * 100;
document.getElementById(“progressBar”).style.width = scrolled + “%”;
});

// Seções progressivas
const sections = document.querySelectorAll(‘.section’);
const revealDelay = 500; // delay entre seções
let index = 0;
function revealSections(){
if(index < sections.length){
sections[index].classList.add('visible');
index++;
setTimeout(revealSections, revealDelay);
} else {
// Exibe CTA só depois de todas seções
document.getElementById('ctaSection').style.display='block';
}
}
window.onload = revealSections;

// Modal
function abrirModal(){ document.getElementById('modalForm').style.display='flex'; }
function fecharModal(){ document.getElementById('modalForm').style.display='none'; }

// Envio simulado
function enviarCurriculo(e){
e.preventDefault();
alert('✅ Currículo enviado com sucesso! Você será redirecionado à página inicial.');
window.location.href='https://www.pontualvagas.com.br';
}