@charset "UTF-8";

/* Shared fixed nav + footer glass (body--shared-nav).
   Single source — same as wiki. Do not redeclare per-page.
   Hero/page overlay + sticky offset stay on body--guias-hero only. */

body.body--shared-nav.site-premium-mmo .page > .section[data-section="navigation"],
body.body--shared-nav .page > .section[data-section="navigation"] {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 50 !important;
  background: rgba(10, 9, 7, 0.72) !important;
  background-color: rgba(10, 9, 7, 0.72) !important;
  background-image: none !important;
  border-bottom-color: transparent !important;
  box-shadow: 0 1px 0 rgba(212, 175, 55, 0.12) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
  backdrop-filter: blur(12px) saturate(1.06) !important;
}

body.body--shared-nav .page > .section[data-section="navigation"] .container,
body.body--shared-nav .page > .section[data-section="navigation"] .navigation {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}

html.nav-scroll body.body--shared-nav.site-premium-mmo .page > .section[data-section="navigation"],
html.nav-scroll body.body--shared-nav .page > .section[data-section="navigation"],
body.body--shared-nav.site-premium-mmo.nav-scroll .page > .section[data-section="navigation"],
body.body--shared-nav.nav-scroll .page > .section[data-section="navigation"],
body.body--shared-nav .page.nav-scroll > .section[data-section="navigation"] {
  background: rgba(10, 9, 7, 0.88) !important;
  background-color: rgba(10, 9, 7, 0.88) !important;
  background-image: none !important;
  box-shadow: 0 1px 0 rgba(212, 175, 55, 0.16), 0 8px 24px rgba(0, 0, 0, 0.28) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
  backdrop-filter: blur(14px) saturate(1.05) !important;
}

@media (max-width: 1199.99px) {
  html.nav-scroll body.body--shared-nav.site-premium-mmo .page > .section[data-section="navigation"],
  html.nav-scroll body.body--shared-nav .page > .section[data-section="navigation"],
  body.body--shared-nav.site-premium-mmo.nav-scroll .page > .section[data-section="navigation"],
  body.body--shared-nav.nav-scroll .page > .section[data-section="navigation"],
  body.body--shared-nav .page.nav-scroll > .section[data-section="navigation"] {
    background: rgba(10, 9, 7, 0.9) !important;
    background-color: rgba(10, 9, 7, 0.9) !important;
    background-image: none !important;
    -webkit-backdrop-filter: blur(14px) saturate(1.05) !important;
    backdrop-filter: blur(14px) saturate(1.05) !important;
  }
}

/* Internal-page hero overlay + sticky — NOT applied on Home */
body.body--guias-hero .page::before {
  opacity: 1;
  background-image: linear-gradient(180deg, rgba(10, 9, 7, 0.28) 0%, rgba(18, 16, 12, 0.48) 100%) !important;
  background-position: center top;
  background-size: cover;
}

body.body--guias-hero {
  --wiki-sticky-top: calc(var(--navigation-height, 5rem) + clamp(16px, 2vw, 24px));
}

/* Menu typography — shared (Home + internal pages) */
/* body.body--shared-nav.site-premium-mmo .menu__item {
  font-family: "Cinzel", var(--font-1, "ChelseaCYR", Georgia, serif) !important;
  font-weight: 600 !important;
} */

body.body--shared-nav .menu__item.menu__item--active {
  color: var(--mmo-gold-bright, #f0ce60) !important;
}

body.body--shared-nav .menu__sub-item.menu__sub-item--active .menu__sub-content {
  color: var(--mmo-gold-bright, #f0ce60);
}

/* Logo treatment — same everywhere shared-nav is on */
body.body--shared-nav .navigation__logotype .logo__img_short {
  filter:
    drop-shadow(0 0 1.07rem rgba(212, 175, 55, 0.28))
    drop-shadow(0 0.18rem 0.36rem rgba(0, 0, 0, 0.7))
    hue-rotate(-18deg)
    saturate(0.72)
    brightness(0.96) !important;
}

body.body--shared-nav .navigation__logotype .logo:hover .logo__img_short {
  filter:
    drop-shadow(0 0 1.78rem rgba(212, 175, 55, 0.5))
    drop-shadow(0 0.18rem 0.36rem rgba(0, 0, 0, 0.75))
    hue-rotate(-18deg)
    saturate(0.72)
    brightness(0.98) !important;
}

body.body--shared-nav .page > footer.section[data-section="footer"] {
  background: rgba(10, 9, 7, 0.82) !important;
  background-color: rgba(10, 9, 7, 0.82) !important;
  border-top: 1px solid rgba(166, 140, 90, 0.2) !important;
  background-image: none !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.06) !important;
  backdrop-filter: blur(12px) saturate(1.06) !important;
}

body.body--shared-nav .page > footer.section[data-section="footer"] .container {
  background: transparent !important;
  background-color: transparent !important;
}

/* Vídeo de fundo antigo (bg-site.mp4, .global-video-background e
   respectivas classes __video/__overlay) removido — era um <video>
   fixed/100vw/100vh carregado em TODA página interna (Notícias, Download,
   Rankings, Wiki, Histórico), sobrepondo visualmente e desperdiçando banda
   (arquivo de dezenas de MB) por cima do background global estático que
   já existe em body.site-premium-mmo (apex-bronze-theme.css). O
   background-color !important que existia aqui em body.body--guias-hero
   também foi removido por ser parte do mesmo mecanismo antigo — o
   background-color definido em body.site-premium-mmo já cobre o
   fallback correto (sem !important, então não conflita). */

/* Keep the whole page above the global background. */
body.body--guias-hero .page,
body.body--guias-hero #main-content {
  position: relative;
  z-index: 1;
  background: transparent !important;
}

