/* Camada visual comum para Notícias e Guias — preserva scripts e conteúdo. */
html { color-scheme: dark; }

.news-brand:focus,
.news-brand:active,
.guide-brand:focus,
.guide-brand:active {
  outline: 0 !important;
}

body {
  background:
    linear-gradient(180deg, rgba(5, 2, 3, .16), #0a0305 760px),
    url("../Images/Oriental2026/hero-dragon-warlord.png") center top / 1920px auto no-repeat,
    #080305 !important;
  color: #d9c9bd;
}

body:before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, transparent 360px, rgba(8, 3, 5, .74) 720px, #080305 1040px);
  pointer-events: none;
}

.news-topbar,
.guide-topbar {
  border-bottom: 1px solid rgba(232, 169, 67, .34) !important;
  background: linear-gradient(180deg, rgba(18, 6, 8, .98), rgba(8, 3, 5, .96)) !important;
  box-shadow: 0 15px 44px rgba(0, 0, 0, .56) !important;
}

.news-topbar:after,
.guide-topbar:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  height: 12px;
  background: linear-gradient(135deg, transparent 8px, rgba(213, 143, 48, .42) 9px, transparent 10px) 0 0 / 30px 12px repeat-x;
  pointer-events: none;
}

.news-brand img,
.guide-brand img {
  width: 185px !important;
  height: 72px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 8px 14px rgba(0, 0, 0, .76)) !important;
}

.news-nav a,
.guide-nav a {
  color: #e8d7c5 !important;
}

.news-nav a:hover,
.guide-nav a:hover,
.news-nav .download,
.guide-nav .download {
  color: #ffd787 !important;
}

.news-nav .download,
.guide-nav .download {
  border-color: #d89b39 !important;
  background: linear-gradient(180deg, #a72a1e, #5d0d12) !important;
}

.news-hero,
.guide-hero {
  min-height: 620px !important;
  padding-top: 75px !important;
  background:
    linear-gradient(90deg, rgba(7, 2, 4, .30), transparent 56%, rgba(7, 2, 4, .14)),
    url("../Images/Oriental2026/hero-dragon-warlord.png") center top / cover no-repeat !important;
  border-bottom: 1px solid rgba(232, 169, 67, .25) !important;
  box-shadow: inset 0 -110px 95px #080305 !important;
}

.news-hero:after,
.guide-hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 45%, rgba(7, 2, 4, .68) 82%, #080305);
  pointer-events: none;
}

.news-hero-logo,
.guide-hero-logo,
.news-hero-copy,
.guide-hero-copy,
.news-sparks,
.guide-sparks {
  z-index: 2 !important;
}

.news-hero-logo img,
.guide-hero-logo img {
  width: min(660px, 92vw) !important;
  height: 350px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 24px 34px #000) drop-shadow(0 0 14px rgba(224, 84, 24, .30)) !important;
}

.news-hero-copy,
.guide-hero-copy {
  border-left-color: #d99a39 !important;
  background: linear-gradient(90deg, rgba(11, 4, 6, .78), transparent) !important;
}

.news-hero-copy > span,
.guide-hero-copy > span,
.news-section-head span,
.guide-panel-head span,
.archive-head span {
  color: #f0b653 !important;
}

.news-hero-copy h1,
.guide-hero-copy h1,
.news-section-head h2,
.guide-panel-head h2,
.archive-head h2 {
  color: #ffe0a0 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  text-shadow: 0 5px 24px rgba(0, 0, 0, .74) !important;
}

.news-subnav,
.guide-subnav {
  border: 1px solid rgba(224, 159, 59, .27) !important;
  background: linear-gradient(90deg, transparent, rgba(77, 15, 17, .48), transparent) !important;
}

.news-panel,
.news-archive,
.guide-panel,
.notice-board,
.info-card,
.guide-step,
.news-entry,
.launch-announcement {
  border-color: rgba(225, 159, 58, .30) !important;
  background: linear-gradient(145deg, rgba(34, 11, 14, .96), rgba(9, 4, 6, .98)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .42) !important;
}

.news-panel,
.guide-panel,
.news-archive {
  position: relative;
}

.news-panel:before,
.guide-panel:before,
.news-archive:before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(244, 194, 92, .08);
  pointer-events: none;
}

