/* PROJETTI · cabeçalho — tudo escopado em #pj-header para não vazar estilo */
#pj-header, #pj-header *{box-sizing:border-box}
#pj-header{
  --navy-top:#06233d; --navy:#0b2540; --blue:#0f75c7;
  position:relative; width:100%; z-index:9999;
  font-family:'Roboto',sans-serif;
  background:var(--navy);              /* padrão: fundo navy = legível em qualquer página */
}
/* na home o cabeçalho flutua transparente sobre o vídeo */
#pj-header.pj-front{
  position:absolute; top:0; left:0;
  background:transparent;
}
#pj-header a{text-decoration:none}

/* ---- barra de contato ---- */
#pj-header .pj-top{background:transparent;color:#fff;font-size:14px}
#pj-header .pj-top .pj-wrap{max-width:1240px;margin:0 auto;padding:8px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:44px}
#pj-header .pj-top .pj-grp{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
#pj-header .pj-top .pj-item{display:flex;align-items:center;gap:8px;white-space:nowrap;color:#dfe7f0}
#pj-header .pj-top .pj-item svg{width:15px;height:15px;fill:#efd72f;flex:none}
#pj-header .pj-top a.pj-item:hover{color:#fff}
#pj-header .pj-soc{display:flex;gap:10px}
#pj-header .pj-soc a{width:22px;height:22px;display:grid;place-items:center;transition:.2s}
#pj-header .pj-soc a:hover svg{fill:#efd72f}
#pj-header .pj-soc svg{width:16px;height:16px;fill:#fff;transition:.2s}

/* ---- nav principal ---- */
#pj-header .pj-nav .pj-wrap{max-width:1240px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:70px}
#pj-header .pj-logo img{height:52px;width:auto;display:block}
#pj-header .pj-menu{list-style:none;margin:0;padding:0;display:flex;gap:26px}
#pj-header .pj-menu a{font-family:'Montserrat',sans-serif;font-weight:500;font-size:15px;color:#fff;letter-spacing:.4px;padding:6px 0;position:relative}
#pj-header .pj-menu a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--blue);transition:.25s}
#pj-header .pj-menu a:hover::after,
#pj-header .pj-menu a.pj-active::after{width:100%}
#pj-header .pj-menu a.pj-active{color:#fff}
/* itens de contato do menu: existem só para o mobile — escondidos no desktop */
#pj-header .pj-mdiv,
#pj-header .pj-mcontact,
#pj-header .pj-msoc{display:none}

/* ---- botão hambúrguer ---- */
#pj-header .pj-burger{display:none;flex-direction:column;gap:6px;cursor:pointer;padding:8px;background:none;border:0;z-index:10001}
#pj-header .pj-burger span{width:28px;height:2px;background:#fff;border-radius:2px;transition:.3s}

/* ---- MOBILE: menu de tela inteira ---- */
@media(max-width:900px){
  /* remove COMPLETAMENTE a barra de contato do topo — ela vai para o menu */
  #pj-header .pj-top{display:none}

  #pj-header .pj-burger{display:flex}

  #pj-header .pj-menu{
    position:fixed;inset:0;width:100vw;height:100vh;
    background:var(--navy);flex-direction:column;justify-content:flex-start;align-items:center;
    gap:0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.3s;z-index:10000;
    overflow-y:auto;-webkit-overflow-scrolling:touch;padding:96px 24px 48px
  }
  #pj-header.pj-open .pj-menu{opacity:1;visibility:visible;transform:none}

  /* links de navegação */
  #pj-header .pj-menu>li>a{font-size:22px;padding:14px 0;width:100%;text-align:center;display:block}
  #pj-header .pj-menu a::after{display:none}

  /* ---- contatos dentro do menu (visíveis só aqui) ---- */
  #pj-header .pj-mdiv{display:block;width:min(320px,78%);height:1px;background:rgba(255,255,255,.16);margin:24px 0 10px}

  #pj-header .pj-mcontact{display:block;width:100%}
  #pj-header .pj-mcontact>a,
  #pj-header .pj-mcontact>span{display:flex;align-items:center;justify-content:center;gap:10px;color:#dfe7f0;font-size:15px;line-height:1.4;padding:11px 0;text-align:center}
  #pj-header .pj-mcontact svg{width:17px;height:17px;fill:#efd72f;flex:none}
  #pj-header .pj-mcontact>a:hover{color:#fff}
  #pj-header .pj-maddr>span{max-width:320px}
  #pj-header .pj-maddr>span>span{white-space:normal}

  #pj-header .pj-msoc{display:flex;justify-content:center;gap:20px;margin-top:16px}
  #pj-header .pj-msoc a{width:34px;height:34px;display:grid;place-items:center}
  #pj-header .pj-msoc svg{width:22px;height:22px;fill:#fff;transition:.2s}
  #pj-header .pj-msoc a:hover svg{fill:#efd72f}

  /* animação do hambúrguer */
  #pj-header.pj-open .pj-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  #pj-header.pj-open .pj-burger span:nth-child(2){opacity:0}
  #pj-header.pj-open .pj-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
}