/* V38 — Release Final Lock: correções visuais pequenas */
:root{
  --v38-gold:#f5a400;
  --v38-gold-soft:#ffe2a6;
  --v38-dark:#050911;
}

/* Menu global: mantém todos os itens centralizados e evita texto cortado */
html body .nav{
  min-height:88px!important;
  height:auto!important;
  padding:0!important;
  overflow:visible!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .nav .content-area{
  min-height:88px!important;
  height:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(12px,1.15vw,24px)!important;
  padding-top:0!important;
  padding-bottom:0!important;
  max-width:1540px!important;
  width:min(1540px, calc(100% - 52px))!important;
}
html body .nav__logo{
  width:74px!important;
  min-width:74px!important;
  height:58px!important;
  margin:0 clamp(8px,1vw,18px) 0 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
html body .nav__logo img{
  width:70px!important;
  max-width:70px!important;
  height:auto!important;
  display:block!important;
  object-fit:contain!important;
  transform:none!important;
}
html body .nav__links{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(18px,1.85vw,38px)!important;
  margin:0!important;
  padding:0!important;
  height:auto!important;
  min-height:48px!important;
}
html body .nav__links-item{
  height:48px!important;
  min-height:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
}
html body .nav__links-item a{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:48px!important;
  line-height:48px!important;
  padding:0!important;
  margin:0!important;
  overflow:visible!important;
  white-space:nowrap!important;
  font-size:clamp(13px,.82vw,16px)!important;
  letter-spacing:.12em!important;
}
html body .nav__links-item::before,
html body .nav__links-item::after{
  bottom:3px!important;
}
html body .nav__langs{
  display:flex!important;
  align-items:center!important;
  height:48px!important;
  margin-left:auto!important;
}
html body .nav__langs-current{
  height:48px!important;
  align-items:center!important;
}
html body .nav .button,
html body .nav-login-btn{
  height:46px!important;
  min-height:46px!important;
  min-width:132px!important;
  padding:0 24px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .nav .button span,
html body .nav-login-btn span{
  line-height:1!important;
  display:inline-block!important;
  padding:0!important;
  margin:0!important;
}

/* Hero CTA: impede corte do botão Comece sua Jornada */
html body .header-main{
  overflow:visible!important;
  min-height:clamp(760px, 88vh, 960px)!important;
}
html body .header__box.roi-hero-art-wrap{
  overflow:visible!important;
  padding-bottom:clamp(120px,14vh,172px)!important;
}
html body .roi-hero-art__brand,
html body .roi-hero-v10{
  overflow:visible!important;
}
html body .roi-hero-art .button.big,
html body .roi-hero-art__brand .button.big{
  position:relative!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:60px!important;
  height:auto!important;
  padding:0 48px!important;
  margin:26px auto 30px!important;
  line-height:1.05!important;
  overflow:visible!important;
  box-sizing:border-box!important;
  border-radius:999px!important;
}
html body .roi-hero-art .button.big span,
html body .roi-hero-art__brand .button.big span{
  display:block!important;
  line-height:1.05!important;
  padding:0!important;
  margin:0!important;
  white-space:normal!important;
  text-align:center!important;
}

/* Páginas internas: dá respiro para o topo após o menu */
html body .header.inner{
  min-height:auto!important;
}
html body .v21-page,
html body .ranking-game-page,
html body .events-page,
html body .download-page,
html body .account-page{
  padding-top:0!important;
}

/* Botões flutuantes: posição final sem cobrir conteúdo */
html body .back-to-top,
html body .back-to-top-v23,
html body [data-back-to-top]{
  right:30px!important;
  bottom:126px!important;
}
html body .floating-discord,
html body .floating-discord-v24,
html body .float-discord,
html body [data-floating-discord]{
  right:30px!important;
  bottom:50px!important;
}
html body .cursor-dot,
html body .cursor-ring,
html body #cursorDot,
html body #cursorRing,
html body .old-floating-dot,
html body .yellow-float,
html body .floating-cta,
html body .pro-floating-cta{
  display:none!important;
  opacity:0!important;
  pointer-events:none!important;
}

/* Painel: segura o menu em uma linha sem alterar o layout aprovado */
html body.account-body .nav .content-area{
  width:min(1540px, calc(100% - 52px))!important;
}
html body.account-body .nav__links{
  gap:clamp(16px,1.65vw,34px)!important;
}
html body.account-body .nav .button{
  min-width:128px!important;
}

@media (max-width:1360px){
  html body .nav .content-area{width:calc(100% - 32px)!important;gap:10px!important;}
  html body .nav__logo{width:58px!important;min-width:58px!important;margin-right:8px!important;}
  html body .nav__logo img{width:54px!important;max-width:54px!important;}
  html body .nav__links{gap:20px!important;}
  html body .nav__links-item a{font-size:13px!important;letter-spacing:.08em!important;}
  html body .nav .button{min-width:118px!important;padding:0 18px!important;}
}
@media (max-width:1180px){
  html body .nav__links{display:none!important;}
  html body .nav__logo{margin-right:auto!important;}
  html body .nav__open-links{display:flex!important;}
  html body .nav .button{min-width:auto!important;}
}
@media (max-width:768px){
  html body .nav{min-height:72px!important;}
  html body .nav .content-area{min-height:72px!important;width:calc(100% - 20px)!important;}
  html body .nav__logo, html body .nav__logo img{width:48px!important;max-width:48px!important;min-width:48px!important;}
  html body .nav__langs{display:none!important;}
  html body .nav .button{height:40px!important;min-height:40px!important;padding:0 14px!important;font-size:12px!important;}
  html body .header__box.roi-hero-art-wrap{padding-bottom:110px!important;}
  html body .roi-hero-art .button.big,
  html body .roi-hero-art__brand .button.big{min-height:54px!important;padding:0 32px!important;margin-bottom:28px!important;}
}