.featured-news,
.guide-banner {
  border-color: rgba(234, 172, 67, .45) !important;
}

.featured-news:after,
.guide-banner:after {
  background: linear-gradient(180deg, transparent 28%, rgba(8, 3, 5, .94)) !important;
}

.launch-download,
.guide-panel-head a,
.news-entry a,
.info-card a {
  border-color: #d99a39 !important;
  background: linear-gradient(180deg, #ac2a1f, #620e13) !important;
  color: #fff0c7 !important;
}

.news-footer,
.guide-footer {
  border-top-color: rgba(231, 168, 65, .27) !important;
  background:
    linear-gradient(90deg, rgba(12, 4, 6, .96), rgba(46, 10, 13, .84), rgba(12, 4, 6, .96)),
    url("../Images/Oriental2026/dragon-fortress-banner.png") center / cover no-repeat !important;
}

.news-footer img,
.guide-footer img {
  object-fit: contain !important;
  filter: drop-shadow(0 10px 18px #000) !important;
}

@media (max-width: 860px) {
  .news-hero,
  .guide-hero {
    min-height: 700px !important;
    background-position: 61% top !important;
    background-size: auto 700px !important;
  }

  .news-hero-logo img,
  .guide-hero-logo img { height: 285px !important; }
}

@media (max-width: 560px) {
  .news-hero,
  .guide-hero {
    min-height: 640px !important;
    background-position: 62% top !important;
    background-size: auto 640px !important;
  }

  .news-hero-logo img,
  .guide-hero-logo img { height: 230px !important; }
}

/* Cabecalho imperial unificado para Noticias e Guias. */
.news-topbar,
.guide-topbar {
  height: 94px !important;
  min-height: 94px !important;
  padding: 0 max(24px, calc((100% - 1240px) / 2)) !important;
  justify-content: center !important;
  isolation: isolate;
}

.news-brand,
.guide-brand {
  width: 190px !important;
  height: 104px !important;
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  z-index: 4 !important;
  overflow: visible !important;
  transform: translateX(-50%) !important;
}

.news-brand img,
.guide-brand img {
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  transition: transform .28s ease, filter .28s ease !important;
}

.news-brand:hover img,
.guide-brand:hover img {
  transform: translateY(-2px) scale(1.025) !important;
}

.news-nav,
.guide-nav {
  width: min(100%, 1080px) !important;
  height: 94px !important;
  min-height: 94px !important;
  justify-content: center !important;
  gap: 19px !important;
}

.news-nav a,
.guide-nav a,
.news-nav .download,
.guide-nav .download {
  min-height: 94px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 13px !important;
  letter-spacing: .08em !important;
}

.news-nav a:nth-child(3),
.guide-nav a:nth-child(3) {
  margin-right: 300px !important;
}

.news-nav a:after,
.guide-nav a:after {
  height: 2px !important;
  right: 5px !important;
  bottom: 21px !important;
  left: 5px !important;
  background: linear-gradient(90deg, transparent, #e6ad4b, transparent) !important;
}

.news-nav a:hover,
.guide-nav a:hover {
  background: transparent !important;
}

.news-hero,
.guide-hero {
  min-height: 545px !important;
  padding-top: 105px !important;
  background-position: center 34% !important;
  box-shadow: inset 0 -125px 100px #080305 !important;
}

.news-hero-logo img,
.guide-hero-logo img {
  height: 315px !important;
}

.news-hero-copy,
.guide-hero-copy {
  padding: 25px 28px !important;
  border: 1px solid rgba(218, 151, 48, .28) !important;
  border-left: 3px solid #d99a39 !important;
  background: linear-gradient(90deg, rgba(20, 5, 7, .91), rgba(20, 5, 7, .24)) !important;
  box-shadow: 0 20px 42px rgba(0, 0, 0, .34) !important;
}

/* Paginas antigas de sistemas: remove a barra estrangeira e aplica a identidade oficial. */
.gm-offical-top,
.r2nav {
  display: none !important;
}

.sub_wrap {
  min-width: 0 !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 0 72px !important;
  position: relative !important;
  overflow: hidden !important;
  background:
    linear-gradient(180deg, rgba(7, 2, 4, .08), rgba(8, 3, 5, .80) 540px, #080305 900px),
    url("../Images/Oriental2026/hero-dragon-warlord.png") center top / 1920px auto no-repeat,
    #080305 !important;
}

.sub_wrap:before {
  content: "";
  height: 12px;
  position: absolute;
  top: 94px;
  right: 0;
  left: 0;
  z-index: 5;
  background: linear-gradient(135deg, transparent 8px, rgba(213, 143, 48, .44) 9px, transparent 10px) 0 0 / 30px 12px repeat-x;
  pointer-events: none;
}

.sub_main {
  width: min(1200px, 100%) !important;
  min-height: 860px !important;
  margin: 0 auto !important;
  padding: 0 24px 56px !important;
  position: relative !important;
  background: none !important;
}

.sub_logo {
  width: 190px !important;
  height: 104px !important;
  position: absolute !important;
  top: -5px !important;
  left: 50% !important;
  z-index: 9 !important;
  transform: translateX(-50%) !important;
  background: url("../Images/Brand/herdeiro-dos-deuses.png") center / contain no-repeat !important;
  filter: drop-shadow(0 10px 16px #000) drop-shadow(0 0 9px rgba(223, 91, 24, .28)) !important;
}

.sub_nav {
  width: 100vw !important;
  height: 94px !important;
  margin-left: calc(50% - 50vw) !important;
  padding: 0 max(24px, calc((100vw - 1030px) / 2)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 24px !important;
  position: relative !important;
  z-index: 8 !important;
  border-bottom: 1px solid rgba(225, 159, 53, .52) !important;
  background:
    radial-gradient(circle at 50% 120%, rgba(149, 31, 19, .23), transparent 35%),
    linear-gradient(180deg, #100608, #070304 82%) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .62) !important;
}

.sub_nav a {
  width: auto !important;
  height: 94px !important;
  margin: 0 !important;
  padding: 0 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  float: none !important;
  color: #ead9c4 !important;
  background: none !important;
  font: 700 13px/1 Georgia, "Times New Roman", serif !important;
  letter-spacing: .08em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-indent: 0 !important;
  text-transform: uppercase !important;
  text-shadow: 0 2px 7px #000 !important;
}

.sub_nav a:nth-child(2) {
  margin-right: 300px !important;
}

.sub_nav a:after {
  content: "";
  height: 2px;
  position: absolute;
  right: 5px;
  bottom: 21px;
  left: 5px;
  background: linear-gradient(90deg, transparent, #e6ad4b, transparent);
  transform: scaleX(0);
  transition: transform .25s ease;
}

.sub_nav a:hover {
  color: #ffe09c !important;
}

.sub_nav a:hover:after {
  transform: scaleX(1);
}

.play {
  width: 260px !important;
  height: 62px !important;
  position: absolute !important;
  top: 385px !important;
  left: 50% !important;
  z-index: 6 !important;
  transform: translateX(-50%) !important;
  border: 1px solid #dda13b !important;
  background: linear-gradient(180deg, #ae2c1e, #610d12) !important;
  box-shadow: 0 14px 32px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 224, 146, .25) !important;
  color: #fff1c9 !important;
  text-decoration: none !important;
}

.play:after {
  content: "ENTRAR NO JOGO";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #fff1c9;
  font: 900 14px/1 Arial, sans-serif;
  letter-spacing: .13em;
  text-shadow: 0 2px 7px #000;
}

.play:hover {
  filter: brightness(1.16);
  transform: translateX(-50%) translateY(-2px) !important;
}

.play .html5 {
  display: none !important;
}

.sub_all {
  width: min(1080px, 100%) !important;
  margin: 0 auto !important;
  padding: 410px 0 0 !important;
  background: none !important;
}

.sub_content {
  width: 100% !important;
  min-height: 360px !important;
  padding: 42px clamp(22px, 5vw, 62px) 56px !important;
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(225, 159, 58, .38) !important;
  background: linear-gradient(145deg, rgba(34, 11, 14, .97), rgba(9, 4, 6, .98)) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .48) !important;
  color: #d9c9bd !important;
  font: 16px/1.75 Arial, Helvetica, sans-serif !important;
}

.sub_content:before {
  content: "";
  position: absolute;
  inset: 9px;
  border: 1px solid rgba(244, 194, 92, .09);
  pointer-events: none;
}

.sub_title {
  width: auto !important;
  min-height: 56px !important;
  margin: -42px clamp(-62px, -5vw, -22px) 24px !important;
  padding: 17px clamp(22px, 5vw, 62px) !important;
  border-bottom: 1px solid rgba(225, 159, 58, .38) !important;
  background: linear-gradient(90deg, rgba(143, 29, 20, .70), rgba(60, 10, 13, .18)) !important;
  color: #ffe0a0 !important;
  font: 700 clamp(23px, 4vw, 38px)/1.15 Georgia, "Times New Roman", serif !important;
  letter-spacing: .035em !important;
  text-shadow: 0 5px 18px #000 !important;
}

.sub_date {
  margin-bottom: 18px !important;
  color: #e9ad4d !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

.sub_line {
  height: 1px !important;
  margin: 0 0 24px !important;
  background: linear-gradient(90deg, #ce8d30, rgba(206, 141, 48, .06)) !important;
}

.sub_content p,
.sub_content span,
.sub_content li {
  color: #d9c9bd !important;
  font-family: Arial, Helvetica, sans-serif !important;
  line-height: 1.75 !important;
}

.sub_content img {
  max-width: 100% !important;
  height: auto !important;
  border: 1px solid rgba(225, 159, 58, .26) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, .38) !important;
}

@media (max-width: 900px) {
  .news-topbar,
  .guide-topbar {
    height: 144px !important;
    min-height: 144px !important;
    padding: 76px 14px 7px !important;
  }

  .news-brand,
  .guide-brand {
    width: 164px !important;
    height: 82px !important;
  }

  .news-nav,
  .guide-nav {
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    gap: 4px !important;
    flex-wrap: wrap !important;
  }

  .news-nav a,
  .guide-nav a,
  .news-nav .download,
  .guide-nav .download,
  .news-nav a:nth-child(3),
  .guide-nav a:nth-child(3) {
    min-height: 40px !important;
    margin-right: 0 !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }

  .news-nav a:after,
  .guide-nav a:after {
    bottom: 3px !important;
  }

  .news-hero,
  .guide-hero {
    min-height: 650px !important;
    padding-top: 150px !important;
    background-position: 60% top !important;
    background-size: auto 650px !important;
  }

  .news-hero-logo img,
  .guide-hero-logo img {
    height: 260px !important;
  }

  .sub_wrap:before {
    top: 144px;
  }

  .sub_main {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  .sub_logo {
    width: 164px !important;
    height: 82px !important;
  }

  .sub_nav {
    height: 144px !important;
    padding: 76px 10px 7px !important;
    gap: 5px !important;
    flex-wrap: wrap !important;
  }

  .sub_nav a,
  .sub_nav a:nth-child(2) {
    height: 42px !important;
    margin-right: 0 !important;
    padding: 0 8px !important;
    font-size: 11px !important;
  }

  .sub_nav a:after {
    bottom: 4px;
  }

  .play {
    top: 400px !important;
  }

  .sub_all {
    padding-top: 390px !important;
  }
}

@media (max-width: 560px) {
  .news-topbar,
  .guide-topbar {
    height: 174px !important;
    min-height: 174px !important;
  }

  .news-nav,
  .guide-nav {
    max-width: 390px !important;
  }

  .news-nav a,
  .guide-nav a {
    flex: 1 1 28% !important;
  }

  .news-hero,
  .guide-hero {
    min-height: 620px !important;
    padding-top: 180px !important;
    background-position: 61% top !important;
    background-size: auto 620px !important;
  }

  .news-hero-logo img,
  .guide-hero-logo img {
    height: 215px !important;
  }

  .news-hero-copy,
  .guide-hero-copy {
    padding: 20px !important;
  }

  .sub_wrap:before {
    top: 178px;
  }

  .sub_nav {
    height: 178px !important;
    padding-top: 76px !important;
  }

  .sub_nav a {
    flex: 1 1 28% !important;
  }

  .play {
    top: 414px !important;
    width: 230px !important;
  }

  .sub_all {
    padding-top: 380px !important;
  }

  .sub_content {
    padding: 34px 20px 42px !important;
  }

  .sub_title {
    margin: -34px -20px 20px !important;
    padding: 15px 20px !important;
  }
}