/* V40 — Release final check: pequenos ajustes de QA sem redesenhar */
:root{
  --v40-gold:#ffae13;
  --v40-gold-soft:#ffe38e;
  --v40-cream:#f1e6d2;
}

/* Menu global: alinhamento estável em desktop/notebook */
html body .nav{
  height:78px!important;
  min-height:78px!important;
  overflow:visible!important;
}
html body .nav .content-area{
  height:78px!important;
  min-height:78px!important;
  width:min(1580px,calc(100% - 48px))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  flex-wrap:nowrap!important;
  overflow:visible!important;
}
html body .nav__logo{
  width:88px!important;
  min-width:88px!important;
  flex:0 0 88px!important;
  height:64px!important;
  margin:0 38px 0 0!important;
  overflow:visible!important;
}
html body .nav__logo img{
  width:78px!important;
  max-width:78px!important;
  height:auto!important;
  object-fit:contain!important;
}
html body .nav__links{
  height:78px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  flex-wrap:nowrap!important;
  gap:clamp(26px,2.1vw,48px)!important;
  flex:1 1 auto!important;
  min-width:0!important;
  overflow:visible!important;
}
html body .nav__links-item,
html body .nav__links-item a{
  height:78px!important;
  min-height:78px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  overflow:visible!important;
  transform:none!important;
}
html body .nav__links-item a{
  padding:0!important;
  font-size:14px!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
html body .nav__links-item::after{
  bottom:14px!important;
  height:2px!important;
  width:0!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,var(--v40-gold),var(--v40-gold-soft),var(--v40-gold),transparent)!important;
  box-shadow:0 0 12px rgba(255,174,19,.65)!important;
  opacity:0!important;
}
html body .nav__links-item:hover::after,
html body .nav__links-item.active::after{
  width:54px!important;
  opacity:1!important;
}
html body .nav__links-item:hover,
html body .nav__links-item.active,
html body .nav__links-item:hover a,
html body .nav__links-item.active a{
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}

/* Bloco de ações do menu: evita quebra entre idioma/login/painel */
html body .nav__langs{
  height:78px!important;
  min-height:78px!important;
  margin:0 18px 0 auto!important;
  flex:0 0 auto!important;
}
html body .nav .button,
html body .nav-login-btn{
  height:44px!important;
  min-height:44px!important;
  min-width:138px!important;
  max-width:170px!important;
  padding:0 24px!important;
  margin-left:14px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  flex:0 0 auto!important;
  transform:none!important;
}
html body .nav .button img{
  width:16px!important;
  height:16px!important;
  margin-right:8px!important;
  flex:0 0 auto!important;
}
html body .nav .button span,
html body .nav-login-btn span{
  line-height:1!important;
  letter-spacing:.135em!important;
  white-space:nowrap!important;
}
html body .nav .button:hover,
html body .nav-login-btn:hover{
  transform:translateY(-1px)!important;
  background:linear-gradient(180deg,#ffc837,#f4a009)!important;
  box-shadow:0 16px 34px rgba(255,169,13,.24),0 0 0 4px rgba(255,174,19,.08)!important;
}

/* Quebra controlada em notebooks menores */
@media (max-width:1500px){
  html body .nav .content-area{width:min(1480px,calc(100% - 36px))!important;}
  html body .nav__logo{margin-right:30px!important;}
  html body .nav__links{gap:clamp(20px,1.65vw,34px)!important;}
  html body .nav__links-item a{font-size:13px!important;letter-spacing:.115em!important;}
  html body .nav .button,html body .nav-login-btn{min-width:128px!important;padding:0 20px!important;margin-left:12px!important;}
  html body .nav__langs{margin-left:auto!important;margin-right:14px!important;}
}
@media (max-width:1250px){
  html body .nav__logo{width:74px!important;min-width:74px!important;flex-basis:74px!important;margin-right:22px!important;}
  html body .nav__logo img{width:68px!important;max-width:68px!important;}
  html body .nav__links{gap:18px!important;}
  html body .nav__links-item a{font-size:12px!important;letter-spacing:.09em!important;}
  html body .nav .button,html body .nav-login-btn{min-width:112px!important;padding:0 15px!important;}
}

/* Hero CTA: respiro final contra corte inferior */
html body .header-main{overflow:hidden!important;}
html body .header__box.roi-hero-art-wrap{
  overflow:visible!important;
  padding-bottom:clamp(190px,20vh,260px)!important;
}
html body .roi-hero-art .button.big,
html body .roi-hero-art__brand .button.big{
  min-height:66px!important;
  height:auto!important;
  padding:15px 58px!important;
  margin:34px auto 92px!important;
  line-height:1.05!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:visible!important;
  box-sizing:border-box!important;
}
html body .roi-hero-art .button.big span,
html body .roi-hero-art__brand .button.big span{
  display:block!important;
  line-height:1.08!important;
  white-space:normal!important;
  text-align:center!important;
  padding:0!important;
}
html body .roi-hero-art .button.big:hover,
html body .roi-hero-art__brand .button.big:hover{
  transform:translateY(-1px)!important;
}

/* Botões flutuantes: posição final sem cobrir cards importantes */
html body .back-to-top,
html body .v23-back-to-top,
html body .floating-back-to-top{
  right:28px!important;
  bottom:124px!important;
  z-index:90!important;
}
html body .floating-discord,
html body .v24-floating-discord,
html body .float-discord{
  right:28px!important;
  bottom:52px!important;
  z-index:89!important;
}
html body .play-now-float{
  right:28px!important;
  bottom:52px!important;
  max-width:260px!important;
}
html body.has-discord-float .play-now-float{
  bottom:132px!important;
}

/* Cards e seções: pequenos ajustes sem alterar desenho */
html body .pro-news-card{min-height:230px!important;}
html body .pro-section{overflow:visible!important;}
html body .content-area{box-sizing:border-box!important;}

/* Painel: o menu não deve quebrar e o topo não deve cortar */
html body.account-panel-page .nav,
html body .account-panel .nav{overflow:visible!important;}
html body .account-shell,
html body .panel-shell,
html body .player-panel{
  overflow:visible!important;
}

@media (max-width:991px){
  html body .header__box.roi-hero-art-wrap{padding-bottom:140px!important;}
  html body .roi-hero-art .button.big,html body .roi-hero-art__brand .button.big{padding:14px 34px!important;margin-bottom:70px!important;}
  html body .back-to-top,html body .v23-back-to-top,html body .floating-back-to-top{right:18px!important;bottom:112px!important;}
  html body .floating-discord,html body .v24-floating-discord,html body .float-discord{right:18px!important;bottom:42px!important;}
}