/* ============================================================
   iDeep — Portal de Vagas (MENU)
   Arquivo: /suite/layout/layout_vagas.css

   PASSO 1:
   - Menu fixo, arredondado, cor primária
   - Home ativo (branco)
   - Botão "Ver vagas" à direita
============================================================ */

:root{
  --prim: var(--empresa-primaria, #5583EF);
  --sec:  var(--empresa-secundaria, #79C944);

  --text: #0f172a;
  --bg: #ffffff;
}

*{ box-sizing:border-box; }

body.portal-vagas{
  margin:0;
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Arial;
  background:#fff;
  color:var(--text);
}

/* ============================================================
   MENU (igual ao print)
============================================================ */
.pv-menu{
  position:fixed;
  top:14px;
  left:0;
  right:0;
  z-index:9999;
  pointer-events:none; /* o wrapper flutua sem bloquear; inner reabilita */
}

.pv-menu-inner{
  pointer-events:auto;

  max-width:1520px;
  margin:0 auto;
  padding:14px 22px;

  display:flex;
  align-items:center;
  gap:22px;

  background:var(--prim);
  border-radius:24px;
  box-shadow:0 18px 40px rgba(0,0,0,.20);
}

/* Espaço para o conteúdo não ficar embaixo do menu */
.pv-menu-spacer{
  height:92px; /* ajustado para altura real do menu */
}

/* Logo do cliente */
.pv-menu-brand{
  display:flex;
  align-items:center;
  text-decoration:none;
  flex:0 0 auto;
}

.pv-menu-brand img{
  height:34px;
  width:auto;
  max-width:220px;
  object-fit:contain;
  display:block;

  /* Se o logo do cliente for escuro e sumir, removemos isso depois.
     Por enquanto NÃO aplico invert, porque cada logo é diferente. */
}

/* Navegação */
.pv-menu-nav{
  display:flex;
  align-items:center;
  gap:18px;
  justify-content:center;
  flex:1 1 auto;
}

.pv-menu-link{
  text-decoration:none;
  color:rgba(255,255,255,.92);
  font-weight:800;
  font-size:14px;
  padding:10px 16px;
  border-radius:14px;
  transition:all .12s ease;
  opacity:.92;
}

.pv-menu-link:hover{
  background:rgba(255,255,255,.14);
  opacity:1;
}

/* Home ativo (branco) */
.pv-menu-link.is-active{
  background:#fff;
  color:var(--prim);
  opacity:1;
}

/* Botão Ver vagas */
.pv-menu-cta{
  flex:0 0 auto;
  text-decoration:none;

  padding:12px 18px;
  border-radius:14px;

  border:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-weight:900;
  font-size:14px;
  transition:all .12s ease;
}

.pv-menu-cta:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.75);
}

/* Responsivo */
@media(max-width: 980px){
  .pv-menu-inner{ padding:12px 16px; border-radius:20px; }
  .pv-menu-nav{ display:none; }
  .pv-menu-spacer{ height:84px; }
}