body.body--guias-hero .page::before {
  background-image: linear-gradient(180deg, rgba(10, 9, 7, 0.06) 0%, rgba(10, 9, 7, 0.16) 100%) !important;
}

/* Remove old static hero artwork, leaving decorative overlays and content. */
body.body--guias-hero .guias-hero {
  position: relative;
  overflow: hidden;
  background-color: transparent !important;
  background-image: none !important;
}

body.body--guias-hero .guias-hero__bg {
  background-color: transparent !important;
  background-image: none !important;
}

/* Deixa o background global (arte dos 4 heróis) aparecer por trás do
   conteúdo em vez de tampar tudo com um painel quase opaco. Opacidade
   reduzida de 0.90 para 0.80 (mesma faixa de "--page-panel" já usada em
   page-surface.css) — ainda garante contraste de leitura em texto/tabelas
   (Rankings, Histórico, Wiki, Notícias), só deixa mais da arte visível
   através do conteúdo, como pedido. */
body.body--guias-hero .section:not([data-section="navigation"]):not([data-section="footer"]),
body.body--guias-hero .section_news-article,
body.body--guias-hero .section_news-page,
body.body--guias-hero .section_download-page,
body.body--guias-hero .section_guias-wiki,
body.body--guias-hero .section_rankings-page,
body.body--guias-hero .section_logs-page {
  background-color: rgba(9, 8, 7, 0.80) !important;
  background-image: none !important;
}

/* Center every internal-page title block. */
body.body--guias-hero .wiki-hero__container,
body.body--guias-hero .guias-hero__container,
body.body--guias-hero .wiki-hero__center,
body.body--guias-hero [class*="hero__center"] {
  text-align: center !important;
}

body.body--guias-hero .wiki-hero__center,
body.body--guias-hero [class*="hero__center"] {
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: center !important;
  justify-content: center !important;
}

body.body--guias-hero .wiki-hero-metal,
body.body--guias-hero .wiki-hero-metal__stage,
body.body--guias-hero .wiki-hero-metal__title,
body.body--guias-hero .wiki-hero__title,
body.body--guias-hero [class*="hero__title"] {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}

/* Smaller internal-page titles. */
body.body--guias-hero .wiki-hero-metal {
  --whm-size: clamp(38px, 3.1vw, 54px) !important;
}

body.body--guias-hero .wiki-hero__title:not(.wiki-hero-metal__title),
body.body--guias-hero .news-hero__title--article {
  font-size: clamp(36px, 3vw, 52px) !important;
  line-height: 1.08 !important;
}

@media (max-width: 767.98px) {
  body.body--guias-hero .wiki-hero-metal {
    --whm-size: clamp(30px, 8vw, 40px) !important;
  }

  body.body--guias-hero .wiki-hero__title:not(.wiki-hero-metal__title),
  body.body--guias-hero .news-hero__title--article {
    font-size: clamp(28px, 7.6vw, 40px) !important;
  }
}
/* Mantém o cursor oficial mesmo sobre componentes que carregam estilos
   específicos de links, botões, formulários e modais. */
html,body,body *,body *::before,body *::after{
  cursor:url("../cursor/DefaultCursor.cur"),default!important;
}

/* Cursor de interação do jogo: substitui o ponteiro nativo em todos os
   elementos clicáveis, selecionáveis e controles de formulário. */
:where(
  a,button,select,option,summary,label[for],
  input,textarea,[role="button"],[role="link"],[tabindex]:not([tabindex="-1"]),
  [onclick],.clickable,.swiper-button-prev,.swiper-button-next
),
:where(
  a,button,select,summary,label[for],input,textarea,[role="button"],
  [role="link"],[onclick],.clickable
) *{
  cursor:url("../cursor/Talk_Cursor.cur"),pointer!important;
}

/* Durante carregamentos assíncronos, mantém o cursor personalizado. */
:where(.loading,.is-loading,.preloader,[aria-busy="true"]),
:where(.loading,.is-loading,.preloader,[aria-busy="true"]) *{
  cursor:url("../cursor/DefaultCursor.cur"),wait!important;
}