/* careers.css - limpo e responsivo */
:root{
  --max-w:1200px; --brand:#0b63c9; --accent:#00a1ff; --muted:#6b7280;
  --surface:#fff; --radius:12px; --shadow:0 12px 40px rgba(11,99,201,0.06);
}
*{box-sizing:border-box}
html,body{height:100%;margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:linear-gradient(180deg,#f3f8ff,#eef6ff);color:#081228}
.container{max-width:var(--max-w);margin:0 auto;padding:20px}
.site-header{padding:12px 0;border-bottom:1px solid rgba(11,99,201,0.04)}
.brand{display:flex;align-items:center;gap:12px}
.card{background:var(--surface);border-radius:var(--radius);padding:18px;border:1px solid rgba(11,99,201,0.04);box-shadow:var(--shadow)}
.hero{display:flex;gap:20px;align-items:center;margin:18px 0}
.hero-left{flex:1}
.hero h1{margin:0;font-size:1.6rem;color:var(--brand)}
.lede{color:var(--muted)}
.hero-image{width:260px;border-radius:10px}
.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.controls input, .controls select{padding:10px;border-radius:10px;border:1px solid rgba(11,99,201,0.06)}
.btn{padding:10px 12px;border-radius:10px;cursor:pointer;font-weight:800}
.btn-primary{background:linear-gradient(90deg,#7c3aed,#00a1ff);color:#fff}
.btn-outline{background:transparent;border:1px solid rgba(11,99,201,0.08);color:var(--brand)}
.jobs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.job-card{background:var(--surface);border-radius:10px;padding:14px;border:1px solid rgba(11,99,201,0.04);box-shadow:0 8px 30px rgba(11,99,201,0.04);display:flex;flex-direction:column;gap:8px;position:relative}
.job-title{font-weight:900;color:var(--brand);font-size:1.02rem}
.job-meta{color:var(--muted);font-weight:700}
.job-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.tag{padding:6px 8px;border-radius:8px;background:linear-gradient(90deg,rgba(11,99,201,0.06),rgba(0,161,255,0.03));font-weight:800;color:var(--brand)}
.job-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.apply-quick{background:linear-gradient(90deg,#7c3aed,#00a1ff);color:#fff;border:0;padding:8px 12px;border-radius:10px;font-weight:900}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,0.5);z-index:90;padding:20px}
.modal.show{display:flex}
.modal-content{background:var(--surface);border-radius:12px;padding:18px;max-width:920px;width:100%;box-shadow:0 40px 120px rgba(2,6,23,0.45)}
.modal-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:28px;cursor:pointer}
.apply-form input, .apply-form textarea{padding:10px;border-radius:8px;border:1px solid rgba(11,99,201,0.06)}
.empty{text-align:center;color:var(--muted);padding:18px}
@media(max-width:900px){ .hero{flex-direction:column} .hero-image{width:100%} .jobs-grid{grid-template-columns:1fr} }