@charset "UTF-8";

/* Homepage bronze — hero video + remapeamento violet/navy → ink/bronze (wiki) */

body.site-premium-mmo {
  --night-1: #0c0b0a;
  --night-2: #100e0c;
  --night-3: #1a1510;
  --night-4: #1a1510;
  --violet: #c79c4d;
  --violet-soft: #e8c373;
  --violet-deep: #7b5b2d;
  --violet-glow: rgba(199, 156, 77, 0.35);
  --moonlight: #d7c8a1;
  --text-primary: #f8f5ee;
  --text-secondary: #d7c8a1;
  --color-blue-rgb: #6a7a78;
  --color-blue: 106, 122, 120;
  --border-color: #7b5b2d;
  --body-background-color: 12, 11, 10;
  --body-background-color-rgb: #0c0b0a;
}

/* Home continuity: hero and the first content section meet without a spacer. */
body.site-premium-mmo #home { padding-bottom: 0 !important; }
body.site-premium-mmo #aboutserv1 { margin-top: 0 !important; }
body.site-premium-mmo #aboutserv1 > .home-aboutserv__hero-gap { display: none !important; height: 0 !important; }

/* Registration CTA: blue resting state, gold activation matching My Account. */
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn {
  width: 150px !important;
  min-width: 150px !important;
  height: 38px !important;
  min-height: 38px !important;
  padding: 0 1.2rem !important;
  color: #eef7ff !important;
  background: linear-gradient(145deg, #2569c7, #122e74) !important;
  border: 1px solid rgba(125, 190, 255, .82) !important;
  clip-path: polygon(.65rem 0, calc(100% - .65rem) 0, 100% 50%, calc(100% - .65rem) 100%, .65rem 100%, 0 50%);
  box-shadow: inset 0 0 1.25rem rgba(86, 163, 255, .24), 0 0 .9rem rgba(45, 122, 232, .22) !important;
  text-shadow: 0 0 .55rem rgba(181, 221, 255, .42) !important;
  transition: transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease !important;
  font-size: 11px !important;
  line-height: 38px !important;
}
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn::before { content: none !important; }
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:hover,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:focus-visible,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:active {
  color: #251706 !important;
  background: linear-gradient(145deg, #ffe49a, #d69424) !important;
  border-color: #ffe7a0 !important;
  box-shadow: inset 0 1px rgba(255,255,255,.55), 0 0 1.2rem rgba(229, 169, 53, .38) !important;
  text-shadow: 0 1px rgba(255,255,255,.35) !important;
  transform: translateY(-2px) scale(1.025) !important;
}

/* Ornamental MMORPG finish for the registration CTA. */
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn {
  isolation: isolate;
  overflow: visible !important;
  font-family: "ChelseaCYR", "AngelusMedieval", Georgia, serif !important;
  font-weight: 700 !important;
  letter-spacing: .11em !important;
  clip-path: polygon(10px 0, calc(50% - 10px) 0, 50% 6px, calc(50% + 10px) 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 10px 100%, 0 50%);
  background: radial-gradient(circle at 50% 0, rgba(122, 199, 255, .34), transparent 45%), linear-gradient(145deg, #2c78d9, #163f96 58%, #0b235f) !important;
  border: 2px solid #77bfff !important;
  box-shadow: inset 0 0 0 2px rgba(4, 22, 67, .72), inset 0 0 18px rgba(91, 174, 255, .3), 0 0 12px rgba(41, 126, 239, .32) !important;
}
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn::before {
  content: "" !important;
  position: absolute !important;
  inset: 4px 7px !important;
  width: auto !important;
  height: auto !important;
  z-index: -1 !important;
  display: block !important;
  background: transparent !important;
  border-top: 1px solid rgba(213, 239, 255, .7) !important;
  border-bottom: 1px solid rgba(88, 158, 244, .55) !important;
  clip-path: none !important;
  pointer-events: none;
}
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  left: 50% !important;
  top: -5px !important;
  width: 10px !important;
  height: 10px !important;
  transform: translateX(-50%) rotate(45deg) !important;
  background: linear-gradient(135deg, #eaf9ff, #4daaff 48%, #1550c2) !important;
  border: 1px solid #d7f2ff !important;
  box-shadow: 0 0 7px #54aeff, 0 0 14px rgba(47, 129, 255, .8) !important;
  pointer-events: none;
}
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:hover,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:focus-visible,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:active {
  background: radial-gradient(circle at 50% 0, rgba(255, 244, 183, .45), transparent 48%), linear-gradient(145deg, #ffe49a, #d69424 60%, #8a4c08) !important;
  border-color: #ffe8a6 !important;
  box-shadow: inset 0 0 0 2px rgba(84, 47, 4, .6), inset 0 0 18px rgba(255, 232, 151, .3), 0 0 16px rgba(229, 169, 53, .45) !important;
}
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:hover::before,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:focus-visible::before { border-color: rgba(255, 249, 211, .72) !important; }
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:hover::after,
html body.site-premium-mmo .navigation .navigation__el_register a.account-info-btn.info-btn:focus-visible::after { background: linear-gradient(135deg, #fff9d9, #ffc94f 48%, #b66c06) !important; border-color: #fff1b3 !important; box-shadow: 0 0 8px #ffcf5a, 0 0 16px rgba(234, 171, 38, .9) !important; }

/* Register returns as a navigation text link, not a button. */
html body.site-premium-mmo .navigation .navigation__register-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 2.2rem;
  padding: .25rem .35rem;
  color: rgba(226, 232, 241, .9);
  font-family: var(--font-0, "Intro", sans-serif);
  font-size: clamp(11px, .8vw, 13px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: .1em;
  text-decoration: none;
  text-transform: uppercase;
  background: none;
  border: 0;
  box-shadow: none;
  transition: color .22s ease, text-shadow .22s ease, transform .22s ease;
}
html body.site-premium-mmo .navigation .navigation__register-link::after {
  content: "";
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, #e8bd58, transparent);
  opacity: 0;
  transform: scaleX(.35);
  transition: opacity .22s ease, transform .22s ease;
}
html body.site-premium-mmo .navigation .navigation__register-link:hover,
html body.site-premium-mmo .navigation .navigation__register-link:focus-visible {
  color: #f4ce6c;
  text-shadow: 0 0 .8rem rgba(226, 176, 62, .48);
  transform: translateY(-1px);
  outline: none;
}
html body.site-premium-mmo .navigation .navigation__register-link:hover::after,
html body.site-premium-mmo .navigation .navigation__register-link:focus-visible::after { opacity: 1; transform: scaleX(1); }

/* Desliga o BG estático do topo (jpg) — o hero usa vídeo */
body.site-premium-mmo:not(.body--wiki) .page:before {
  background-image: none !important;
  height: 0 !important;
  -webkit-mask: none;
  mask: none;
}

/* Main — charcoal quente (sem cast navy de #0c0b0a em campos amplos) */
body.site-premium-mmo:not(.body--wiki) {
  background-color: #0c0b0a;
}

body.site-premium-mmo:not(.body--wiki) #main-content {
  background-color: transparent !important;
  background-image: none !important;
  position: relative;
  z-index: 1;
}

/* Labels da lateral (point__name) — navy hardcoded → ink/bronze */
body.site-premium-mmo .points .point__name {
  background: linear-gradient(135deg, rgba(16, 14, 10, 0.97), rgba(26, 20, 12, 0.97)) !important;
}

body.site-premium-mmo .points .point__name::before {
  background: rgba(16, 14, 10, 0.97) !important;
}

/* ─── Hero vídeo ─── */
.header-hero {
  position: relative;
  isolation: isolate;
}

/* Fundo próprio do hero removido (era vídeo, depois imagem estática com
   filtro escurecido só aqui). O Home agora usa o MESMO background global
   (arte dos 4 heróis, sem filtro, sem escurecimento extra) que todas as
   outras páginas do site — ver body.site-premium-mmo em
   apex-bronze-theme.css. Este bloco vira apenas um contêiner transparente
   (sem cor/imagem própria) para não tampar o background global; o overlay
   abaixo (.home-hero__media-overlay) continua ativo para dar contraste ao
   título/CTA grandes do hero, como antes. */
.home-hero__media {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
  background-color: transparent;
  -webkit-mask: none;
  mask: none;
}

.home-hero__media--image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.home-hero__media-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgb(21 14 10 / 13%) 0%, rgb(10 8 3 / 67%) 55%, rgb(21 17 10 / 69%) 100%), radial-gradient(circle at center, rgba(8, 20, 45, 0.02) 0%, rgba(0, 0, 0, 0.22) 100%);
  pointer-events: none;
}

.header-hero > .container[data-container="header"] {
  position: relative;
  z-index: 2;
}

/* ─── Features / meta cards ─── */
body.site-premium-mmo .meta_card--grimoire {
  background: linear-gradient(180deg, rgba(18, 15, 11, 0.94) 0%, rgba(8, 8, 9, 0.97) 100%);
  border-color: rgba(199, 156, 77, 0.40);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
}

body.site-premium-mmo .meta_card--grimoire:hover {
  border-color: rgba(212, 175, 55, 0.55);
}

/* Medalhão — marrom/bronze (sem navy/violeta do news-card) */
@keyframes home-pulse-glow {
  0%,
  100% {
    box-shadow:
      0 0 1.60714rem rgba(199, 156, 77, 0.35),
      inset 0 0.17857rem 0.35714rem rgba(232, 195, 115, 0.25),
      inset 0 -0.17857rem 0.53571rem rgba(0, 0, 0, 0.4),
      0 0.53571rem 1.25rem rgba(0, 0, 0, 0.5);
  }

  50% {
    box-shadow:
      0 0 3.39286rem rgba(199, 156, 77, 0.55),
      inset 0 0.17857rem 0.35714rem rgba(232, 195, 115, 0.4),
      inset 0 -0.17857rem 0.53571rem rgba(0, 0, 0, 0.4),
      0 0.53571rem 1.25rem rgba(0, 0, 0, 0.5);
  }
}

@keyframes home-img-pulse {
  0%,
  100% {
    filter: sepia(0.35) saturate(0.9) hue-rotate(-8deg) brightness(0.95)
      drop-shadow(0 0 0.53571rem rgba(199, 156, 77, 0.35));
  }

  50% {
    filter: sepia(0.35) saturate(0.95) hue-rotate(-8deg) brightness(1.02)
      drop-shadow(0 0 1.25rem rgba(199, 156, 77, 0.55));
  }
}

body.site-premium-mmo .medallion {
  background: radial-gradient(
    circle at 30% 30%,
    rgba(199, 156, 77, 0.42),
    rgba(123, 91, 45, 0.45) 50%,
    rgba(20, 16, 12, 0.98) 100%
  );
  box-shadow:
    0 0 1.60714rem rgba(199, 156, 77, 0.35),
    inset 0 0.17857rem 0.35714rem rgba(232, 195, 115, 0.25),
    inset 0 -0.17857rem 0.53571rem rgba(0, 0, 0, 0.4),
    0 0.53571rem 1.25rem rgba(0, 0, 0, 0.5);
  animation: home-pulse-glow 3s ease-in-out infinite, float 4s ease-in-out infinite;
}

body.site-premium-mmo .medallion img {
  filter: sepia(0.35) saturate(0.9) hue-rotate(-8deg) brightness(0.95);
  animation: home-img-pulse 3s ease-in-out infinite;
}

body.site-premium-mmo .medallion-wrap:hover .medallion {
  border-color: var(--gold-bright, #e8c373);
  animation: home-pulse-glow 2s ease-in-out infinite, float 3s ease-in-out infinite;
}

body.site-premium-mmo .medallion-wrap:hover .medallion img {
  animation-duration: 2s;
}

body.site-premium-mmo .meta_title {
  background: linear-gradient(
    180deg,
    #fffef8 0%,
    #efd48a 28%,
    #d4a84a 55%,
    #9a6824 82%,
    #5a3a14 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Seções aboutserv / fundo navy legado (#141c2c + webp azul) */
body.site-premium-mmo .section_aboutserv,
body.site-premium-mmo .home-aboutserv-section,
body.site-premium-mmo .section_aboutserv.home-aboutserv-section,
body.site-premium-mmo [data-section="aboutserv"],
body.site-premium-mmo [data-section="aboutserv1"] {
  /* background-color: transparent !important; */
  background-image: none !important;
}

/* btn-001.webp é navy — aquecer para bronze (Saiba mais / tabs) */
body.site-premium-mmo .meta_f-btn::before,
body.site-premium-mmo .rb-tab::before {
  filter: sepia(0.82) saturate(1.25) hue-rotate(2deg) brightness(0.78);
}

body.site-premium-mmo .meta_f-btn:hover::before,
body.site-premium-mmo .rb-tab:hover::before,
body.site-premium-mmo .rb-tab.active::before {
  filter: sepia(0.82) saturate(1.35) hue-rotate(2deg) brightness(0.9);
}

/* Stats ribbons — override violet/navy hardcoded do bundle */
body.site-premium-mmo .meta_ribbon-card {
  background:
    radial-gradient(ellipse 120% 80% at 100% 0%, rgba(199, 156, 77, 0.22), transparent 50%),
    linear-gradient(160deg, rgba(26, 20, 12, 0.85) 0%, rgba(12, 11, 10, 0.98) 100%);
}

body.site-premium-mmo .meta_ribbon-emblem {
  background: radial-gradient(
    circle at 35% 30%,
    rgba(232, 195, 115, 0.35),
    rgba(123, 91, 45, 0.2) 60%,
    transparent
  );
}

body.site-premium-mmo .meta_ribbon-hero {
  background: linear-gradient(180deg, rgba(199, 156, 77, 0.1), rgba(199, 156, 77, 0.02));
  border-top-color: rgba(199, 156, 77, 0.2);
  border-bottom-color: rgba(199, 156, 77, 0.2);
}

body.site-premium-mmo .meta_ribbon-hero-num {
  text-shadow: 0 0 1.78571rem rgba(199, 156, 77, 0.5);
}

/* Rankings server tabs */
body.site-premium-mmo .rb-srv-tab {
  background: rgba(12, 11, 10, 0.55);
  color: #d7c8a1;
}

body.site-premium-mmo .rb-srv-tab:hover {
  background: rgba(26, 21, 16, 0.7);
}

body.site-premium-mmo .rb-srv-tab.active {
  background: linear-gradient(135deg, rgba(212, 168, 50, 0.12), rgba(26, 21, 16, 0.8));
}

body.site-premium-mmo .rb-srv-dot {
  background: #8a6a3a;
}

/* Streams — lilás → ouro/ink */
body.site-premium-mmo .live-timer {
  background: linear-gradient(90deg, #c79c4d, #fff);
  -webkit-background-clip: text;
  background-clip: text;
}

body.site-premium-mmo .stream-viewers {
  color: #c79c4d;
}

body.site-premium-mmo .tg {
  background: rgba(26, 21, 16, 0.85);
}

/* Media / Community — remove webp navy + wash marrom */
body.site-premium-mmo [data-section="media"],
body.site-premium-mmo [data-section="community"] {
  /* background-color: #0c0b0a96 !important; */
  background-image: none!important;
}

/* Skeleton streams — ganha do streamsf5b5 (#0d1525 navy) */
body.site-premium-mmo .sl-skel-pulse {
  background: linear-gradient(90deg, #0c0b0a 25%, #1a1510 50%, #0c0b0a 75%);
  background-size: 200% 100%;
}

body.site-premium-mmo .sl-skel-board {
  background: rgba(12, 11, 10, 0.9);
}

/* Rank board streams — violeta → bronze */
body.site-premium-mmo .rank-row:hover {
  background: rgba(199, 156, 77, 0.09);
  box-shadow: inset 2px 0 0 rgba(199, 156, 77, 0.4);
}

body.site-premium-mmo .rank-row.rank-1 .rank-viewers .num {
  color: #e8c373;
  text-shadow: 0 0 0.71429rem rgba(199, 156, 77, 0.5);
}

/* Hex ghost btn — navy → marrom */
body.site-premium-mmo .hex-btn-outer--ghost {
  background: rgba(123, 91, 45, 0.28);
}

body.site-premium-mmo .hex-btn-outer--ghost::after,
body.site-premium-mmo .hex-btn-outer--ghost::before {
  background: rgba(199, 156, 77, 0.55);
}

body.site-premium-mmo .hex-btn-outer--ghost .hex-btn {
  background: linear-gradient(180deg, #1a1510 0%, #100e0c 45%, #100e0c 55%, #0c0b0a 100%);
}

/* Footer — azul frio → marrom/cream */
body.site-premium-mmo [data-section="footer"] {
  background: linear-gradient(180deg, #1a1510 0%, #100e0c 38%, #0c0b0a 100%);
  background-color: #100e0c;
}

body.site-premium-mmo [data-section="footer"] .footer {
  color: #d7c8a1;
}

body.site-premium-mmo [data-section="footer"] .fnav__link {
  color: rgba(215, 200, 161, 0.72);
}

/* Modal features — ink/bronze */
body.site-premium-mmo .feature-modal__overlay {
  background:
    radial-gradient(circle at center, rgba(16, 14, 10, 0.45) 0%, rgba(12, 11, 10, 0.82) 68%, rgba(2, 3, 5, 0.92) 100%),
    linear-gradient(rgba(16, 14, 10, 0.7) 0%, rgba(12, 11, 10, 0.88) 100%);
}

body.site-premium-mmo .feature-modal__panel {
  background: linear-gradient(rgba(22, 18, 12, 0.92) 0%, rgba(12, 11, 10, 0.97) 100%);
  box-shadow:
    0 0 0 0.0625rem rgba(226, 191, 113, 0.2) inset,
    0 0 0 0.12rem rgba(199, 156, 77, 0.18),
    0 0 0 0.25rem rgba(255, 255, 255, 0.02) inset,
    0 1.8rem 4.5rem rgba(0, 0, 0, 0.62),
    0 0 2.9rem rgba(199, 156, 77, 0.12);
}

body.site-premium-mmo .feature-modal__close {
  background: linear-gradient(180deg, rgba(26, 20, 12, 0.95), rgba(20, 16, 12, 0.96));
}

body.site-premium-mmo .feature-modal__close:hover,
body.site-premium-mmo .feature-modal__close:focus-visible {
  background: linear-gradient(180deg, rgba(123, 91, 45, 0.96), rgba(26, 20, 12, 0.96));
  border-color: rgba(199, 156, 77, 0.65);
  color: #fff;
}

body.site-premium-mmo .feature-modal__body::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(233, 203, 136, 0.88), rgba(123, 91, 45, 0.85));
}

body.site-premium-mmo .feature-modal__body {
  scrollbar-color: rgba(201, 166, 87, 0.55) rgba(20, 16, 12, 0.5);
}


/* =========================================================
   APEX TALE — CAMADAS SEGURAS PARA VÍDEO NA HOME INTEIRA
   Não altera opacity, animation ou transform dos cards/seções.
   ========================================================= */

body.site-premium-mmo:not(.body--wiki) .page,
body.site-premium-mmo:not(.body--wiki) main,
body.site-premium-mmo:not(.body--wiki) #main-content {
  background: transparent !important;
}

body.site-premium-mmo:not(.body--wiki) .header-hero,
body.site-premium-mmo:not(.body--wiki) #main-content > .section,
body.site-premium-mmo:not(.body--wiki) .home-aboutserv-section {
  position: relative;
  z-index: 2;
}

/* Mantém os blocos de conteúdo transparentes, mas não interfere
   nas animações de entrada/scroll já existentes do template. */
/* body.site-premium-mmo:not(.body--wiki) .section_aboutserv,
body.site-premium-mmo:not(.body--wiki) .home-aboutserv-section,
body.site-premium-mmo:not(.body--wiki) [data-section="aboutserv"],
body.site-premium-mmo:not(.body--wiki) [data-section="aboutserv1"] {
  background-color: transparent !important;
  background-image: none !important;
} */

/* Cards sempre acima do vídeo. */
body.site-premium-mmo .meta_card--grimoire {
  position: relative;
  z-index: 3;
}
@font-face {
  font-family: "ApexAngelus";
  src: url("../../site/templates/default/fonts/AngelusMedieval/AngelusMedieval.woff2") format("woff2");
  font-display: swap;
}

/* CTA do hero alinhado ao botão principal do painel */
html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(92vw, 40rem) !important;
  height: clamp(88px, 14vw, 100px) !important;
  min-height: 88px !important;
  margin: 0 auto !important;
  padding: 0 14% 1% !important;
  color: #2a1405 !important;
  background: transparent url("../../Painel/img/botao-principal-hover.png") center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  font-family: "ApexAngelus", "AngelusMedieval", Georgia, serif !important;
  font-size: clamp(1.18rem, 2.8vw, 1.45rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(255,231,165,.7), 0 2px 4px rgba(59,27,5,.28) !important;
  filter: drop-shadow(0 8px 13px rgba(0,0,0,.28)) !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo::before,
html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo span {
  margin: 0 !important;
  display: inline-block !important;
  white-space: nowrap !important;
}

html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo:hover,
html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo:focus-visible {
  color: #1d0d02 !important;
  background: transparent url("../../Painel/img/botao-principal-hover.png") center / 100% 100% no-repeat !important;
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.1) drop-shadow(0 0 7px rgba(255,220,116,.9)) drop-shadow(0 0 18px rgba(225,158,42,.72)) drop-shadow(0 12px 18px rgba(0,0,0,.34)) !important;
}

html body.site-premium-mmo .header-hero .header__btns.home-hero__btns a.button.home-hero__btn-fast-start.home-hero__btn-fast-start--mmo:active {
  transform: translateY(0) scale(.99) !important;
  filter: brightness(.96) drop-shadow(0 7px 12px rgba(0,0,0,.25)) !important;
}

/* CTA de transmissão usa o mesmo acabamento do botão "Baixar cliente". */
html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: min(88vw, 32rem) !important;
  height: clamp(82px, 13vw, 92px) !important;
  min-height: 82px !important;
  margin: 0 auto !important;
  padding: 0 14% 1% !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent url("../../Painel/img/botao-principal-hover.png") center / 100% 100% no-repeat !important;
  box-shadow: none !important;
  clip-path: none !important;
  color: #2a1405 !important;
  font-family: "ApexAngelus", "AngelusMedieval", Georgia, serif !important;
  font-size: clamp(1.18rem, 2.8vw, 1.45rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .11em !important;
  text-shadow: 0 1px 0 rgba(255,231,165,.7), 0 2px 4px rgba(59,27,5,.28) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  filter: drop-shadow(0 8px 13px rgba(0,0,0,.28)) !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta::before,
html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta span {
  display: inline-block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta:hover,
html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta:focus-visible {
  color: #1d0d02 !important;
  background: transparent url("../../Painel/img/botao-principal-hover.png") center / 100% 100% no-repeat !important;
  transform: translateY(-2px) scale(1.015) !important;
  filter: brightness(1.1) drop-shadow(0 0 7px rgba(255,220,116,.9)) drop-shadow(0 0 18px rgba(225,158,42,.72)) drop-shadow(0 12px 18px rgba(0,0,0,.34)) !important;
}

html body.site-premium-mmo .media__btns a.button.b-stream.home-primary-cta:active {
  transform: translateY(0) scale(.99) !important;
  filter: brightness(.96) drop-shadow(0 7px 12px rgba(0,0,0,.25)) !important;
}

/* Halo animado atrás da marca, sem duplicar a imagem */
html body.site-premium-mmo .header-hero .home-hero-brand__link {
  position: relative !important;
  isolation: isolate !important;
  overflow: visible !important;
}

html body.site-premium-mmo .header-hero .home-hero-brand__link::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  inset: 5% 2% 2% !important;
  z-index: -1 !important;
  pointer-events: none !important;
  border-radius: 50% !important;
  background: radial-gradient(ellipse at center,
    rgba(255,235,169,.72) 0%,
    rgba(235,180,67,.46) 30%,
    rgba(191,119,31,.24) 52%,
    transparent 78%) !important;
  filter: blur(27px) !important;
  transform: scale(.96) !important;
  opacity: .82 !important;
  animation: apex-logo-aura 3.8s ease-in-out infinite !important;
}

html body.site-premium-mmo .header-hero .home-hero-brand__img {
  position: relative !important;
  z-index: 1 !important;
  filter:
    drop-shadow(0 0 10px rgba(255,218,119,.34))
    drop-shadow(0 16px 18px rgba(0,0,0,.72)) !important;
}

html body.site-premium-mmo .header-hero .home-hero-brand__link:hover::before,
html body.site-premium-mmo .header-hero .home-hero-brand__link:focus-visible::before {
  opacity: 1 !important;
  filter: blur(31px) !important;
  animation: apex-logo-hover-aura 1.15s ease-in-out infinite !important;
}

html body.site-premium-mmo .header-hero .home-hero-brand__link:hover .home-hero-brand__img,
html body.site-premium-mmo .header-hero .home-hero-brand__link:focus-visible .home-hero-brand__img {
  animation: apex-logo-hover-flash 1.15s ease-in-out infinite !important;
}

@keyframes apex-logo-aura {
  0%, 100% { opacity: .72; transform: scale(.94); }
  50% { opacity: .98; transform: scale(1.1); }
}

@keyframes apex-logo-hover-aura {
  0%, 100% {
    opacity: .84;
    transform: scale(.98);
    filter: blur(27px);
  }
  48% {
    opacity: 1;
    transform: scale(1.18);
    filter: blur(35px);
  }
}

@keyframes apex-logo-hover-flash {
  0%, 100% {
    filter: brightness(1.03) saturate(1.04)
      drop-shadow(0 0 11px rgba(255,218,119,.48))
      drop-shadow(0 16px 18px rgba(0,0,0,.72));
  }
  48% {
    filter: brightness(1.2) saturate(1.13)
      drop-shadow(0 0 15px rgba(255,245,190,.82))
      drop-shadow(0 0 34px rgba(241,176,49,.68))
      drop-shadow(0 16px 18px rgba(0,0,0,.7));
  }
}

@media (prefers-reduced-motion: reduce) {
  html body.site-premium-mmo .header-hero .home-hero-brand__link:hover::before,
  html body.site-premium-mmo .header-hero .home-hero-brand__link:focus-visible::before,
  html body.site-premium-mmo .header-hero .home-hero-brand__link:hover .home-hero-brand__img,
  html body.site-premium-mmo .header-hero .home-hero-brand__link:focus-visible .home-hero-brand__img {
    animation: none !important;
  }
}

/* Minha Conta — moldura medieval em dourado/bronze integrada ao cabeçalho. */
html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: clamp(12.8rem, 13.5vw, 14.4rem) !important;
  height: 3.9rem !important;
  min-height: 0 !important;
  padding: 0 14% 1% !important;
  color: #f6d982 !important;
  background: transparent url("../../site/templates/default/images/btn/btn-002.webp") center / 100% 100% no-repeat !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-family: "ApexAngelus", "AngelusMedieval", Georgia, serif !important;
  font-size: clamp(.8rem, .9vw, .96rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .115em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  text-shadow: 0 1px 0 rgba(255,244,188,.35), 0 2px 4px rgba(24,9,0,.95), 0 0 7px rgba(230,164,42,.35) !important;
  filter: brightness(1.28) saturate(1.12) contrast(1.06) drop-shadow(0 3px 5px rgba(0,0,0,.62)) drop-shadow(0 0 3px rgba(236,171,49,.3)) !important;
  transition: transform .16s ease, filter .16s ease !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn::before,
html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn::after {
  pointer-events: none !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn::before {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn::after {
  content: none !important;
  display: none !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn:hover,
html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn:focus-visible {
  color: #fff0ad !important;
  background: transparent url("../../site/templates/default/images/btn/btn-002.webp") center / 100% 100% no-repeat !important;
  transform: translateY(-1px) scale(1.025) !important;
  filter: brightness(1.38) saturate(1.16) contrast(1.06) drop-shadow(0 0 4px rgba(255,210,99,.58)) drop-shadow(0 3px 6px rgba(0,0,0,.56)) !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn:active {
  transform: translateY(0) scale(.99) !important;
  filter: brightness(.98) drop-shadow(0 3px 7px rgba(0,0,0,.55)) !important;
}

html body.site-premium-mmo .navigation .navigation__el_auth .account-info-btn__label {
  display: inline-block !important;
  position: relative !important;
  z-index: 1 !important;
  padding-top: 1px !important;
  font-family: "ApexAngelus", "AngelusMedieval", Georgia, serif !important;
  font-size: clamp(.94rem, 1vw, 1.08rem) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .095em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  color: #ffe294 !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #ffe294 !important;
  -webkit-text-stroke: .2px rgba(255,242,185,.5) !important;
  filter: none !important;
  text-shadow: 0 1px 0 rgba(255,246,202,.32), 0 2px 3px rgba(18,6,0,.98), 0 0 7px rgba(240,178,54,.42) !important;
}

/* A marca mantém a escala cinematográfica no desktop e ocupa menos área
   nas larguras usadas por celulares/tablets. */
@media (max-width:1100px) {
  html body.site-premium-mmo .header-hero .home-hero-brand__link {
    display:flex!important;
    justify-content:center!important;
    width:min(72vw,430px)!important;
    margin-inline:auto!important;
  }
  html body.site-premium-mmo .header-hero .home-hero-brand__img {
    display:block!important;
    width:100%!important;
    max-width:430px!important;
    height:auto!important;
    object-fit:contain!important;
  }
}
@media (max-width:600px) {
  html body.site-premium-mmo .header-hero .home-hero-brand__link {
    width:min(76vw,340px)!important;
  }
}

html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn:hover .account-info-btn__label,
html body.site-premium-mmo .navigation .navigation__el_auth a.account-info-btn.info-btn:focus-visible .account-info-btn__label {
  color: #fff4bd !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: #fff4bd !important;
  -webkit-text-stroke: 0 transparent !important;
  filter: none !important;
  text-shadow: 0 1px 0 rgba(255,252,222,.5), 0 2px 3px rgba(18,6,0,.98), 0 0 10px rgba(255,205,91,.7) !important;
}

/* Refinamento final da marca e do acesso à conta. */
html body.site-premium-mmo .header-hero .home-hero-brand__link::before {
  inset:-2% -6% -5%!important;
  background:radial-gradient(ellipse at center,rgba(85,190,255,.68) 0%,rgba(22,126,235,.42) 30%,rgba(0,78,190,.20) 54%,transparent 76%)!important;
  filter:blur(26px)!important;
  opacity:.78!important;
  transform:scale(1.02)!important;
}
html body.site-premium-mmo .header-hero .home-hero-brand__img {
  filter:drop-shadow(0 0 12px rgba(79,190,255,.48)) drop-shadow(0 0 28px rgba(18,112,238,.28)) drop-shadow(0 16px 18px rgba(0,0,0,.72))!important;
}
html body.site-premium-mmo .navigation .navigation__el_auth .account-info-btn__label {
  color:#fff0b0!important;-webkit-text-fill-color:#fff0b0!important;-webkit-text-stroke:0!important;
  text-shadow:0 1px 0 #3a1c00,0 2px 2px rgba(0,0,0,.95)!important;
  filter:none!important;
}