/* =========================================================================
   Ícaro Express — listagem de vagas na página Trabalhe Conosco
   Dados vindos do portal ZZYON (rh.zzyon.com), via trabalhe-conosco/vagas.php
   ========================================================================= */

.iel-vagas{
  font-family:"DM Sans","Roboto",Arial,sans-serif;
  color:#464547; max-width:1080px; margin:0 auto; padding:0 20px;
}

/* ---------- cabeçalho da seção ---------- */
.iel-vagas-topo{
  display:flex; justify-content:space-between; align-items:flex-end;
  gap:22px; flex-wrap:wrap; margin-bottom:8px;
}
.iel-vagas h2{
  color:#122149; font-size:30px; line-height:1.2; margin:0; font-weight:600; letter-spacing:-.01em;
}
.iel-vagas .iel-vagas-sub{color:#7d7d80; font-size:15px; margin:6px 0 0}
.iel-vagas-contagem{
  background:#122149; color:#fff; border-radius:3px; padding:6px 14px;
  font-size:13px; font-weight:600; white-space:nowrap;
}
.iel-vagas-regua{height:3px; background:#BB8716; width:74px; margin:16px 0 26px}

/* ---------- busca ---------- */
.iel-vagas-busca{position:relative; margin-bottom:24px; max-width:420px}
.iel-vagas-busca input{
  width:100%; padding:13px 16px; border:1px solid #d5d7dd; border-radius:4px;
  font:15px/1.4 "DM Sans","Roboto",Arial,sans-serif; color:#464547; background:#fff;
}
.iel-vagas-busca input:focus{outline:2px solid #122149; outline-offset:1px; border-color:#122149}

/* ---------- cartões ---------- */
.iel-vagas-lista{display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:18px}
.iel-vaga{
  border:1px solid #e2e3e7; border-top:4px solid #BB8716; border-radius:5px;
  background:#fff; padding:22px 22px 20px; display:flex; flex-direction:column;
  transition:box-shadow .16s, transform .16s;
}
.iel-vaga:hover{box-shadow:0 6px 24px rgba(18,33,73,.11); transform:translateY(-2px)}
.iel-vaga h3{
  color:#122149; font-size:18px; line-height:1.3; margin:0 0 10px; font-weight:600;
}
.iel-vaga-tags{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px}
.iel-tag{
  font-size:11.5px; font-weight:600; letter-spacing:.03em; text-transform:uppercase;
  padding:4px 9px; border-radius:3px; background:#eef0f5; color:#122149; white-space:nowrap;
}
.iel-tag-dourado{background:#FCF6EA; color:#9A6F12}
.iel-tag-local{background:#fff; color:#122149; border:1px solid #c8cdd8}
.iel-tag-vagas{background:#122149; color:#fff}
.iel-vaga-resumo{
  font-size:14.2px; line-height:1.62; color:#5c5c5f; margin:0 0 16px; flex:1;
}
.iel-vaga-rodape{
  display:flex; justify-content:space-between; align-items:center; gap:12px;
  flex-wrap:wrap; border-top:1px solid #eef0f3; padding-top:14px;
}
.iel-vaga-data{font-size:12px; color:#9a9a9d}
.iel-vaga-btn{
  display:inline-block; background:#122149; color:#fff !important; text-decoration:none;
  padding:11px 20px; border-radius:4px; font-size:14px; font-weight:600;
  transition:background .15s;
}
.iel-vaga-btn:hover{background:#BB8716; color:#fff !important; text-decoration:none}

/* ---------- estados ---------- */
.iel-vagas-estado{
  border:1px dashed #c9ccd4; border-radius:5px; padding:38px 26px; text-align:center;
  color:#7d7d80; font-size:15px; background:#fafbfc;
}
.iel-vagas-estado strong{display:block; color:#122149; font-size:17px; margin-bottom:6px}

/* ---------- banco de talentos ---------- */
.iel-talentos{
  background:#122149; color:#fff; border-radius:6px; padding:34px 36px; margin-top:34px;
  display:flex; justify-content:space-between; align-items:center; gap:26px; flex-wrap:wrap;
}
.iel-talentos h3{color:#fff; font-size:21px; margin:0 0 8px; font-weight:600}
.iel-talentos p{margin:0; color:#c2cade; font-size:15px; line-height:1.6; max-width:620px}
.iel-talentos a.iel-btn-claro{
  background:#BB8716; color:#fff !important; text-decoration:none; padding:14px 26px;
  border-radius:4px; font-weight:600; font-size:15px; white-space:nowrap; transition:background .15s;
}
.iel-talentos a.iel-btn-claro:hover{background:#fff; color:#122149 !important; text-decoration:none}

@media (max-width:640px){
  .iel-vagas h2{font-size:24px}
  .iel-vagas-lista{grid-template-columns:1fr}
  .iel-talentos{padding:26px 22px}
  .iel-talentos a.iel-btn-claro{width:100%; text-align:center}
}