/* Ver Vagas — v0.8.1 (complementa central.css; mesma identidade azul-marinho e ciano do Instituto) */
.vg-topo{position:relative;border-bottom:1px solid var(--linha);background:
  radial-gradient(900px 380px at 88% 0%,rgba(25,214,245,.16),transparent 70%),
  linear-gradient(180deg,#03182d,#010d1e)}
.vg-topo__in{max-width:var(--larg);margin:0 auto;padding:30px 24px 30px}
.vg-topo h1{display:block;font-size:clamp(34px,4.6vw,60px)}
.vg-topo h1 em{display:inline}
.vg-topo h1>span{color:var(--ciano)}
.vg-topo__sub{max-width:760px;margin:10px 0 20px;font-size:15.5px;color:var(--suave)}
.vg-topo__sub em{font-style:normal;color:var(--ciano)}
.vg-busca{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:10px;max-width:1100px;padding:10px;border:1.5px solid #2b5679;border-radius:20px;background:rgba(2,18,36,.9)}
.vg-busca:focus-within{border-color:var(--ciano);box-shadow:0 0 0 3px rgba(25,214,245,.18)}
.vg-campo{position:relative;display:flex;flex-direction:column;gap:2px;padding:6px 12px 6px 40px;border-radius:12px;background:#052440;border:1px solid #11385a}
.vg-campo span{font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ciano2)}
.vg-campo svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ciano)}
.vg-campo input{width:100%;border:0;background:transparent;color:#fff;font:600 15px var(--fonte);padding:2px 0;outline:0}
.vg-campo input::placeholder{color:#8aa3ba;font-weight:500}
.vg-campo:focus-within{border-color:var(--ciano)}
.vg-busca__bt{min-height:52px;padding:0 22px;border-radius:14px;font-size:14px;flex:none}
.vg-busca__bt svg{width:18px;height:18px}

.vg-corpo__in{max-width:var(--larg);margin:0 auto;padding:18px 24px 40px}
.vg-filtros{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px 14px;border:1px solid var(--linha);border-radius:14px;background:rgba(0,20,35,.9)}
.vg-tipos{display:flex;flex-wrap:wrap;gap:6px}
.vg-tipo{min-height:38px;padding:0 16px;border-radius:19px;border:1.5px solid #2d5878;background:transparent;color:#fff;font:700 13px var(--fonte);cursor:pointer}
.vg-tipo[aria-pressed="true"]{background:var(--ciano);border-color:var(--ciano);color:#03141f}
.vg-tipo:hover{border-color:var(--ciano)}
.vg-check{display:inline-flex;align-items:center;gap:8px;min-height:38px;font-size:13.5px;font-weight:600;cursor:pointer}
.vg-check input{width:18px;height:18px;accent-color:var(--ciano)}
.vg-check small{color:var(--apoio2);font-weight:500}
.vg-sel{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600}
.vg-sel select{min-height:38px;border-radius:10px;border:1.5px solid #2d5878;background:#052440;color:#fff;font:600 13px var(--fonte);padding:0 10px}
.vg-limpar{margin-left:auto;background:none;border:0;font:700 13px var(--fonte);cursor:pointer}
.vg-lote{margin-top:10px;padding:10px 14px;border:1px dashed #a8862a;border-radius:12px;background:rgba(70,52,12,.35)}
.vg-lote p{margin:4px 0 0;font-size:12.5px;color:#f0dfa8}
.vg-res-cab{display:flex;align-items:baseline;gap:12px;margin:22px 0 12px}
.vg-res-cab h2{margin:0;font-size:22px;font-weight:800}
.vg-res-cab p{margin:0;color:var(--ciano2);font-weight:700}

.vg-grade{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px}
.vg-card{display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid #17405f;border-radius:16px;background:linear-gradient(160deg,#072a49,#031a30);transition:border-color .15s,transform .15s}
.vg-card:hover{border-color:var(--ciano);transform:translateY(-2px)}
.vg-card__topo{display:flex;align-items:center;justify-content:space-between;gap:8px}
.vg-card__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:rgba(25,214,245,.12);color:var(--ciano)}
.vg-card__ico svg{width:20px;height:20px}
.vg-card__cargo{margin:2px 0 0;font-size:18px;line-height:1.2;font-weight:800}
.vg-card__cargo a{color:#fff;text-decoration:none}
.vg-card__cargo a:hover{color:var(--ciano2)}
.vg-card__emp,.vg-card__local{display:flex;align-items:center;gap:7px;margin:0;font-size:13.5px;color:var(--suave)}
.vg-card__emp{font-weight:700}
.vg-card__emp svg,.vg-card__local svg{width:15px;height:15px;color:var(--ciano);flex:none}
.vg-card__rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:10px;border-top:1px solid #133856}
.vg-card__data{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--apoio)}
.vg-card__data svg{width:13px;height:13px;color:var(--verde)}
.vg-card__bt{flex:none;min-height:40px;padding:0 18px;border-radius:20px;font-size:13px}
.vg-card__bt svg{width:14px;height:14px}
.vg-tags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.vg-tag{padding:4px 10px;border-radius:12px;border:1px solid #2a5577;font-size:11.5px;font-weight:700;color:var(--suave)}
.vg-tag--tipo{border-color:var(--ciano);color:var(--ciano2)}
.vg-tag--verde{border-color:var(--verde-borda);color:var(--verde);background:var(--verde-fundo)}
.vg-selo-val{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:12px;border:1px solid var(--ambar-borda);background:var(--ambar-fundo);color:var(--ambar);font-size:11px;font-weight:800}
.vg-selo-val svg{width:12px;height:12px}

.vg-vazio{padding:22px;border:1px solid var(--linha);border-radius:16px;background:rgba(0,20,35,.9)}
.vg-vazio>p{margin:0 0 12px;color:var(--suave)}
.vg-alt__tit{margin:0 0 6px;font-weight:700}
.vg-alt ul{margin:0 0 12px;padding-left:18px;columns:2;column-gap:28px}
.vg-alt li{margin:3px 0}
.vg-alt__bt{flex:none;min-height:42px;padding:0 18px;border-radius:21px;border:1.5px solid var(--ciano)}

/* detalhe */
.vg-det__cab{padding:20px;border:1px solid #17405f;border-radius:18px;background:
  radial-gradient(700px 260px at 100% 0%,rgba(25,214,245,.14),transparent 70%),linear-gradient(160deg,#072a49,#031a30)}
.vg-det__cab h1{display:block;margin:6px 0 8px;font-size:clamp(28px,3.6vw,46px);line-height:1.05}
.vg-det__selos{display:flex;flex-wrap:wrap;gap:8px}
.vg-ativa{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:12px;border:1px solid var(--verde-borda);background:var(--verde-fundo);color:var(--verde);font-size:12px;font-weight:800}
.vg-ativa svg{width:12px;height:12px}
.vg-fechada{padding:4px 11px;border-radius:12px;border:1px solid #7a3b3b;background:rgba(70,20,20,.7);color:#ffb4b4;font-size:12px;font-weight:800}
.vg-det__emp,.vg-det__local{display:flex;align-items:center;gap:8px;margin:4px 0;font-size:15px}
.vg-det__emp{font-weight:800;font-size:17px}
.vg-det__emp a{color:#fff}
.vg-det__emp svg,.vg-det__local svg{width:18px;height:18px;color:var(--ciano);flex:none}
.vg-det .vg-tags{margin:10px 0 0}
.vg-cand{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}
.vg-cand__bt{flex:none;min-height:50px;padding:0 26px;border-radius:25px;font-size:15px}
.vg-cand__bt svg{width:18px;height:18px}
.vg-cand__fonte{display:flex;align-items:center;gap:7px;margin:0;font-size:12.5px;color:var(--apoio)}
.vg-cand__fonte svg{width:14px;height:14px;color:var(--verde);flex:none}
.vg-cand--fechada{display:block;padding:12px 14px;border:1px solid #7a3b3b;border-radius:12px;background:rgba(70,20,20,.45)}
.vg-det__grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;align-items:start}
.vg-det__resumo{margin:0;font-size:15px;color:var(--suave)}
.vg-req{margin:0;padding-left:20px}
.vg-req li{margin:5px 0}
.vg-nota{margin:10px 0 0;font-size:12px;color:var(--apoio2)}

@media (max-width:980px){
  .vg-busca{grid-template-columns:1fr 1fr}
  .vg-busca__bt{grid-column:1/-1}
}
@media (max-width:820px){
  .vg-topo__in{padding:22px 16px}
  .vg-corpo__in{padding:14px 16px 32px}
  .vg-busca{grid-template-columns:1fr}
  .vg-filtros{padding:10px}
  .vg-tipos{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6px}
  .vg-check,.vg-sel{width:100%}
  .vg-sel select{flex:1}
  .vg-limpar{margin-left:0}
  .vg-grade{grid-template-columns:1fr}
  .vg-det__grade{grid-template-columns:1fr}
  .vg-det__cab{padding:16px}
  .vg-cand__bt{width:100%}
  .vg-alt ul{columns:1}
}
.vg-limpar[hidden]{display:none}
.vg-det__cab h1:focus{outline:none}
.vg-cand__dest{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0;font-size:13px;color:var(--suave)}
.vg-cand__dest svg{width:14px;height:14px;color:var(--ciano);flex:none}
.vg-cand__dest strong{color:#fff}
.vg-cand{flex-direction:column;align-items:flex-start;gap:8px}
.vg-tipo[hidden]{display:none}
/* v0.8.4: sem vaga ativa → só a mensagem honesta e os canais permanentes */
.vg-sem-vagas .vg-busca,.vg-sem-vagas .vg-filtros,.vg-sem-vagas #vg-n{display:none}
.vg-vazio--geral{padding:22px;border:1px solid #2d5878;border-radius:16px;background:#04213a}
.vg-vazio__tit{font-size:18px;font-weight:800;color:#fff;margin:0 0 6px}

/* v0.8.6 (MOB-01): em telas estreitas, a barra de rolagem do próprio documento fica fina e no tema azul/ciano.
   Não remove a rolagem (continua visível e arrastável) e não muda nada acima de 820 px. */
@media (max-width:820px){
  html{scrollbar-width:thin;scrollbar-color:rgba(25,214,245,.55) #010d1e}
  html::-webkit-scrollbar{width:6px}
  html::-webkit-scrollbar-track{background:#010d1e}
  html::-webkit-scrollbar-thumb{background:rgba(25,214,245,.55);border-radius:3px}
}