/* V76 - Header final QA
   Fonte visual oficial: menu da página principal (index.php).
   Este arquivo fica por último para impedir diferenças entre account-panel e demais páginas. */

/* HEADER / NAV: mesmo comportamento em todas as páginas */
html body .header,
html body .header.inner,
html body .header.header-main{
  overflow:visible!important;
}
html body .header .nav,
html body .header.inner .nav,
html body .header.header-main .nav{
  position:relative!important;
  z-index:500!important;
  background:rgba(3,8,14,.96)!important;
  border-bottom:1px solid rgba(218,163,47,.16)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.28)!important;
  overflow:visible!important;
}
html body .header .nav .content-area,
html body .header.inner .nav .content-area,
html body .header.header-main .nav .content-area{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  max-width:1320px!important;
  min-height:74px!important;
  height:74px!important;
  margin:0 auto!important;
  padding:0 18px!important;
  gap:0!important;
  overflow:visible!important;
}

html body .header .nav__logo,
html body .header.inner .nav__logo,
html body .header.header-main .nav__logo{
  width:72px!important;
  min-width:72px!important;
  flex:0 0 72px!important;
  margin:0 22px 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
html body .header .nav__logo img,
html body .header.inner .nav__logo img,
html body .header.header-main .nav__logo img{
  width:auto!important;
  max-width:54px!important;
  max-height:54px!important;
  object-fit:contain!important;
  display:block!important;
}

/* MENU PRINCIPAL: igual ao index.php */
html body .header .nav__links,
html body .header.inner .nav__links,
html body .header.header-main .nav__links{
  position:static!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  height:74px!important;
  gap:clamp(14px,2.25vw,34px)!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body .header .nav__links-item,
html body .header.inner .nav__links-item,
html body .header.header-main .nav__links-item,
html body.account-v5-body .header.inner .nav__links-item,
html body.account-v6-body .header.inner .nav__links-item,
html body.account-v7-body .header.inner .nav__links-item,
html body.account-v9-body .header.inner .nav__links-item,
html body.account-v10-body .header.inner .nav__links-item,
html body.account-v11-body .header.inner .nav__links-item{
  position:relative!important;
  width:auto!important;
  min-width:0!important;
  height:74px!important;
  min-height:74px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
html body .header .nav__links-item a,
html body .header.inner .nav__links-item a,
html body .header.header-main .nav__links-item a,
html body.account-v5-body .header.inner .nav__links-item a,
html body.account-v6-body .header.inner .nav__links-item a,
html body.account-v7-body .header.inner .nav__links-item a,
html body.account-v9-body .header.inner .nav__links-item a,
html body.account-v10-body .header.inner .nav__links-item a,
html body.account-v11-body .header.inner .nav__links-item a{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:74px!important;
  min-height:74px!important;
  padding:0!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
  color:#e9e4d8!important;
  text-decoration:none!important;
  text-shadow:none!important;
  transform:none!important;
  transition:color .22s ease,text-shadow .22s ease,transform .22s ease!important;
}

/* remove qualquer underline alternativo dos patches antigos */
html body .header .nav__links-item::before,
html body .header.inner .nav__links-item::before,
html body .header.header-main .nav__links-item::before,
html body .header .nav__links-item a::before,
html body .header .nav__links-item a::after,
html body .header.inner .nav__links-item a::before,
html body .header.inner .nav__links-item a::after,
html body .header.header-main .nav__links-item a::before,
html body .header.header-main .nav__links-item a::after{
  content:none!important;
  display:none!important;
}

/* riscado/brilho único embaixo do menu: igual para todas as páginas */
html body .header .nav__links-item::after,
html body .header.inner .nav__links-item::after,
html body .header.header-main .nav__links-item::after,
html body.account-v5-body .header.inner .nav__links-item::after,
html body.account-v6-body .header.inner .nav__links-item::after,
html body.account-v7-body .header.inner .nav__links-item::after,
html body.account-v9-body .header.inner .nav__links-item::after,
html body.account-v10-body .header.inner .nav__links-item::after,
html body.account-v11-body .header.inner .nav__links-item::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  bottom:15px!important;
  transform:translateX(-50%)!important;
  width:0!important;
  min-width:0!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,rgba(255,169,0,0),#b87512 12%,#f0ad24 35%,#ffe28a 50%,#f0ad24 65%,#b87512 88%,rgba(255,169,0,0))!important;
  box-shadow:0 0 14px rgba(246,177,37,.62),0 0 28px rgba(246,177,37,.18)!important;
  opacity:0!important;
  pointer-events:none!important;
  transition:width .22s ease,opacity .22s ease,box-shadow .22s ease!important;
}
html body .header .nav__links-item:hover a,
html body .header .nav__links-item.active a,
html body .header.inner .nav__links-item:hover a,
html body .header.inner .nav__links-item.active a,
html body .header.header-main .nav__links-item:hover a,
html body .header.header-main .nav__links-item.active a,
html body.account-v11-body .header.inner .nav__links-item:hover a,
html body.account-v11-body .header.inner .nav__links-item.active a{
  color:#ffbd35!important;
  text-shadow:0 0 14px rgba(255,186,40,.40),0 0 26px rgba(255,186,40,.18)!important;
  transform:translateY(-1px)!important;
}
html body .header .nav__links-item:hover::after,
html body .header .nav__links-item.active::after,
html body .header.inner .nav__links-item:hover::after,
html body .header.inner .nav__links-item.active::after,
html body .header.header-main .nav__links-item:hover::after,
html body .header.header-main .nav__links-item.active::after,
html body.account-v11-body .header.inner .nav__links-item:hover::after,
html body.account-v11-body .header.inner .nav__links-item.active::after{
  width:calc(100% + 28px)!important;
  min-width:68px!important;
  opacity:1!important;
}

/* Idioma */
html body .header .nav__langs,
html body .header.inner .nav__langs,
html body .header.header-main .nav__langs{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:122px!important;
  min-width:122px!important;
  height:74px!important;
  margin:0 16px 0 auto!important;
  padding:0!important;
  flex:0 0 122px!important;
}
html body .header .nav__langs-current,
html body .header.inner .nav__langs-current,
html body .header.header-main .nav__langs-current{
  height:42px!important;
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}

/* Botão conectado: igual ao da página principal, em todas as páginas */
html body .header .nav .nav-auth-group,
html body .header.inner .nav .nav-auth-group,
html body .header.header-main .nav .nav-auth-group,
html body.account-v11-body .header.inner .nav .nav-auth-group{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
  flex:0 0 auto!important;
  margin:0!important;
  min-width:0!important;
  white-space:nowrap!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected,
html body.account-v5-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v6-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v7-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v9-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v10-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected,
html body.account-v11-body .nav-panel-btn.nav-auth-connected{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:176px!important;
  max-width:230px!important;
  height:46px!important;
  min-height:46px!important;
  padding:6px 16px!important;
  margin:0!important;
  border-radius:999px!important;
  gap:9px!important;
  color:#eaffda!important;
  border:1px solid rgba(91,255,116,.58)!important;
  background:linear-gradient(180deg,#36c761 0%,#1f8f41 52%,#14682e 100%)!important;
  box-shadow:0 0 0 1px rgba(130,255,142,.18),0 12px 28px rgba(21,180,70,.30),inset 0 1px 0 rgba(255,255,255,.35)!important;
  overflow:hidden!important;
  text-shadow:0 1px 2px rgba(0,0,0,.55)!important;
  text-decoration:none!important;
  letter-spacing:0!important;
  flex:0 0 auto!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected:hover,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected:hover,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected:hover,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(166,255,174,.32),0 16px 34px rgba(21,196,73,.40),0 0 24px rgba(82,255,103,.22),inset 0 1px 0 rgba(255,255,255,.42)!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected img,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected img,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected img,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected img{
  width:16px!important;
  height:16px!important;
  flex:0 0 16px!important;
  margin:0!important;
  filter:brightness(0) invert(1) drop-shadow(0 0 4px rgba(255,255,255,.35))!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected span,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected span,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected span,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected span{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  max-width:165px!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  overflow:hidden!important;
  font-family:Arial,Helvetica,sans-serif!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected strong,
html body .header .nav .nav-panel-btn.nav-auth-connected em,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected em,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected em,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected em{
  display:block!important;
  max-width:165px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  text-transform:uppercase!important;
  font-style:normal!important;
  font-weight:900!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected strong,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected strong{
  color:#fff!important;
  font-size:11px!important;
  letter-spacing:1.1px!important;
}
html body .header .nav .nav-panel-btn.nav-auth-connected em,
html body .header.inner .nav .nav-panel-btn.nav-auth-connected em,
html body .header.header-main .nav .nav-panel-btn.nav-auth-connected em,
html body.account-v11-body .header.inner .nav .nav-panel-btn.nav-auth-connected em{
  margin-top:3px!important;
  color:#d9ffd4!important;
  font-size:10px!important;
  letter-spacing:.85px!important;
}

/* Botão sair padronizado */
html body .header .nav .nav-auth-logout,
html body .header.inner .nav .nav-auth-logout,
html body .header.header-main .nav .nav-auth-logout,
html body.account-v11-body .header.inner .nav .nav-auth-logout{
  height:42px!important;
  min-width:70px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#ffd7d7!important;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
  border:1px solid rgba(255,116,116,.36)!important;
  background:linear-gradient(180deg,rgba(46,13,17,.92),rgba(15,18,24,.94))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.05)!important;
  transition:transform .2s ease,filter .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
html body .header .nav .nav-auth-logout:hover,
html body .header.inner .nav .nav-auth-logout:hover,
html body .header.header-main .nav .nav-auth-logout:hover,
html body.account-v11-body .header.inner .nav .nav-auth-logout:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  border-color:rgba(255,141,141,.65)!important;
  box-shadow:0 0 0 1px rgba(255,141,141,.13),0 12px 28px rgba(0,0,0,.38),0 0 18px rgba(255,70,70,.18)!important;
}

/* Login quando desconectado também mantido no padrão principal */
html body .header .nav .nav-panel-btn.nav-auth-login,
html body .header.inner .nav .nav-panel-btn.nav-auth-login,
html body .header.header-main .nav .nav-panel-btn.nav-auth-login{
  min-width:164px!important;
  width:164px!important;
  height:46px!important;
  padding:0 24px!important;
  border-radius:999px!important;
  letter-spacing:4px!important;
  background:linear-gradient(180deg,#ffd448 0%,#f5a313 55%,#e08b06 100%)!important;
  border:1px solid rgba(255,218,91,.72)!important;
  box-shadow:0 10px 28px rgba(232,142,5,.32),inset 0 1px 0 rgba(255,255,255,.38)!important;
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease!important;
}
html body .header .nav .nav-panel-btn.nav-auth-login:hover,
html body .header.inner .nav .nav-panel-btn.nav-auth-login:hover,
html body .header.header-main .nav .nav-panel-btn.nav-auth-login:hover{
  transform:translateY(-2px)!important;
  filter:brightness(1.08)!important;
  box-shadow:0 0 0 1px rgba(255,226,137,.35),0 14px 32px rgba(244,159,14,.35),0 0 24px rgba(255,183,45,.18)!important;
}

@media (max-width:1400px){
  html body .header .nav .content-area,
  html body .header.inner .nav .content-area,
  html body .header.header-main .nav .content-area{max-width:1180px!important;padding:0 16px!important;}
  html body .header .nav__links,
  html body .header.inner .nav__links,
  html body .header.header-main .nav__links{gap:clamp(12px,1.8vw,26px)!important;}
  html body .header .nav .nav-auth-group,
  html body .header.inner .nav .nav-auth-group{gap:8px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected{min-width:160px!important;max-width:205px!important;height:44px!important;padding:5px 13px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected span,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected span,
  html body .header .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header .nav .nav-panel-btn.nav-auth-connected em,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{max-width:145px!important;}
  html body .header .nav .nav-auth-logout,
  html body .header.inner .nav .nav-auth-logout{height:38px!important;min-width:62px!important;padding:0 12px!important;font-size:10px!important;letter-spacing:1.5px!important;}
}
@media (max-width:760px){
  html body .header .nav__links-item a{font-size:12px!important;letter-spacing:.08em!important;}
  html body .header .nav .nav-auth-group,
  html body .header.inner .nav .nav-auth-group{gap:6px!important;margin-left:auto!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected{min-width:120px!important;max-width:150px!important;height:42px!important;padding:4px 10px!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected img,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected img{display:none!important;}
  html body .header .nav .nav-panel-btn.nav-auth-connected span,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected span,
  html body .header .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected strong,
  html body .header .nav .nav-panel-btn.nav-auth-connected em,
  html body .header.inner .nav .nav-panel-btn.nav-auth-connected em{max-width:112px!important;font-size:9px!important;letter-spacing:.3px!important;}
  html body .header .nav .nav-auth-logout,
  html body .header.inner .nav .nav-auth-logout{height:34px!important;min-width:50px!important;padding:0 9px!important;font-size:9px!important;letter-spacing:.8px!important;}
}