/* ============================================================================
   V8 - HERO CENTRALIZADO + MENU COM EFEITO LIMPO
   Mantém a base V6, remove painel lateral do hero e deixa o conteúdo central.
============================================================================ */

/* MENU: no topo, visível e rolando junto com a página */
html body .wrapper > .header > .nav,
html body .header .nav,
html body .header-main .nav,
html body .header.inner .nav,
html body .cash-header .nav,
html body .nav {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  z-index: 120 !important;
}
html body .nav {
  min-height: 82px !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: linear-gradient(180deg, rgba(5, 8, 15, .95), rgba(6, 12, 22, .88)) !important;
  border-bottom: 1px solid rgba(255, 190, 58, .18) !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, .35) !important;
}
html body .nav .content-area {
  height: 82px !important;
  align-items: center !important;
}

/* Efeito dos menus: limpo, com hover/ativo profissional sem transformar o header */
html body .nav__links {
  gap: 8px !important;
}
html body .nav__links-item {
  position: relative !important;
  height: 48px !important;
  min-width: auto !important;
  padding: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  overflow: visible !important;
  transition: background .22s ease, transform .22s ease, box-shadow .22s ease !important;
}
html body .nav__links-item a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  height: 48px !important;
  padding: 0 19px !important;
  border-radius: 999px !important;
  color: rgba(245, 244, 238, .88) !important;
  text-decoration: none !important;
  letter-spacing: .06em !important;
  transition: color .22s ease, text-shadow .22s ease, background .22s ease !important;
}
html body .nav__links-item a::after {
  content: "" !important;
  position: absolute !important;
  left: 18px !important;
  right: 18px !important;
  bottom: 5px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, transparent, #ffb11f, #ffe08a, transparent) !important;
  opacity: 0 !important;
  transform: scaleX(.45) !important;
  transition: opacity .22s ease, transform .22s ease !important;
  box-shadow: 0 0 14px rgba(255, 177, 31, .7) !important;
}
html body .nav__links-item:hover a,
html body .nav__links-item.active a {
  color: #ffe68a !important;
  background: rgba(7, 10, 20, .78) !important;
  text-shadow: 0 0 18px rgba(255, 190, 58, .38) !important;
}
html body .nav__links-item:hover a::after,
html body .nav__links-item.active a::after {
  opacity: 1 !important;
  transform: scaleX(1) !important;
}
html body .nav__links-item:hover {
  transform: translateY(-1px) !important;
}

/* HERO: conteúdo centralizado, sem painel lateral */
html body .header-main {
  min-height: 860px !important;
  height: auto !important;
  overflow: hidden !important;
}
html body .header__box.roi-hero-art-wrap {
  min-height: calc(860px - 82px) !important;
  padding: 74px 20px 110px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
html body .header__content.roi-hero-art {
  width: min(1180px, 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}
html body .roi-hero-art__brand {
  width: min(920px, 100%) !important;
  max-width: 920px !important;
  margin: 0 auto !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}
html body .roi-hero-art__logo {
  width: 132px !important;
  margin: 0 auto 34px !important;
  justify-content: center !important;
}
html body .roi-hero-art__logo img {
  max-width: 132px !important;
}
html body .roi-hero-art__eyebrow {
  margin: 0 auto 24px !important;
}
html body .roi-hero-art__brand h1 {
  max-width: 880px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
  font-size: clamp(72px, 8.5vw, 132px) !important;
  line-height: .86 !important;
  letter-spacing: -.045em !important;
  color: #fff !important;
  text-shadow: 0 0 18px rgba(255,255,255,.26), 0 0 54px rgba(122,176,255,.16), 0 20px 46px rgba(0,0,0,.82) !important;
}
html body .roi-hero-art__tags {
  justify-content: center !important;
  margin: 18px auto 32px !important;
}
html body .roi-hero-art .button.big {
  margin: 0 auto !important;
}
html body .roi-hero-art__panel {
  display: none !important;
}

/* EVENTOS: remover tom de explicação e deixar a leitura mais oficial */
html body .pro-home-events .pro-subtitle,
html body .pro-news .pro-subtitle {
  max-width: 820px !important;
}
html body .pro-home-event {
  min-height: 330px !important;
  display: flex !important;
  flex-direction: column !important;
}
html body .pro-home-event h3 {
  min-height: 58px !important;
}
html body .pro-home-event p {
  min-height: 74px !important;
}
html body .pro-event-status,
html body .pro-event-cooldown {
  margin-top: auto !important;
}
html body .pro-event-cooldown + .pro-event-meta,
html body .pro-event-meta {
  margin-top: 14px !important;
}

@media (max-width: 1180px) {
  html body .header-main { min-height: 780px !important; }
  html body .header__box.roi-hero-art-wrap { min-height: calc(780px - 82px) !important; }
}
@media (max-width: 760px) {
  html body .nav { min-height: 66px !important; }
  html body .nav .content-area { height: auto !important; min-height: 66px !important; }
  html body .header-main { min-height: auto !important; }
  html body .header__box.roi-hero-art-wrap { min-height: auto !important; padding: 48px 18px 78px !important; }
  html body .roi-hero-art__logo,
  html body .roi-hero-art__logo img { max-width: 104px !important; }
  html body .roi-hero-art__brand h1 { font-size: clamp(54px, 18vw, 84px) !important; }
  html body .roi-hero-art__tags { gap: 8px !important; }
  html body .roi-hero-art__tags span { font-size: 10px !important; padding: 0 12px !important; }
}