:root {
  --primary: #ee9b59;
  --secondary: #a45a09;
  --accent: #f6c177;
  --bg: #f0e4d7;
  --surface: #fff7ef;
  --card: #2f6fd6;
  --text: #2f241e;
  --shadow: 0 12px 24px rgba(91, 54, 17, 0.10);
  --radius: 12px;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: var(--bg);
  color: var(--text);
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
select,
textarea {
  font: inherit;
}

.container {
  width: min(1100px, calc(100% - 120px));
  margin: 0 auto;
}

/* HEADER */

.site-header {
  background: var(--primary);
  position: relative;
  z-index: 20;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
}

.header-inner {
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.logo-wrap {
  display: inline-flex;
  align-items: center;
}

.logo-image {
  height: 60px;
  object-fit: contain;
}

.header-tools {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.header-select,
.header-search input,
.header-back {
  height: 40px;
  border-radius: 8px;
  border: 2px solid rgba(255, 255, 255, 0.45);
  background: #fff7f0;
  padding: 0 12px;
  color: var(--text);
}

.header-select {
  min-width: 240px;
  background: var(--secondary);
  color: #fff;
  border-color: rgba(255, 255, 255, 0.35);
}

.header-search {
  display: flex;
  align-items: center;
}

.header-search input {
  min-width: 220px;
  border-right: none;
  border-radius: 8px 0 0 8px;
  background: #fff;
  outline: none;
}

.header-search button {
  height: 40px;
  border: none;
  background: #fff;
  border-radius: 0 8px 8px 0;
  padding: 0 12px;
  cursor: pointer;
}

.header-back {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  background: #fff;
}

/* PÁGINAS */

.home-page,
.game-page,
.category-page .game-page {
  padding: 20px 0 40px;
}

.block {
  margin-bottom: 28px;
}

.block-title {
  margin: 0 0 12px;
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  line-height: 1.1;
}

#popularSection[hidden],
#recommendedSection[hidden],
#newSection[hidden],
#favoritesSection[hidden],
#categoryRowsSection[hidden],
#announcementBox[hidden],
#resultsSection[hidden] {
  display: none;
}

/* HOME - HERO / MAIS JOGADOS */

#featuredWrap {
  width: 100%;
  margin: 0 auto;
}

.featured-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-template-rows: 180px 180px 120px;
  grid-template-areas:
    "main main side1 side2"
    "main main side3 side4"
    "bottom1 bottom2 bottom3 bottom4";
  gap: 14px;
  align-items: stretch;
  width: 100%;
  margin: 0 auto;
}

.featured-main {
  grid-area: main;
  background: var(--surface);
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--shadow);
  position: relative;
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 0;
}

.featured-thumb {
  height: 100%;
  min-height: 0;
  background: #ead6c5;
}

.featured-side-grid,
.featured-bottom-grid {
  display: contents;
}

.featured-side-grid .featured-side-card:nth-child(1) {
  grid-area: side1;
}

.featured-side-grid .featured-side-card:nth-child(2) {
  grid-area: side2;
}

.featured-side-grid .featured-side-card:nth-child(3) {
  grid-area: side3;
}

.featured-side-grid .featured-side-card:nth-child(4) {
  grid-area: side4;
}

.featured-bottom-grid .featured-side-card:nth-child(1) {
  grid-area: bottom1;
}

.featured-bottom-grid .featured-side-card:nth-child(2) {
  grid-area: bottom2;
}

.featured-bottom-grid .featured-side-card:nth-child(3) {
  grid-area: bottom3;
}

.featured-bottom-grid .featured-side-card:nth-child(4) {
  grid-area: bottom4;
}

.featured-side-card,
.game-card {
  position: relative;
  overflow: hidden;
  background: var(--surface);
  border-radius: 10px;
  box-shadow: var(--shadow);
  display: grid;
  grid-template-rows: 1fr auto;
  min-height: 0;
}

.side-thumb,
.game-thumb {
  background: #ead6c5;
}

.media {
  position: relative;
  overflow: hidden;
  background: #ead6c5;
}

.media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.18),
    rgba(0, 0, 0, 0.03) 55%,
    rgba(255, 255, 255, 0.05)
  );
  opacity: 0.45;
  transition: opacity 0.16s ease-out;
}

.featured-thumb img,
.side-thumb img,
.game-thumb img,
.game-hero img,
.game-hero-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.16s ease-out;
  will-change: transform;
}

.featured-main:hover img,
.featured-side-card:hover img,
.game-card:hover img,
.related-grid .game-card:hover img,
.category-games .game-card:hover img {
  transform: scale(1.08);
}

.featured-main:hover .media::after,
.featured-side-card:hover .media::after,
.game-card:hover .media::after {
  opacity: 0.72;
}

.featured-caption,
.game-caption {
  background: var(--card);
  color: #fff;
  padding: 8px 10px;
  font-size: 13px;
  min-height: 30px;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.featured-caption strong,
.game-caption strong {
  display: block;
  width: 100%;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-card > a,
.featured-side-card > a {
  display: block;
}

.game-card > a {
  display: grid;
  grid-template-rows: 1fr 34px;
  height: 100%;
}

.game-card .game-caption {
  background: var(--card);
  color: #fff;
  height: 34px;
  min-height: 34px;
  max-height: 34px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
}

.game-card .game-caption strong {
  margin: 0;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  flex: 1 1 auto;
  min-width: 0;
}

.game-card .game-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
  min-width: 0;
  margin: 0;
}

.game-card .game-category,
.game-card .game-plays {
  font-size: 12px;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-card .game-category {
  font-weight: 700;
  max-width: 90px;
}

.game-card .game-plays {
  text-align: right;
  max-width: 90px;
}

.sidebar-game-title,
.sidebar-post-title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* LISTAGENS */

.game-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
}

.game-grid.small-cards {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

#recommendedGrid,
#newGrid,
#favoriteGrid,
#searchResults,
.category-section .game-grid {
  width: 100%;
  margin: 0 auto;
}

.game-card .game-thumb {
  aspect-ratio: 16 / 9;
}

.game-meta {
  font-size: 12.5px;
  opacity: 0.84;
  margin-top: 6px;
  display: flex;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.game-category {
  font-weight: 700;
}

/* FAVORITOS REMOVIDOS */

.fav-btn {
  display: none !important;
}

.hover-badge {
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: rgba(255, 255, 255, 0.94);
  color: #1f2937;
  font-size: 12px;
  font-weight: 700;
  padding: 7px 10px;
  border-radius: 999px;
  opacity: 0;
  transform: translateY(6px);
  transition: all 0.16s ease-out;
  z-index: 2;
}

.featured-main:hover .hover-badge,
.featured-side-card:hover .hover-badge,
.game-card:hover .hover-badge {
  opacity: 1;
  transform: translateY(0);
}

.announcement {
  background: #fff1e3;
  border: 1px solid #ebb47a;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.category-section {
  margin-top: 22px;
}

.category-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.category-head h3 {
  margin: 0;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.view-all {
  font-size: 14px;
  font-weight: 700;
}

/* PÁGINA DO JOGO */

.game-page .block-title,
.game-page h1,
.game-page h2,
.game-page h3 {
  color: var(--text);
}

.game-hero {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 24px;
  margin-bottom: 24px;
  align-items: start;
}

.game-hero-cover {
  background: var(--surface);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
  min-height: 320px;
}

.game-hero-cover img {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.panel {
  background: var(--surface);
  border-radius: var(--radius);
  padding: 18px;
  box-shadow: var(--shadow);
}

.panel h1,
.panel h2,
.panel h3,
.panel p {
  margin-top: 0;
}

.game-page #gamePage > .panel {
  margin-bottom: 24px;
}

.game-page #gamePage > .panel:last-of-type {
  margin-bottom: 0;
}

.tag-list {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}

.tag {
  background: #ffe6cf;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.play-area {
  background: #000;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  margin: 22px 0 0;
  box-shadow: var(--shadow);
}

.play-area.dos-player-preview {
  aspect-ratio: auto;
  min-height: 680px;
  height: 72vh;
}

.play-area.dos-player-preview #game-player-container,
.play-area.dos-player-preview .dos-player-shell,
.play-area.dos-player-preview .dos-player-shell iframe,
.play-area.dos-player-preview iframe {
  width: 100%;
  height: 100%;
  min-height: 680px;
}

.play-area iframe {
  width: 100%;
  height: 100%;
  border: none;
  background: #111;
  display: block;
}

/* PREVIEW ANTES DE JOGAR */

.game-preview {
  position: relative;
  background: #000;
  display: grid;
  place-items: center;
}

.game-preview-cover {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.game-preview-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.game-preview-cover::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.18) 40%, rgba(0, 0, 0, 0.22));
}

.game-preview-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  padding: 24px;
}

.game-preview .play-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  min-height: 56px;
  padding: 0 28px;
  border: none;
  border-radius: 999px;
  background: linear-gradient(180deg, #f3b167 0%, #e79541 100%);
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.01em;
  cursor: pointer;
  box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  transform-origin: center;
  animation: playButtonPulse .9s ease-in-out infinite;
  transition: transform .10s ease, box-shadow .10s ease, filter .10s ease, opacity .10s ease;
  will-change: transform, box-shadow;
  position: relative;
  z-index: 5;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.game-preview .play-button:hover {
  transform: translateY(-1px) scale(1.04);
  box-shadow: 0 16px 32px rgba(0, 0, 0, 0.30);
  filter: brightness(1.03);
  animation-play-state: paused;
}

.game-preview .play-button:active {
  transform: translateY(0) scale(0.97);
  animation: none;
}

.game-preview.started .play-button {
  animation: none;
}

@keyframes playButtonPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.28);
  }
  50% {
    transform: scale(1.04);
    box-shadow: 0 17px 34px rgba(0, 0, 0, 0.31);
  }
}

.game-frame-shell,
.emulator-player-shell {
  width: 100%;
  height: 100%;
  background: #000;
}

.emulator-loading {
  display: grid;
  place-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: 700;
  background: radial-gradient(circle at center, rgba(255, 255, 255, 0.08), rgba(0, 0, 0, 0.95));
}

.related-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.empty-box {
  padding: 18px;
  background: var(--surface);
  border-radius: 12px;
  box-shadow: var(--shadow);
}

.game-page > .container > * {
  max-width: 100%;
}

.game-page .panel,
.game-page .play-area,
.game-page .empty-box,
.game-page .related-grid,
.game-page .game-hero {
  width: 100%;
}

.game-page iframe {
  max-width: 100%;
}

.game-page button,
.game-page .button,
.game-page .btn {
  border: none;
  border-radius: 10px;
  padding: 10px 14px;
  background: #fff;
  color: var(--text);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.game-page .favorite-button,
.game-page .fav-button,
.game-page [data-favorite],
.game-page [aria-label*="favorito"],
.game-page [aria-label*="favorite"] {
  display: none !important;
}

/* BLOCO EXTRA DA PÁGINA DO JOGO */

.game-extra-share {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 370px;
  gap: 24px;
  margin: 26px 0;
  align-items: start;
}

.game-description-panel,
.game-rating-panel {
  min-width: 0;
}

.game-breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  font-size: 14px;
  margin-bottom: 18px;
  color: rgba(47, 36, 30, 0.85);
}

.game-extra-title {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.1;
}

.game-extra-text {
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 20px;
}

.share-title {
  margin: 0 0 16px;
  font-size: 26px;
  line-height: 1.1;
  text-transform: uppercase;
}

.share-subtitle {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 14px;
}

.rating-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 26px;
}

.rating-bars {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 4px;
  flex: 1;
}

.rating-bar {
  height: 32px;
  background: #f1e4d3;
  border-radius: 2px;
}

.rating-bar.filled {
  background: #e7b14c;
}

.rating-score {
  min-width: 44px;
  height: 44px;
  border-radius: 6px;
  background: var(--secondary);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
}

.share-icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

.share-icon {
  width: 40px;
  height: 40px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 20px;
}

.share-twitter {
  background: #4ea4f1;
}

.share-facebook {
  background: #3b5998;
}

.share-whatsapp {
  background: #22c55e;
}

.game-discover-panel {
  margin: 28px 0;
}

.discover-title {
  margin: 0 0 18px;
  font-size: 22px;
}


/* UPGRADE PROFISSIONAL DA PÁGINA DO JOGO */

.game-hero-enhanced {
  grid-template-columns: minmax(0, 1.06fr) minmax(300px, 0.74fr);
  gap: 20px;
  align-items: stretch;
}

.game-hero-cover-enhanced {
  position: relative;
  min-height: 360px;
}

.game-hero-cover-enhanced::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(7, 7, 7, 0.18) 0%, rgba(8, 8, 8, 0.12) 20%, rgba(8, 8, 8, 0.82) 100%);
  pointer-events: none;
}

.game-hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: flex-end;
  padding: 22px;
}

.game-hero-content {
  width: min(100%, 640px);
  color: #fff;
}

.game-hero-category-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.game-hero-category,
.game-hero-mini-stat {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(8px);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.game-hero-dot {
  font-size: 18px;
  opacity: 0.8;
}

.game-hero-title {
  margin: 0 0 12px;
  color: #fff !important;
  font-size: 32px;
  line-height: 1.02;
  text-shadow: 0 6px 24px rgba(0, 0, 0, 0.32);
}

.game-hero-description {
  max-width: 620px;
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.96);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.game-hero-stats {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.game-hero-stat {
  min-width: 118px;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.09);
}

.game-hero-stat strong,
.game-hero-stat em {
  display: block;
}

.game-hero-stat strong {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
  opacity: 0.88;
}

.game-hero-stat em {
  font-style: normal;
  font-size: 15px;
  font-weight: 800;
}

.game-hero-tags {
  margin-top: 0;
}

.game-hero-tags .tag {
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.14);
  padding: 5px 10px;
  font-size: 11px;
}

.game-side-panel {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  padding: 16px;
}

.game-breadcrumb-enhanced {
  margin-bottom: 0;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.game-breadcrumb a {
  color: inherit;
}

.game-breadcrumb strong {
  color: var(--secondary);
}

.game-side-title {
  margin: 0;
  font-size: 23px;
  line-height: 1.08;
}

.game-side-description {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.5em * 5);
}

.game-side-panel .game-breadcrumb {
  min-height: 20px;
}

.game-side-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.game-side-fact {
  background: #fff2e5;
  border-radius: 12px;
  padding: 10px 12px;
}

.game-side-fact span,
.game-side-fact strong {
  display: block;
}

.game-side-fact span {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  opacity: 0.75;
  margin-bottom: 5px;
}

.game-side-fact strong {
  font-size: 14px;
  line-height: 1.15;
}

.game-side-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
}

.game-favorite-toggle,
.game-secondary-link {
  justify-content: center;
}

.game-secondary-link {
  text-align: center;
}

.panel-head-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.panel-subtext {
  margin: -2px 0 0;
  font-size: 14px;
  line-height: 1.5;
  opacity: 0.78;
}

.game-player-panel .play-area {
  margin-top: 18px;
}

.game-retention-area {
  display: flex;
  flex-direction: column;
  gap: 26px;
  margin: 34px 0 12px;
}

.game-extra-section {
  background: var(--surface);
  border-radius: 14px;
  padding: 18px;
  box-shadow: var(--shadow);
}

.game-extra-section[hidden] {
  display: none;
}

.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 14px;
}

.section-head h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.1;
}

.section-head p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  opacity: 0.76;
}

.game-extra-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.game-seo-content p:last-child {
  margin-bottom: 0;
}

.game-seo-content strong {
  color: var(--secondary);
}

/* PÁGINA DE CATEGORIA */

.category-page .game-page {
  padding-top: 18px;
}

.category-hero-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 24px;
  margin-bottom: 28px;
  align-items: start;
}

.category-hero-main {
  background: var(--secondary);
  color: #fff;
  border-radius: 14px;
  padding: 22px 28px;
  box-shadow: var(--shadow);
}

.category-hero-label {
  font-size: 14px;
  opacity: 0.92;
  margin-bottom: 12px;
}

.category-hero-title {
  margin: 0;
  font-size: 38px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #fff !important;
}

.category-hero-links {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.category-filter-chip {
  background: #fff;
  color: var(--text);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: var(--shadow);
  font-weight: 700;
}

.category-filter-chip.active {
  background: var(--primary);
  color: #fff;
}

.category-layout-wrap {
  margin-bottom: 34px;
}

.category-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 380px;
  gap: 30px;
  align-items: start;
}

.category-main {
  min-width: 0;
}

.category-sidebar {
  min-width: 0;
}

.category-games {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-bottom: 28px;
}

.category-games .game-card .game-thumb {
  aspect-ratio: 16 / 9;
}

.category-pagination {
  display: flex;
  gap: 0;
  margin: 8px 0 28px;
  flex-wrap: wrap;
}

.page-btn {
  min-width: 54px;
  height: 54px;
  border: 1px solid #d7d7d7;
  background: #fff;
  color: #182638;
  font-size: 18px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.page-btn.active {
  background: var(--primary);
  color: #fff;
  border-color: var(--primary);
}

.category-text-block {
  margin-bottom: 30px;
}

.category-section-title {
  margin: 0 0 14px;
  font-size: 30px;
  line-height: 1.1;
  color: #182638;
}

.category-seo-text p {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 18px;
}

.related-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.related-tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  border-radius: 999px;
  background: var(--secondary);
  color: #fff;
  padding: 6px 14px;
  font-size: 14px;
  font-weight: 700;
}

.sidebar-box {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--shadow);
  margin-bottom: 22px;
}

.sidebar-title {
  background: var(--secondary);
  color: #fff;
  padding: 14px 16px;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.sidebar-content {
  padding: 0;
}

.sidebar-ad-box {
  min-height: 260px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  color: #666;
  background: #f5f5f5;
  font-size: 18px;
  text-align: center;
}

.sidebar-list {
  display: flex;
  flex-direction: column;
}

.sidebar-game-item,
.sidebar-post-item {
  display: block;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.sidebar-game-item:last-child,
.sidebar-post-item:last-child {
  border-bottom: none;
}

.sidebar-game-thumb,
.sidebar-post-thumb {
  aspect-ratio: 16 / 7;
  background: #ead6c5;
}

.sidebar-game-thumb img,
.sidebar-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.sidebar-game-title,
.sidebar-post-title {
  background: var(--primary);
  color: #2f241e;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.3;
}

.discover-list {
  display: flex;
  flex-direction: column;
}

.discover-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  min-height: 64px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  font-size: 18px;
  background: #fff;
}

.discover-item:last-child {
  border-bottom: none;
}

.discover-arrow {
  font-size: 36px;
  line-height: 1;
  color: #999;
}

/* FOOTER */

.site-footer.footer-modelo-JOGOSNAWEB {
  margin-top: 40px;
  background: #efefef;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  overflow: hidden;
  padding: 0;
}

.footer-top-band {
  background: #ee9b59;
  padding: 6px 0;
}

.footer-top-band-inner {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.footer-top-title {
  margin: 0;
  font-size: 23px;
  font-weight: 600; /* equilíbrio perfeito */
  color: #182638;
  text-transform: uppercase;
  letter-spacing: 0.3px; /* menos espaçado que antes */
  line-height: 1.2;
  font-family: 'Montserrat', 'Segoe UI', Arial, sans-serif;
}

.footer-social {
  display: flex;
  align-items: center;
  gap: 10px;
}

.footer-social .social-circle {
  width: 38px;
  height: 38px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  transition: transform 0.15s ease, opacity 0.15s ease;
}

.footer-social .social-circle:hover {
  transform: translateY(-2px);
  opacity: 0.92;
}

.social-twitter {
  background: #4ea4f1;
}

.social-facebook {
  background: #3b5998;
}

.social-youtube {
  background: #ff2d20;
}

.social-instagram {
  background: #d96adf;
}

.footer-links-row {
  background: #f3e0cf;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.footer-links-inner {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 34px;
  flex-wrap: wrap;
}

.footer-links-inner a {
  font-size: 18px;
  color: #231f20;
}

.footer-links-inner a:hover {
  text-decoration: underline;
}

.footer-main {
  background: #efefef;
  padding: 18px 0 0;
}

.footer-main-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 30px;
  align-items: start;
}

.footer-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 46px;
}

.footer-col h3 {
  margin: 0 0 10px;
  font-size: 23px;
  line-height: 1.1;
  color: #18314a;
  text-transform: uppercase;
}

.footer-col p {
  margin: 0;
  font-size: 18px;
  line-height: 1.55;
  color: #1f2a35;
}

.footer-mascot {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: 180px;
  line-height: 1;
  user-select: none;
}

.footer-bottom {
  background: #f6f6f6;
  border-top: 1px solid rgba(0, 0, 0, 0.10);
  padding: 14px 0;
  margin-top: 18px;
}

.footer-bottom-inner {
  display: grid;
  grid-template-columns: 320px 1fr;
  align-items: center;
  gap: 20px;
}

.footer-brand {
  display: flex;
  align-items: center;
}

.footer-brand-logo {
  display: inline-flex;
  align-items: center;
}

.footer-logo-image {
  max-width: 280px;
  width: 100%;
  height: auto;
  object-fit: contain;
}

.footer-copy {
  text-align: center;
  font-size: 18px;
  color: #2f2f2f;
}

/* FOOTER FALLBACK */

#footerLogoImage:not([src]),
#footerLogoImage[src=""] {
  display: none;
}

.footer-brand:has(#footerLogoImage[src=""]),
.footer-brand:has(#footerLogoImage:not([src])) {
  min-height: 80px;
}

.footer-brand::before {
  content: "JOGOSNAWEB";
  display: none;
  font-size: 84px;
  font-weight: 900;
  line-height: 1;
  color: #6b2c11;
  letter-spacing: -0.04em;
}

.footer-brand:has(#footerLogoImage[src=""])::before,
.footer-brand:has(#footerLogoImage:not([src]))::before {
  display: block;
}

/* RESPONSIVO */

@media (max-width: 1180px) {
  .container {
    width: min(1000px, calc(100% - 40px));
  }

  .featured-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 280px 150px 150px 120px 120px;
    grid-template-areas:
      "main main"
      "side1 side2"
      "side3 side4"
      "bottom1 bottom2"
      "bottom3 bottom4";
    gap: 16px;
  }

  .category-layout {
    grid-template-columns: minmax(0, 1fr) 320px;
    gap: 22px;
  }

  .category-games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1080px) {
  .game-hero {
    grid-template-columns: 1fr;
  }

  .game-hero-enhanced {
    grid-template-columns: 1fr;
  }

  .game-extra-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .game-grid,
  .game-grid.small-cards,
  .related-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .game-hero-cover {
    min-height: 260px;
  }

  .footer-main-inner {
    grid-template-columns: 1fr;
  }

  .footer-columns {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer-mascot {
    justify-content: flex-start;
    font-size: 140px;
  }

  .footer-bottom-inner {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .footer-copy {
    text-align: center;
  }
}

@media (max-width: 980px) {
  .game-extra-share {
    grid-template-columns: 1fr;
  }

  .game-side-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .category-hero-box {
    grid-template-columns: 1fr;
  }

  .category-layout {
    grid-template-columns: 1fr;
  }

  .category-games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .game-hero-overlay {
    padding: 18px;
  }

  .game-hero-title {
    font-size: 28px;
  }

  .game-hero-description {
    font-size: 13px;
  }

  .game-extra-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .container {
    width: min(100%, calc(100% - 24px));
  }

  .header-inner {
    flex-direction: column;
    align-items: stretch;
  }

  .header-tools {
    width: 100%;
  }

  .header-select,
  .header-search input {
    min-width: 0;
    width: 100%;
  }

  .header-search {
    width: 100%;
  }

  .featured-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: 260px 140px 140px 110px 110px;
    grid-template-areas:
      "main main"
      "side1 side2"
      "side3 side4"
      "bottom1 bottom2"
      "bottom3 bottom4";
    gap: 14px;
  }

  .game-grid,
  .game-grid.small-cards,
  .related-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .block-title {
    font-size: 18px;
  }

  .logo-image {
    height: 56px;
  }

  .play-area {
    aspect-ratio: 16 / 10;
  }

  .play-area.dos-player-preview {
    aspect-ratio: auto;
    min-height: 560px;
    height: 68vh;
  }

  .game-preview .play-button {
    min-width: 180px;
    min-height: 50px;
    font-size: 17px;
    padding: 0 22px;
  }

  .footer-top-band-inner {
    flex-direction: column;
    align-items: flex-start;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .footer-top-title {
    font-size: 18px;
  }

  .footer-links-inner {
    gap: 18px;
  }

  .footer-links-inner a {
    font-size: 16px;
  }

  .footer-col h3 {
    font-size: 20px;
  }

  .footer-col p,
  .footer-copy {
    font-size: 16px;
  }

  .footer-logo-image {
    max-width: 220px;
  }

  .footer-mascot {
    font-size: 110px;
  }
}

@media (max-width: 640px) {
  .category-hero-title {
    font-size: 28px;
  }

  .category-games {
    grid-template-columns: 1fr;
  }

  .category-section-title {
    font-size: 24px;
  }

  .discover-item {
    font-size: 16px;
  }

  .rating-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .rating-bars {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .game-hero-title {
    font-size: 28px;
  }

  .game-hero-stats,
  .game-side-facts,
  .game-extra-grid {
    grid-template-columns: 1fr;
  }

  .game-side-facts {
    display: grid;
  }


  .container {
    width: calc(100% - 20px);
  }

  .featured-layout {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-template-areas:
      "main"
      "side1"
      "side2"
      "side3"
      "side4"
      "bottom1"
      "bottom2"
      "bottom3"
      "bottom4";
  }

  .featured-thumb,
  .side-thumb {
    aspect-ratio: 16 / 9;
    height: auto;
  }

  .game-grid,
  .game-grid.small-cards,
  .related-grid {
    grid-template-columns: 1fr;
  }

  .play-area {
    aspect-ratio: 16 / 11;
  }

  .play-area.dos-player-preview {
    aspect-ratio: auto;
    min-height: 500px;
    height: 66vh;
  }

  .game-preview .play-button {
    min-width: 160px;
    min-height: 46px;
    font-size: 16px;
    padding: 0 18px;
  }

  .footer-links-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
  }

  .footer-mascot {
    font-size: 84px;
  }

  .footer-brand::before {
    font-size: 56px;
  }
}


/* NOVOS JOGOS ONLINE GRATIS */
.novos-online-section{
  margin-bottom: 30px;
}

.novos-online-shell{
  background: rgba(255, 247, 239, 0.64);
  border: 1px solid rgba(164, 90, 9, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 8px 22px rgba(91, 54, 17, 0.06);
}

.novos-online-header{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  margin-bottom:18px;
}

.novos-online-header .block-title{
  margin:0;
}

.novos-online-pai{
  display:grid;
  grid-template-columns:minmax(0, 1.08fr) minmax(0, 0.92fr);
  gap:22px;
  align-items:stretch;
}

.novos-online-coluna-esquerda,
.novos-online-coluna-direita{
  min-width:0;
}

.novos-online-coluna-esquerda{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:14px;
  height:100%;
}

#novosOnlineMainCard,
#novosOnlineBottomGrid,
#novosOnlineGrid{
  min-width:0;
}

.novos-card-main .game-thumb{
  aspect-ratio:16 / 10.5;
}

.novos-grid-duplo{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  align-items:stretch;
}

.novos-grid-duplo .game-thumb,
.novos-grid-nove .game-thumb{
  aspect-ratio:16 / 9;
}

.novos-online-coluna-direita{
  display:grid;
  grid-template-rows:auto auto 1fr;
  gap:14px;
  align-content:start;
}

.novos-info-topo{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 108px;
  gap:14px;
  align-items:start;
}

.novos-info-texto{
  min-width:0;
}

.novos-info-texto h3{
  margin:0 0 10px;
  font-size:22px;
  line-height:1.15;
  font-weight:700;
  color:#14213d;
}

.novos-info-texto p{
  margin:0;
  font-size:16px;
  line-height:1.48;
  color:var(--text);
  display:-webkit-box;
  -webkit-line-clamp:6;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}

.novos-info-mascote{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  font-size:84px;
  line-height:1;
}

.novos-subtitulo{
  margin:0;
  font-size:18px;
  line-height:1.1;
  color:#14213d;
  font-weight:700;
  text-transform:uppercase;
}

.novos-grid-nove{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
}

.novos-online-shell .game-card{
  height:100%;
}

.novos-online-shell .game-card > a,
.novos-online-shell .novos-card-link{
  display:grid;
  grid-template-rows:1fr 34px;
  height:100%;
}

.novos-online-shell .game-caption{
  background:var(--card);
  color:#fff;
  height:34px;
  min-height:34px;
  max-height:34px;
  padding:0 10px;
  display:flex;
  align-items:center;
  gap:10px;
  overflow:hidden;
}

.novos-online-shell .game-caption strong{
  margin:0;
  font-size:12px;
  line-height:1;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  flex:1 1 auto;
  min-width:0;
}

.novos-online-shell .game-meta{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
  min-width:0;
  margin:0;
}

.novos-online-shell .game-category,
.novos-online-shell .game-plays{
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.novos-online-shell .game-category{
  font-weight:700;
  max-width:90px;
}

.novos-online-shell .game-plays{
  text-align:right;
  max-width:96px;
}

@media (max-width: 1100px){
  .novos-online-pai{
    grid-template-columns:1fr;
  }
}

@media (max-width: 760px){
  .novos-info-topo{
    grid-template-columns:1fr;
  }

  .novos-info-mascote{
    justify-content:flex-start;
    font-size:72px;
  }

  .novos-grid-nove{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px){
  .novos-online-shell{
    padding:16px;
  }

  .novos-grid-duplo,
  .novos-grid-nove{
    grid-template-columns:1fr;
  }
}



/* ajuste fino para alinhar os 2 cards inferiores com a base da coluna direita */
#novosOnlineMainCard{
  flex:1 1 auto;
}

#novosOnlineBottomGrid{
  flex:0 0 auto;
}

.novos-grid-duplo .game-card,
.novos-grid-duplo .novos-card-link{
  height:100%;
}


.game-preview {
  overflow: hidden;
  min-height: 420px;
}

.game-preview-cover,
.game-preview-overlay {
  transition: opacity .28s ease, visibility .28s ease, transform .28s ease, filter .28s ease;
}

.game-preview.is-launching .game-preview-cover {
  opacity: .88;
  filter: blur(2px) brightness(.7);
  transform: scale(1.02);
}

.game-preview.is-launching .game-preview-overlay {
  opacity: 1;
  visibility: visible;
  background: linear-gradient(to top, rgba(0,0,0,.48), rgba(0,0,0,.18));
}

.game-preview.started .game-preview-cover,
.game-preview.started .game-preview-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.game-preview .play-button {
  gap: 12px;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, opacity .18s ease;
}

.game-preview.is-launching .play-button,
.game-preview.started .play-button {
  animation: none !important;
}

.game-preview.is-launching .play-button {
  min-width: 250px;
  cursor: default;
  box-shadow: 0 18px 38px rgba(0,0,0,.30);
  filter: saturate(.95);
}

.play-spinner {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid rgba(255,255,255,.42);
  border-top-color: #fff;
  animation: playSpin .8s linear infinite;
}

@keyframes playSpin {
  to { transform: rotate(360deg); }
}

.emulator-loading {
  display: grid;
  place-items: center;
}

.emulator-loading-inner {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 16px 22px;
  border-radius: 999px;
  background: rgba(0,0,0,.32);
  color: #fff;
  font-weight: 700;
}

.game-preview.started #game-player-container {
  position: relative;
  z-index: 3;
}


/* CONTAINERS PAI DA HOME */
.home-page > .block:not(.novos-online-section):not(#categoryRowsSection) {
  background: rgba(255, 247, 239, 0.64);
  border: 1px solid rgba(164, 90, 9, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 8px 22px rgba(91, 54, 17, 0.06);
}

.home-page > .block:not(.novos-online-section):not(#categoryRowsSection) > .block-title {
  margin-bottom: 18px;
}

.home-page > #categoryRowsSection {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  box-shadow: none;
}

.home-page #categoryRows {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.home-page .category-section {
  margin-top: 0;
  background: rgba(255, 247, 239, 0.64);
  border: 1px solid rgba(164, 90, 9, 0.08);
  border-radius: 18px;
  padding: 20px;
  box-shadow: 0 8px 22px rgba(91, 54, 17, 0.06);
}

.home-page .category-section .category-head {
  margin-bottom: 18px;
}

@media (max-width: 560px) {
  .home-page > .block:not(.novos-online-section):not(#categoryRowsSection),
  .home-page .category-section {
    padding: 16px;
  }

  .home-page #categoryRows {
    gap: 16px;
  }
}


.game-preview{
  isolation: isolate;
  touch-action: manipulation;
}

.game-preview-overlay{
  pointer-events: none;
}

.game-preview-overlay .play-button{
  pointer-events: auto;
}

.game-preview-cover,
.game-preview-overlay,
#game-player-container,
.game-frame-shell,
.emulator-player-shell{
  width: 100%;
}

.game-frame-shell iframe,
#game-player-container iframe{
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  background: #000;
}

@media (max-width: 720px){
  .game-preview .play-button{
    animation-duration: .8s;
  }
}


/* CORRECAO: remover respiro entre thumb e faixa laranja nos cards da direita */
.novos-online-shell .game-card{
  display:flex;
  flex-direction:column;
  gap:0;
}

.novos-online-shell .game-card > a,
.novos-online-shell .novos-card-link{
  display:flex;
  flex-direction:column;
  height:100%;
  gap:0;
}

.novos-online-shell .game-thumb{
  flex:1 1 auto;
  min-height:0;
  height:100%;
  aspect-ratio:auto;
  margin:0;
}

.novos-grid-duplo .game-thumb,
.novos-grid-nove .game-thumb{
  aspect-ratio:auto;
  height:100%;
}

.novos-online-shell .game-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.novos-online-shell .game-caption{
  flex:0 0 34px;
  margin:0;
}



/* AJUSTE DO MODAL DO PLAYER SEM AFETAR CATEGORIAS */
.game-preview {
  position: relative;
  isolation: isolate;
}

.game-preview #game-player-container[hidden] {
  display: none !important;
}

.game-preview #game-player-container {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}

.game-preview-cover {
  z-index: 2;
}

.game-preview-overlay {
  z-index: 3;
  pointer-events: auto;
}

.game-preview.is-launching .game-preview-overlay {
  pointer-events: none;
}

.game-preview.is-launching .play-button {
  opacity: 0;
  transform: scale(0.96);
}

.game-preview.started .game-preview-cover,
.game-preview.started .game-preview-overlay {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}


/* CORRECAO CIRURGICA DO MODAL DO PLAYER */
.game-preview.preview-dismissed .game-preview-cover,
.game-preview.preview-dismissed .game-preview-overlay,
.game-preview.is-launching .game-preview-cover,
.game-preview.is-launching .game-preview-overlay {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.game-preview.preview-dismissed #game-player-container,
.game-preview.is-launching #game-player-container,
.game-preview.started #game-player-container {
  position: relative;
  z-index: 5;
}


/* ==========================================================
   MOBILE FIRST — JOGOS NA WEB
   Revisão 2026-08-02
   Mantém desktop e lógica dos jogos intactos.
   ========================================================== */

@media (max-width: 720px) {
  html {
    -webkit-text-size-adjust: 100%;
  }

  body {
    overflow-x: hidden;
  }

  .container {
    width: calc(100% - 28px);
    max-width: none;
  }

  /* Cabeçalho compacto */
  .header-inner {
    min-height: auto;
    padding: 12px 0 14px;
    gap: 10px;
    align-items: center;
  }

  .logo-wrap {
    justify-content: center;
    width: 100%;
  }

  .logo-image {
    width: auto;
    max-width: min(280px, 78vw);
    height: 52px;
  }

  .header-tools {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.35fr);
    width: 100%;
    gap: 8px;
    flex-wrap: nowrap;
  }

  .header-select,
  .header-search input,
  .header-search button {
    height: 46px;
  }

  .header-select {
    width: 100%;
    min-width: 0;
    padding: 0 34px 0 12px;
    border-radius: 9px;
    font-size: 15px;
    text-overflow: ellipsis;
  }

  .header-search {
    min-width: 0;
    width: 100%;
  }

  .header-search input {
    width: 100%;
    min-width: 0;
    padding-left: 12px;
    font-size: 15px;
  }

  .header-search button {
    flex: 0 0 44px;
    padding: 0;
    font-size: 20px;
  }

  /* Conteúdo mais denso */
  .home-page,
  .game-page,
  .category-page .game-page {
    padding: 16px 0 30px;
  }

  .block {
    margin-bottom: 20px;
    padding: 14px;
    border-radius: 16px;
  }

  .block-title {
    margin-bottom: 12px;
    font-size: clamp(20px, 5.7vw, 25px);
    line-height: 1.05;
  }

  /* Destaques: 1 grande + cards em 2 colunas */
  .featured-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    grid-template-areas:
      "main main"
      "side1 side2"
      "side3 side4"
      "bottom1 bottom2"
      "bottom3 bottom4";
    gap: 10px;
  }

  .featured-main {
    min-height: 0;
  }

  .featured-main .featured-thumb {
    aspect-ratio: 16 / 10;
    height: auto;
  }

  .featured-side-card .side-thumb {
    aspect-ratio: 4 / 3;
    height: auto;
  }

  .featured-caption {
    min-height: 38px;
    padding: 8px 10px;
  }

  .featured-caption strong {
    font-size: 13px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }

  .hover-badge {
    padding: 7px 10px;
    font-size: 12px;
  }

  /* Grades gerais sempre em duas colunas no telefone */
  .game-grid,
  .game-grid.small-cards,
  .related-grid,
  .category-games {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .game-card {
    border-radius: 10px;
  }

  .game-thumb {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .game-caption {
    min-height: 42px;
    padding: 7px 8px;
    gap: 5px;
  }

  .game-caption strong {
    font-size: 12px;
    line-height: 1.15;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow: hidden;
  }

  .game-meta {
    gap: 4px;
  }

  .game-category,
  .game-plays {
    font-size: 10px;
  }

  /* Linhas de categorias */
  .category-section {
    margin-bottom: 20px;
  }

  .category-head {
    margin-bottom: 10px;
  }

  .category-head h3 {
    font-size: 20px;
  }

  .view-all {
    font-size: 13px;
  }

  /* Bloco Novos Jogos Online */
  .novos-online-shell {
    padding: 14px;
    border-radius: 16px;
  }

  .novos-online-pai {
    gap: 14px;
  }

  .novos-info-topo {
    grid-template-columns: 1fr 54px;
    gap: 8px;
  }

  .novos-info-mascote {
    justify-content: center;
    font-size: 48px;
  }

  .novos-info-texto h3 {
    font-size: 20px;
  }

  .novos-info-texto p {
    font-size: 14px;
    -webkit-line-clamp: 4;
  }

  .novos-grid-duplo,
  .novos-grid-nove {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .novos-online-shell .game-caption {
    height: 38px;
    min-height: 38px;
    max-height: 38px;
    padding: 0 8px;
  }

  .novos-online-shell .game-caption strong {
    font-size: 11px;
  }

  .novos-online-shell .game-category,
  .novos-online-shell .game-plays {
    font-size: 9px;
  }

  /* Página individual do jogo */
  .game-hero,
  .game-hero-enhanced {
    gap: 14px;
  }

  .game-hero-cover {
    min-height: 230px;
    border-radius: 14px;
  }

  .game-hero-overlay {
    padding: 16px;
  }

  .game-hero-title {
    font-size: clamp(25px, 7vw, 32px);
  }

  .game-hero-description {
    font-size: 13px;
    -webkit-line-clamp: 3;
  }

  .game-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
  }

  .game-stat-card {
    padding: 10px 8px;
  }

  .game-side,
  .game-content-box,
  .play-section,
  .related-section {
    padding: 14px;
    border-radius: 15px;
  }

  .game-side-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .play-area {
    aspect-ratio: 16 / 10;
    min-height: 0;
    border-radius: 12px;
  }

  .play-area.dos-player-preview {
    height: min(70vh, 610px);
    min-height: 430px;
  }

  .game-preview .play-button {
    min-width: 150px;
    min-height: 46px;
    font-size: 15px;
  }

  .game-extra-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  /* Rodapé menos alto */
  .footer-top-band-inner,
  .footer-main,
  .footer-bottom {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-main {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .footer-col p,
  .footer-copy {
    font-size: 14px;
    line-height: 1.5;
  }

  .footer-mascot {
    display: none;
  }
}

@media (max-width: 420px) {
  .container {
    width: calc(100% - 20px);
  }

  .header-inner {
    padding-top: 9px;
  }

  .logo-image {
    height: 46px;
    max-width: 76vw;
  }

  .header-tools {
    grid-template-columns: minmax(0, .86fr) minmax(0, 1.3fr);
    gap: 6px;
  }

  .header-select,
  .header-search input,
  .header-search button {
    height: 43px;
  }

  .header-select,
  .header-search input {
    font-size: 14px;
  }

  .block {
    padding: 12px;
    margin-bottom: 16px;
  }

  .featured-layout,
  .game-grid,
  .game-grid.small-cards,
  .related-grid,
  .category-games,
  .novos-grid-duplo,
  .novos-grid-nove {
    gap: 8px;
  }

  .featured-main .featured-thumb {
    aspect-ratio: 16 / 10.5;
  }

  .featured-side-card .side-thumb,
  .game-thumb {
    aspect-ratio: 1 / 1;
  }

  .featured-caption {
    min-height: 36px;
    padding: 7px 8px;
  }

  .featured-caption strong {
    font-size: 12px;
  }

  .game-caption {
    min-height: 40px;
    padding: 6px 7px;
  }

  .game-caption strong {
    font-size: 11px;
  }

  /* Em telas muito estreitas, priorizar o título */
  .game-meta {
    display: none;
  }

  .category-head h3 {
    font-size: 18px;
  }

  .play-area.dos-player-preview {
    height: 64vh;
    min-height: 390px;
  }
}

@media (max-width: 340px) {
  .header-tools {
    grid-template-columns: 1fr;
  }

  .game-grid,
  .game-grid.small-cards,
  .related-grid,
  .category-games,
  .novos-grid-duplo,
  .novos-grid-nove {
    grid-template-columns: 1fr;
  }

  .featured-layout {
    grid-template-columns: 1fr;
    grid-template-areas:
      "main"
      "side1"
      "side2"
      "side3"
      "side4"
      "bottom1"
      "bottom2"
      "bottom3"
      "bottom4";
  }

  .featured-side-card .side-thumb,
  .game-thumb {
    aspect-ratio: 16 / 9;
  }
}

/* Melhor suporte a toque */
@media (hover: none) and (pointer: coarse) {
  a,
  button,
  select,
  input {
    -webkit-tap-highlight-color: transparent;
  }

  .game-card,
  .featured-main,
  .featured-side-card {
    transition: transform .15s ease;
  }

  .game-card:active,
  .featured-main:active,
  .featured-side-card:active {
    transform: scale(.985);
  }

  .media::after {
    display: none;
  }
}


/* Correção mobile do botão Jogar agora */
.mobile-play-hint{
  display:none;
}

@media (max-width:720px){
  .game-preview{
    min-height:360px;
  }

  .game-preview-cover::after{
    background:linear-gradient(to top, rgba(0,0,0,.70), rgba(0,0,0,.12) 55%, rgba(0,0,0,.12));
  }

  .game-preview-overlay{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    padding:18px;
  }

  .game-preview .play-button{
    display:inline-flex !important;
    min-width:190px;
    min-height:52px;
    padding:0 24px;
    opacity:1;
    visibility:visible;
    font-size:17px;
    background:#ef291f;
    box-shadow:0 10px 24px rgba(0,0,0,.35);
  }

  .play-button-icon{
    font-size:18px;
  }

  .mobile-play-hint{
    display:block;
    color:#fff;
    font-size:12px;
    font-weight:700;
    text-shadow:0 2px 6px rgba(0,0,0,.8);
  }

  .game-preview.started,
  .game-preview.preview-dismissed{
    height:65vh;
    min-height:440px;
  }

  .game-preview.started #game-player-container,
  .game-preview.preview-dismissed #game-player-container{
    height:100%;
  }
}


/* Player mobile priorizando modo vertical */
@media (max-width:720px) and (orientation:portrait){
  .game-preview.started,
  .game-preview.preview-dismissed{
    height:72vh;
    min-height:540px;
  }

  .game-preview.started #game-player-container,
  .game-preview.preview-dismissed #game-player-container{
    height:100%;
  }
}


/* Leia mais da descrição do jogo */
.game-description-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:7px 0 14px;
  padding:0;
  border:0;
  background:transparent;
  color:#a34a00;
  font:700 14px/1.3 inherit;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px;
}

.game-description-toggle:hover{
  color:#d45f00;
}

.game-description-toggle:focus-visible{
  outline:2px solid #d45f00;
  outline-offset:4px;
  border-radius:4px;
}

.game-side-description{
  transition:max-height .25s ease;
}

@media (max-width:720px){
  .game-description-toggle{
    min-height:36px;
    margin-top:4px;
    font-size:15px;
  }
}


/* ==========================================================
   DESCRIÇÃO ANIMADA — LEIA MAIS / MOSTRAR MENOS
   ========================================================== */
.game-description-expandable{
  position:relative;
  overflow:hidden;
  max-height:520px;
  opacity:1;
  transition:
    max-height .48s cubic-bezier(.22,.61,.36,1),
    opacity .28s ease,
    transform .38s ease;
  transform:translateY(0);
}

.game-description-expandable.is-collapsed{
  max-height:4.9em;
}

.game-description-expandable.is-collapsed::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:2.2em;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,247,239,0), rgba(255,247,239,1) 78%);
}

.game-description-expandable.is-expanded{
  max-height:520px;
  animation:descriptionDrop .48s cubic-bezier(.22,.61,.36,1);
}

@keyframes descriptionDrop{
  0%{
    opacity:.76;
    transform:translateY(-8px);
  }
  100%{
    opacity:1;
    transform:translateY(0);
  }
}

.game-side-description{
  margin-bottom:0;
}

.game-description-toggle-animated{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-width:122px;
  min-height:34px;
  margin:9px 0 14px;
  padding:6px 16px;
  border:1px solid rgba(60,60,60,.24);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#2b241f;
  font:700 13px/1.2 inherit;
  cursor:pointer;
  box-shadow:0 4px 12px rgba(70,45,25,.08);
  transition:
    transform .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.game-description-toggle-animated:hover{
  background:#fff;
  transform:translateY(-1px);
  box-shadow:0 7px 16px rgba(70,45,25,.13);
}

.game-description-toggle-animated:active{
  transform:translateY(1px);
}

.game-description-toggle-animated .toggle-arrow{
  display:inline-block;
  font-size:18px;
  line-height:1;
  transition:transform .38s cubic-bezier(.22,.61,.36,1);
}

.game-description-toggle-animated[aria-expanded="true"] .toggle-arrow{
  transform:rotate(180deg) translateY(-1px);
}

.game-description-toggle-animated:focus-visible{
  outline:3px solid rgba(255,122,0,.32);
  outline-offset:3px;
}

@media (max-width:720px){
  .game-description-expandable.is-collapsed{
    max-height:5.1em;
  }

  .game-description-toggle-animated{
    min-height:38px;
    font-size:14px;
  }
}

@media (prefers-reduced-motion:reduce){
  .game-description-expandable,
  .game-description-toggle-animated,
  .game-description-toggle-animated .toggle-arrow{
    transition:none !important;
    animation:none !important;
  }
}


/* Leia mais em formato de texto, elegante e discreto */
.game-description-toggle-text{
  display:inline;
  min-width:0;
  min-height:0;
  margin:0 0 12px 6px;
  padding:0;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:#9a4f18;
  font:700 13px/1.35 inherit;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  transition:color .18s ease, opacity .18s ease;
}

.game-description-toggle-text:hover{
  color:#d16618;
  background:none;
  box-shadow:none;
  transform:none;
}

.game-description-toggle-text:active{
  transform:none;
  opacity:.72;
}

.game-description-toggle-text::after{
  content:"›";
  display:inline-block;
  margin-left:4px;
  transition:transform .28s ease;
}

.game-description-toggle-text[aria-expanded="true"]::after{
  transform:rotate(90deg);
}

.game-description-toggle-text:focus-visible{
  outline:1px dashed #b55e20;
  outline-offset:3px;
}

@media (max-width:720px){
  .game-description-toggle-text{
    min-height:0;
    margin-left:5px;
    font-size:13px;
  }
}


/* ==========================================================
   LEIA MAIS — EFEITO SUTIL COMO NO VÍDEO
   ========================================================== */
.game-description-expandable{
  overflow:hidden;
  transition:height .38s cubic-bezier(.22,.61,.36,1);
}

.game-description-expandable.is-collapsed{
  max-height:4.85em;
}

.game-description-expandable.is-collapsed::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1.5em;
  pointer-events:none;
  background:linear-gradient(to bottom, rgba(255,247,239,0), rgba(255,247,239,1) 88%);
}

.game-description-toggle-inline{
  display:inline;
  appearance:none;
  -webkit-appearance:none;
  margin:0 0 12px 0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#a5541c;
  font:600 13px/1.45 inherit;
  cursor:pointer;
  text-decoration:none;
  transition:color .18s ease, opacity .18s ease;
}

.game-description-toggle-inline:hover{
  color:#d06a20;
  text-decoration:underline;
  text-underline-offset:3px;
}

.game-description-toggle-inline:active{
  opacity:.68;
}

.game-description-toggle-inline:focus-visible{
  outline:1px dashed #b45d20;
  outline-offset:3px;
}

.game-description-toggle-inline::before,
.game-description-toggle-inline::after{
  content:none !important;
}

.game-description-toggle-inline .toggle-label{
  display:inline;
}

@media (max-width:720px){
  .game-description-expandable.is-collapsed{
    max-height:5.1em;
  }

  .game-description-toggle-inline{
    font-size:13px;
  }
}

@media (prefers-reduced-motion:reduce){
  .game-description-expandable{
    transition:none !important;
  }
}


/* ==========================================================
   CORREÇÃO DEFINITIVA DA DESCRIÇÃO EXPANSÍVEL
   O recorte passa a ser controlado somente pelo contêiner externo.
   ========================================================== */
.game-description-expandable .game-side-description{
  display:block !important;
  -webkit-box-orient:initial !important;
  -webkit-line-clamp:unset !important;
  line-clamp:unset !important;
  overflow:visible !important;
  min-height:0 !important;
  max-height:none !important;
  white-space:normal !important;
  text-overflow:clip !important;
}

.game-description-expandable.is-expanded{
  max-height:none !important;
}

.game-description-expandable.is-expanded::after{
  display:none !important;
}

/* O Leia mais continua sendo apenas texto, sem aparência de botão. */
.game-description-toggle-inline{
  display:inline !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  padding:0 !important;
  margin:2px 0 12px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#9d501b !important;
  font-size:13px !important;
  font-weight:600 !important;
  line-height:1.4 !important;
}


/* Nova logo HD: preserva o tamanho visual da logo anterior */
.logo-image{
  width:auto;
  height:60px;
  object-fit:contain;
}

.footer-logo-image{
  object-fit:contain;
}

@media (max-width:720px){
  .logo-image{
    width:auto;
    height:52px;
    max-width:min(280px, 78vw);
  }
}

@media (max-width:420px){
  .logo-image{
    height:46px;
    max-width:76vw;
  }
}


/* ==========================================================
   LEIA MAIS PREMIUM — compacto e elegante
   ========================================================== */
.game-description-toggle-inline{
  position:relative;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  min-width:104px !important;
  min-height:34px !important;
  margin:8px 0 14px !important;
  padding:7px 15px !important;
  border:1px solid rgba(171,83,20,.32) !important;
  border-radius:999px !important;
  background:
    linear-gradient(#fff8f1,#fff8f1) padding-box,
    linear-gradient(110deg,#f5a15d,#a94f16,#ffd0a8) border-box !important;
  color:#8f430f !important;
  box-shadow:
    0 5px 14px rgba(110,57,22,.10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:.01em;
  line-height:1 !important;
  text-decoration:none !important;
  overflow:hidden;
  cursor:pointer;
  transition:
    transform .18s ease,
    box-shadow .22s ease,
    color .18s ease !important;
}

.game-description-toggle-inline::before{
  content:"";
  position:absolute;
  top:-70%;
  left:-45%;
  width:32%;
  height:240%;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.72),
    transparent
  );
  transform:rotate(20deg);
  transition:left .55s ease;
}

.game-description-toggle-inline::after{
  content:"›" !important;
  position:relative;
  display:inline-block;
  margin-left:7px;
  font-size:17px;
  line-height:1;
  transition:transform .28s ease;
}

.game-description-toggle-inline:hover{
  color:#bb5918 !important;
  transform:translateY(-1px);
  box-shadow:
    0 8px 20px rgba(110,57,22,.16),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.game-description-toggle-inline:hover::before{
  left:120%;
}

.game-description-toggle-inline:active{
  transform:translateY(1px) scale(.985);
}

.game-description-toggle-inline[aria-expanded="true"]::after{
  transform:rotate(90deg);
}

.game-description-toggle-inline:focus-visible{
  outline:3px solid rgba(235,126,48,.25);
  outline-offset:3px;
}

/* Logo premium: mesma área visual do cabeçalho antigo */
.logo-wrap{
  display:flex;
  align-items:center;
  overflow:visible;
}

.logo-image{
  display:block;
  width:230px !important;
  max-width:230px !important;
  height:58px !important;
  max-height:58px !important;
  object-fit:contain !important;
  object-position:left center;
}

.footer-logo-image{
  width:min(310px,100%) !important;
  height:auto !important;
  object-fit:contain !important;
}

@media (max-width:720px){
  .logo-image{
    width:250px !important;
    max-width:72vw !important;
    height:52px !important;
    max-height:52px !important;
    object-position:center;
  }

  .game-description-toggle-inline{
    min-height:36px !important;
    padding:8px 16px !important;
  }
}

@media (max-width:420px){
  .logo-image{
    width:230px !important;
    max-width:74vw !important;
    height:47px !important;
    max-height:47px !important;
  }
}


/* Identidade Jogos na Web e mascote/favicone */
.footer-mascot img{width:190px;height:190px;object-fit:contain;display:block;}
@media(max-width:720px){.footer-mascot img{width:140px;height:140px;}}

.game-description-expandable .game-side-description{
  display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;
  overflow:visible!important;max-height:none!important;white-space:normal!important;text-overflow:clip!important
}
.game-description-expandable.is-expanded{max-height:none!important}
.game-description-expandable.is-expanded::after{display:none!important}
.game-description-toggle-inline{
  display:inline-flex!important;align-items:center;justify-content:center;
  width:auto!important;min-width:106px!important;min-height:34px!important;
  margin:8px 0 14px!important;padding:7px 15px!important;
  border:1px solid rgba(167,78,17,.3)!important;border-radius:999px!important;
  background:linear-gradient(180deg,#fffdf9,#fff3e8)!important;color:#99470f!important;
  box-shadow:0 5px 14px rgba(92,45,15,.11)!important;
  font-size:13px!important;font-weight:700!important;text-decoration:none!important;
  cursor:pointer;transition:.18s ease!important
}
.game-description-toggle-inline::after{
  content:"›"!important;display:inline-block;margin-left:7px;font-size:17px;transition:transform .28s ease
}
.game-description-toggle-inline:hover{color:#c25c16!important;transform:translateY(-1px)}
.game-description-toggle-inline[aria-expanded="true"]::after{transform:rotate(90deg)}


/* Logo 4K oficial */
.logo-image,
.site-logo,
.header-logo{
  display:block;
  width:auto;
  height:58px;
  max-width:260px;
  object-fit:contain;
  object-position:left center;
}

.footer-logo-image{
  display:block;
  width:auto;
  height:62px;
  max-width:300px;
  object-fit:contain;
}

@media (max-width:720px){
  .logo-image,
  .site-logo,
  .header-logo{
    height:52px;
    max-width:min(280px,76vw);
    object-position:center;
  }

  .footer-logo-image{
    height:54px;
    max-width:76vw;
  }
}
/* JogosNaWeb Community + editorial v1 */
.jnw-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.jnw-info-card,.jnw-community{background:var(--surface);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.jnw-info-card h2,.jnw-community h2{margin:0 0 10px}.jnw-info-card p{line-height:1.7;margin:0}.jnw-community{margin:24px 0}.jnw-community-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.jnw-community-count{font-weight:700;color:#8b4a00}.jnw-comment-form{display:grid;gap:10px;margin:16px 0 22px}.jnw-comment-form input,.jnw-comment-form textarea{width:100%;box-sizing:border-box;border:1px solid #dfcbb9;border-radius:10px;padding:12px;font:inherit;background:#fff}.jnw-comment-form textarea{min-height:100px;resize:vertical}.jnw-emoji-row{display:flex;gap:7px;flex-wrap:wrap}.jnw-emoji{border:1px solid #ead7c4;background:#fff;border-radius:9px;padding:7px 9px;cursor:pointer;font-size:18px}.jnw-captcha{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.jnw-captcha input{width:100px}.jnw-submit{border:0;border-radius:10px;padding:12px 18px;background:#a95100;color:#fff;font-weight:800;cursor:pointer}.jnw-comment{border-top:1px solid #ead7c4;padding:15px 0}.jnw-comment-meta{display:flex;gap:8px;align-items:center;font-size:13px;color:#6d625a}.jnw-comment-name{font-weight:800;color:#2f241e}.jnw-comment-text{margin:8px 0;line-height:1.6}.jnw-comment-actions button{border:0;background:transparent;cursor:pointer;padding:3px 8px 3px 0;color:#81501f}.jnw-form-note{font-size:13px;color:#6d625a}.jnw-honeypot{position:absolute!important;left:-9999px!important}.jnw-status{font-size:14px;font-weight:700}.jnw-status.ok{color:#18733b}.jnw-status.err{color:#a51e1e}@media(max-width:760px){.jnw-editorial-grid{grid-template-columns:1fr}.jnw-community-head{align-items:flex-start;flex-direction:column}}


/* === FASE 2 — Comunidade Premium === */
.jnw-forum-pro{margin:30px 0 24px;padding:0!important;overflow:hidden;border:1px solid rgba(98,64,39,.12);border-radius:20px!important;background:linear-gradient(180deg,#fffdfa 0%,#fff 100%)!important;box-shadow:0 14px 40px rgba(73,45,25,.08)!important}
.jnw-forum-pro .jnw-community-head{padding:24px 26px 18px;border-bottom:1px solid rgba(98,64,39,.10);background:linear-gradient(135deg,rgba(255,250,244,.98),rgba(250,244,237,.72));align-items:flex-start}
.jnw-community-title-wrap{display:flex;gap:14px;align-items:flex-start}.jnw-community-badge{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#2f241e;color:#fff;box-shadow:0 7px 18px rgba(47,36,30,.17);flex:0 0 auto}.jnw-community-badge svg{width:22px;height:22px}.jnw-eyebrow{display:block;font-size:10px;font-weight:850;letter-spacing:.16em;color:#9a6a43;margin:1px 0 5px}.jnw-forum-pro h2{font-size:21px;line-height:1.2;margin:0 0 6px!important;color:#261c17}.jnw-forum-pro .jnw-community-head p{margin:0;color:#76675e;font-size:14px}.jnw-community-metrics{display:flex;gap:8px;align-items:flex-end;flex-direction:column}.jnw-community-count{display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border-radius:999px;background:#fff;color:#49352a!important;border:1px solid #eaded4;font-size:12px;font-weight:800!important}.jnw-online-dot{font-size:11px;color:#6f7d65;display:flex;align-items:center;gap:6px}.jnw-online-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#75a66f;box-shadow:0 0 0 3px rgba(117,166,111,.12)}
.jnw-forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 26px;border-bottom:1px solid rgba(98,64,39,.08);background:#fff}.jnw-forum-rule{display:flex;gap:8px;align-items:center;color:#76675e;font-size:12px}.jnw-forum-rule svg{width:17px;height:17px;color:#8f6b50}.jnw-new-topic{display:inline-flex;gap:7px;align-items:center;border:1px solid #dfcdbd;background:#fff;color:#3f2e25;border-radius:10px;padding:8px 12px;font-weight:750;cursor:pointer}.jnw-new-topic:hover{background:#faf4ed}.jnw-new-topic svg{width:15px;height:15px}
.jnw-forum-pro .jnw-comment-form{margin:0;padding:22px 26px;border-bottom:1px solid rgba(98,64,39,.1);gap:12px;background:#fff}.jnw-composer-top{display:flex;gap:12px;align-items:flex-start}.jnw-avatar,.jnw-comment-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(145deg,#3b2c24,#7c5a45);color:#fff;font-size:13px;font-weight:900;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}.jnw-avatar-you{background:linear-gradient(145deg,#a56735,#d49a61)}.jnw-composer-fields{display:grid;gap:8px;flex:1;min-width:0}.jnw-comment-form input[name="name"]{height:38px;max-width:260px}.jnw-forum-pro .jnw-comment-form input,.jnw-forum-pro .jnw-comment-form textarea{border:1px solid #e5d8cd!important;border-radius:11px!important;background:#fffdfb!important;box-shadow:0 1px 0 rgba(43,29,20,.02);outline:none;transition:border-color .18s,box-shadow .18s}.jnw-forum-pro .jnw-comment-form input:focus,.jnw-forum-pro .jnw-comment-form textarea:focus{border-color:#b99172!important;box-shadow:0 0 0 3px rgba(185,145,114,.12)}.jnw-forum-pro .jnw-comment-form textarea{min-height:88px!important;resize:vertical!important}.jnw-composer-bottom{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-left:50px}.jnw-emoji-row{gap:4px!important}.jnw-emoji{width:31px;height:31px;display:grid;place-items:center;padding:0!important;border:1px solid transparent!important;background:transparent!important;border-radius:9px!important;filter:saturate(.82);font-size:17px!important;transition:.16s}.jnw-emoji:hover{background:#f7efe8!important;border-color:#ead9ca!important;transform:translateY(-1px)}.jnw-publish-area{display:flex;gap:9px;align-items:center}.jnw-captcha{padding:5px 7px 5px 10px;border:1px solid #e6d9ce;border-radius:10px;background:#fbf7f3;gap:7px!important;color:#66564c;font-size:12px}.jnw-captcha input{width:74px!important;height:31px!important;padding:6px 8px!important;background:#fff!important}.jnw-submit{display:inline-flex;align-items:center;gap:8px;border-radius:10px!important;padding:9px 14px!important;background:#392a22!important;color:#fff!important;font-size:13px;font-weight:800!important;box-shadow:0 5px 14px rgba(57,42,34,.15);transition:.18s}.jnw-submit:hover{transform:translateY(-1px);background:#4a362c!important}.jnw-submit svg{width:16px;height:16px}.jnw-replying{margin-left:50px;padding:8px 11px;border-radius:9px;background:#f8f2ec;color:#69584d;font-size:12px;display:flex;align-items:center;justify-content:space-between}.jnw-replying[hidden]{display:none}.jnw-replying button{border:0;background:transparent;color:#9b5f3f;cursor:pointer;font-weight:800}.jnw-status{margin-left:50px!important}
.jnw-discussion-head{padding:18px 26px 8px;display:flex;align-items:center;justify-content:space-between}.jnw-discussion-head h3{font-size:14px;margin:0;color:#38281f}.jnw-discussion-head span{font-size:11px;color:#9a8b82}.jnw-comments{padding:0 26px 24px}.jnw-thread{position:relative}.jnw-comment{border:0!important;padding:16px 0!important;display:flex;gap:12px;position:relative}.jnw-thread+.jnw-thread>.jnw-comment:first-child{border-top:1px solid #efe6df!important}.jnw-comment-body{flex:1;min-width:0}.jnw-comment-meta{display:flex!important;justify-content:space-between;gap:10px!important;align-items:center!important}.jnw-comment-meta>div{display:flex;align-items:center;gap:7px}.jnw-comment-meta strong{font-size:13px;color:#2d211b}.jnw-member-tag{font-size:9px;letter-spacing:.05em;text-transform:uppercase;border:1px solid #eadfd6;background:#fbf8f5;color:#8b7668;padding:3px 6px;border-radius:999px}.jnw-comment-meta time{font-size:10px;color:#9a8b82}.jnw-comment-text{font-size:14px;color:#44362f;line-height:1.65;margin:7px 0 9px!important}.jnw-comment-emoji{margin-right:5px}.jnw-comment-actions{display:flex;gap:4px;align-items:center}.jnw-comment-actions button{display:inline-flex;align-items:center;gap:5px;border:0!important;background:transparent!important;color:#857269!important;padding:5px 7px!important;border-radius:8px;font-size:11px;cursor:pointer}.jnw-comment-actions button:hover{background:#f8f2ed!important;color:#4d382d}.jnw-comment-actions svg{width:14px;height:14px}.jnw-comment-actions b{font-size:10px;font-weight:800;color:#9a6f51}.jnw-report-btn{margin-left:auto}.jnw-comment-reply{margin-left:50px;padding:12px 0 12px 14px!important}.jnw-comment-reply:before{content:"";position:absolute;left:-26px;top:0;width:22px;height:24px;border-left:1px solid #e7dcd2;border-bottom:1px solid #e7dcd2;border-bottom-left-radius:10px}.jnw-comment-reply .jnw-comment-avatar{width:31px;height:31px;font-size:10px;background:linear-gradient(145deg,#6f655e,#9c8d83)}.jnw-empty-discussion{text-align:center;padding:28px 10px;color:#7c6b61}.jnw-empty-discussion .jnw-empty-icon{width:38px;height:38px;margin:0 auto 9px;border-radius:50%;display:grid;place-items:center;background:#f7efe8;color:#a1704f}.jnw-empty-discussion strong{display:block;color:#44342b;font-size:14px}.jnw-empty-discussion p{margin:5px 0 0;font-size:12px}.jnw-form-note{font-size:12px!important}
@media(max-width:760px){.jnw-forum-pro .jnw-community-head,.jnw-forum-toolbar,.jnw-forum-pro .jnw-comment-form,.jnw-discussion-head,.jnw-comments{padding-left:16px;padding-right:16px}.jnw-community-metrics{display:none}.jnw-community-badge{width:38px;height:38px}.jnw-forum-pro h2{font-size:18px}.jnw-forum-rule span{display:none}.jnw-composer-bottom{margin-left:0;align-items:flex-start;flex-direction:column}.jnw-publish-area{width:100%;justify-content:space-between}.jnw-captcha{flex:1}.jnw-submit{min-height:42px}.jnw-comment-reply{margin-left:30px}.jnw-report-btn{margin-left:0}.jnw-comment-meta{align-items:flex-start!important;flex-direction:column;gap:3px!important}.jnw-status,.jnw-replying{margin-left:0!important}}

/* Fase 2.2 - seletor de emojis premium */
.jnw-emoji-tools{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.jnw-emoji-row{display:flex;gap:7px;flex-wrap:wrap;max-width:720px}.jnw-emoji-extra[hidden]{display:none!important}.jnw-more-emojis{border:1px solid #eadfd5;background:#fff;color:#5b4639;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800;cursor:pointer}.jnw-more-emojis:hover{background:#f8f4f0}.jnw-emoji{transition:transform .15s ease,box-shadow .15s ease}.jnw-emoji:hover{transform:translateY(-1px) scale(1.08)}
.jnw-forum-general-link{display:inline-flex;align-items:center;margin-left:10px;padding:6px 10px;border:1px solid rgba(129,92,61,.18);border-radius:999px;color:#7b5438;text-decoration:none;font-size:12px;font-weight:800;background:#fffaf5;transition:.18s ease}.jnw-forum-general-link:hover{background:#f5ebe1;transform:translateY(-1px)}


/* ===== FASE 3 — HOME EDITORIAL / COMUNIDADE / ORIGINALS ===== */
.jnw-home-editorial{display:flex;justify-content:space-between;gap:32px;align-items:center;padding:32px 34px!important;background:linear-gradient(135deg,#2f211a 0%,#503325 56%,#87552f 100%)!important;color:#fff!important;box-shadow:0 18px 44px rgba(71,42,24,.15)!important;overflow:hidden;position:relative}.jnw-home-editorial:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-80px;top:-110px;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 35px rgba(255,255,255,.025),0 0 0 70px rgba(255,255,255,.018)}.jnw-home-editorial-copy{max-width:760px;position:relative;z-index:1}.jnw-home-kicker,.jnw-section-kicker{display:block;font-size:10px;font-weight:900;letter-spacing:.17em;color:#d6a36e;margin-bottom:7px}.jnw-home-editorial h2{font-size:30px;line-height:1.15;margin:0 0 12px;color:#fff}.jnw-home-editorial p{margin:0;color:#eadfd7;line-height:1.65;font-size:14px}.jnw-home-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.jnw-home-facts span{display:inline-flex;gap:5px;align-items:center;padding:8px 11px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.06);font-size:11px;color:#f2e7df}.jnw-home-facts strong{color:#fff}.jnw-home-editorial-actions{display:flex;flex-direction:column;gap:8px;min-width:190px;position:relative;z-index:1}.jnw-home-editorial-actions a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:11px;text-decoration:none;font-weight:850;font-size:12px}.jnw-home-primary{background:#fff;color:#3c281e}.jnw-home-secondary{border:1px solid rgba(255,255,255,.2);color:#fff;background:rgba(255,255,255,.055)}
.jnw-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}.jnw-section-heading h2{margin:0 0 5px;font-size:26px;color:#2f241e}.jnw-section-heading p{margin:0;color:#78675c;font-size:13px}.jnw-section-heading>a{font-size:12px;font-weight:850;text-decoration:none;color:#8a5430;border:1px solid #e3d0c0;background:#fff;padding:9px 12px;border-radius:10px;white-space:nowrap}.jnw-section-kicker{color:#9a633d}
.jnw-originals-section,.jnw-community-hub,.jnw-magazine-section{padding:28px!important}.jnw-originals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.jnw-original-card{display:grid;grid-template-columns:145px 1fr;min-height:160px;border:1px solid #eadbcf;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.18s;box-shadow:0 7px 20px rgba(62,38,23,.045)}.jnw-original-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(62,38,23,.09)}.jnw-original-card.is-featured{grid-column:span 2}.jnw-original-media{position:relative;min-height:160px;background:#211a16}.jnw-original-media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.jnw-original-badge{position:absolute;top:10px;left:10px;padding:5px 7px;border-radius:7px;background:#30231d;color:#f4d5a8;font-size:9px;letter-spacing:.12em;font-weight:900}.jnw-original-body{padding:17px;display:flex;flex-direction:column}.jnw-original-body>span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9a6a43;font-weight:850}.jnw-original-body h3{font-size:17px;margin:5px 0 7px;color:#2e211b}.jnw-original-body p{font-size:12px;line-height:1.5;color:#76665b;margin:0 0 10px}.jnw-original-body strong{margin-top:auto;color:#7f4b2c;font-size:11px}
.jnw-community-hub-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px}.jnw-hub-panel{border:1px solid #eaded5;background:#fff;border-radius:16px;overflow:hidden}.jnw-hub-title{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#faf6f2;border-bottom:1px solid #eee2d8}.jnw-hub-title span{font-size:13px;font-weight:900;color:#33251e}.jnw-hub-title small{font-size:10px;color:#9b897c}.jnw-forum-home-row{display:grid;grid-template-columns:38px 1fr 54px;gap:11px;align-items:center;padding:12px 15px;border-bottom:1px solid #f0e7e0;text-decoration:none;color:inherit}.jnw-forum-home-row:last-child{border-bottom:0}.jnw-forum-home-row:hover{background:#fffaf6}.jnw-forum-home-icon{width:34px;height:34px;border-radius:9px;background:#344f53;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}.jnw-forum-home-main{display:flex;flex-direction:column;min-width:0}.jnw-forum-home-main strong{font-size:12px;color:#31241e}.jnw-forum-home-main small{font-size:10px;color:#88766b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.jnw-forum-home-stats{text-align:center}.jnw-forum-home-stats strong{display:block;font-size:12px;color:#744627}.jnw-forum-home-stats small{font-size:9px;color:#9a897d}.jnw-community-home-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 15px;border-bottom:1px solid #f0e7e0;text-decoration:none;color:inherit}.jnw-community-home-item:last-child{border-bottom:0}.jnw-community-home-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#6a4937,#a87a5a);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.jnw-community-home-item>span:last-child{display:flex;flex-direction:column;min-width:0}.jnw-community-home-item strong{font-size:11px;color:#35271f}.jnw-community-home-item small{font-size:10px;color:#88766b;line-height:1.4;margin-top:3px}.jnw-community-invite{padding:20px;display:flex;flex-direction:column;gap:5px}.jnw-community-invite strong{font-size:13px}.jnw-community-invite span{font-size:11px;color:#806f64}.jnw-community-invite a{font-size:11px;font-weight:850;color:#855234;text-decoration:none;margin-top:5px}
.jnw-magazine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.jnw-mag-card{border:1px solid #e9dcd2;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:.18s}.jnw-mag-card:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(63,40,24,.08)}.jnw-mag-media{height:155px;background:#eee}.jnw-mag-media img{width:100%;height:100%;object-fit:cover}.jnw-mag-body{padding:16px}.jnw-mag-label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#9c6844}.jnw-mag-body h3{font-size:16px;line-height:1.3;margin:6px 0 8px;color:#30231c}.jnw-mag-body p{font-size:11px;line-height:1.55;color:#7d6c61;margin:0 0 11px}.jnw-mag-body strong{font-size:11px;color:#814d2f}.jnw-home-empty{padding:18px;color:#806f64;font-size:12px}
@media(max-width:900px){.jnw-home-editorial{align-items:flex-start}.jnw-originals-grid,.jnw-magazine-grid{grid-template-columns:1fr 1fr}.jnw-original-card.is-featured{grid-column:span 2}.jnw-community-hub-grid{grid-template-columns:1fr}.jnw-original-card{grid-template-columns:125px 1fr}}
@media(max-width:620px){.jnw-home-editorial{padding:24px 20px!important;flex-direction:column}.jnw-home-editorial h2{font-size:23px}.jnw-home-editorial-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.jnw-home-primary{grid-column:1/-1}.jnw-section-heading{align-items:flex-start;flex-direction:column}.jnw-section-heading h2{font-size:22px}.jnw-originals-section,.jnw-community-hub,.jnw-magazine-section{padding:20px!important}.jnw-originals-grid,.jnw-magazine-grid{grid-template-columns:1fr}.jnw-original-card,.jnw-original-card.is-featured{grid-column:auto;grid-template-columns:108px 1fr}.jnw-original-media{min-height:150px}.jnw-mag-media{height:170px}}

/* Fase 3.1 — Revista JogosNaWeb em cards compactos */
.jnw-magazine-section{min-height:0}.jnw-magazine-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:stretch}.jnw-mag-mini-card{display:flex;flex-direction:column;min-width:0;border:1px solid #eaded5;background:#fff;border-radius:15px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(67,40,24,.045);transition:transform .18s ease,box-shadow .18s ease}.jnw-mag-mini-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(67,40,24,.10)}.jnw-mag-mini-media{aspect-ratio:16/10;background:#eee;overflow:hidden}.jnw-mag-mini-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.jnw-mag-mini-card:hover .jnw-mag-mini-media img{transform:scale(1.035)}.jnw-mag-mini-body{padding:12px 13px 13px;display:flex;flex-direction:column;flex:1;min-width:0}.jnw-mag-mini-body>span{font-size:9px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#9a633d}.jnw-mag-mini-body h3{font-size:13px;line-height:1.35;margin:5px 0 10px;color:#2f241e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:35px}.jnw-mag-mini-body strong{margin-top:auto;font-size:10px;color:#805033}.jnw-magazine-section .jnw-section-heading{margin-bottom:15px}
@media(max-width:900px){.jnw-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.jnw-magazine-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jnw-mag-mini-body{padding:10px}.jnw-mag-mini-body h3{font-size:12px;min-height:32px}.jnw-mag-mini-body strong{font-size:9px}}

/* Fase 3.2 — banner editorial claro e integrado à identidade do portal */
.jnw-home-editorial{
  padding:26px 30px!important;
  background:linear-gradient(135deg,#fff7ee 0%,#fff0df 55%,#ffe3c7 100%)!important;
  color:#2f241e!important;
  border:1px solid #f0d8c3!important;
  box-shadow:0 14px 34px rgba(118,76,43,.10)!important;
}
.jnw-home-editorial:after{
  border-color:rgba(217,119,6,.12)!important;
  box-shadow:0 0 0 35px rgba(217,119,6,.035),0 0 0 70px rgba(217,119,6,.022)!important;
}
.jnw-home-kicker{color:#c56b13!important}
.jnw-home-editorial h2{color:#2f241e!important;font-size:28px!important;margin-bottom:9px!important}
.jnw-home-editorial p{color:#6b5548!important;line-height:1.55!important}
.jnw-home-facts{margin-top:14px!important}
.jnw-home-facts span{
  border-color:#edcfb4!important;
  background:rgba(255,255,255,.62)!important;
  color:#6b5548!important;
}
.jnw-home-facts strong{color:#2f241e!important}
.jnw-home-editorial-actions{gap:7px!important}
.jnw-home-editorial-actions a{min-height:40px!important}
.jnw-home-primary{
  background:#d97706!important;
  color:#fff!important;
  border:1px solid #d97706!important;
  box-shadow:0 5px 14px rgba(217,119,6,.13);
}
.jnw-home-secondary{
  background:rgba(255,255,255,.72)!important;
  color:#74431f!important;
  border:1px solid #e7c5a8!important;
}
.jnw-home-editorial-actions a:hover{transform:translateY(-1px);filter:brightness(.99)}
@media(max-width:620px){.jnw-home-editorial{padding:21px 19px!important}.jnw-home-editorial h2{font-size:22px!important}}

/* Fase 3.3 — unificação da cor dos rótulos editoriais da Home */
.jnw-community-hub .jnw-section-kicker,
.jnw-magazine-section .jnw-section-kicker{
  color:#c56b13!important;
}


/* Fase 3.4 — identidade clara unificada nos containers Comunidade e Conteúdo Editorial */
.jnw-community-hub,
.jnw-magazine-section{
  background:linear-gradient(135deg,#fff7ee 0%,#fff0df 55%,#ffe3c7 100%)!important;
  border:1px solid #f0d8c3!important;
  box-shadow:0 14px 34px rgba(118,76,43,.10)!important;
}
.jnw-community-hub .jnw-section-kicker,
.jnw-magazine-section .jnw-section-kicker,
.jnw-originals-section .jnw-section-kicker{color:#c56b13!important;}

/* Fase 3.5 — unificação final: JogosNaWeb Originals com a mesma identidade clara */
.jnw-originals-section{
  background:linear-gradient(135deg,#fff7ee 0%,#fff0df 55%,#ffe3c7 100%)!important;
  border:1px solid #f0d8c3!important;
  box-shadow:0 14px 34px rgba(118,76,43,.10)!important;
}
.jnw-originals-section .jnw-section-kicker{color:#c56b13!important;}

/* Fase 3.7 — comunidade da home: máximo 4 comentários por página */
.jnw-community-home-list{min-height:0}
.jnw-community-pager{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border-top:1px solid #f0e7e0;background:#fffaf6}
.jnw-community-pager button{width:30px;height:30px;border:1px solid #e5d5c7;border-radius:8px;background:#fff;color:#7a4b2f;font-size:11px;font-weight:850;cursor:pointer;transition:.15s ease}
.jnw-community-pager button:hover{border-color:#d8893d;background:#fff4e7}
.jnw-community-pager button.is-active{background:#d97706;border-color:#d97706;color:#fff;box-shadow:0 4px 10px rgba(217,119,6,.18)}
@media(max-width:620px){.jnw-community-pager{gap:4px}.jnw-community-pager button{width:28px;height:28px}}
.jnw-community-pager .jnw-page-gap{min-width:18px;text-align:center;color:#9a806f;font-size:12px;font-weight:800}

/* Fase 5 - Notícias */
.jnw-news-section{background:linear-gradient(135deg,#fff4e7,#ffe8cc);border:1px solid #f1c998;border-radius:20px;padding:22px}.jnw-news-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.jnw-news-card{background:#fff;border:1px solid #ecd8c0;border-radius:14px;padding:15px;text-decoration:none;color:#33271f;display:flex;flex-direction:column;gap:7px;min-height:145px}.jnw-news-card small{font-size:11px;color:#d56c0b;font-weight:800}.jnw-news-card strong{line-height:1.25}.jnw-news-card span{font-size:13px;color:#6d5c4f;line-height:1.4}@media(max-width:900px){.jnw-news-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.jnw-news-grid{grid-template-columns:1fr}}

/* FASE 5.1 - CARROSSEL PREMIUM */
.jnw-news-premium{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff8ef 0%,#ffead1 55%,#ffe0b9 100%);border:1px solid #efc89b;border-radius:24px;padding:24px 22px 18px;box-shadow:0 18px 45px rgba(93,55,25,.08)}
.jnw-news-premium:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-150px;top:-210px;background:radial-gradient(circle,rgba(230,122,0,.16),rgba(230,122,0,0) 70%);pointer-events:none}
.jnw-news-heading-actions{display:flex;align-items:center;gap:9px;position:relative;z-index:2}
.jnw-news-heading-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 17px;border:1px solid #e6c7a5;border-radius:12px;background:rgba(255,255,255,.88);color:#713b17;text-decoration:none;font-weight:800;transition:.25s ease}
.jnw-news-nav{width:42px;height:42px;border:1px solid #e6c7a5;border-radius:12px;background:#fff;color:#8a470f;font:700 28px/1 Arial;cursor:pointer;box-shadow:0 5px 14px rgba(90,50,20,.08);transition:.2s ease}
.jnw-news-nav:hover{transform:translateY(-2px);background:#df7900;color:#fff}
.jnw-news-viewport{overflow:hidden;margin-top:17px;border-radius:18px;touch-action:pan-y}
.jnw-news-track{display:flex;gap:16px;transition:transform .62s cubic-bezier(.22,.8,.24,1);will-change:transform}
.jnw-news-card-premium{position:relative;flex:0 0 calc((100% - 32px)/3);height:250px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:#4b2b18;isolation:isolate;box-shadow:0 12px 25px rgba(45,27,15,.13);transform:translateZ(0)}
.jnw-news-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s ease,filter .65s ease}
.jnw-news-card-premium:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,11,8,.03) 12%,rgba(18,12,8,.22) 45%,rgba(17,10,6,.94) 100%)}
.jnw-news-card-premium:hover .jnw-news-cover{transform:scale(1.055);filter:saturate(1.08)}
.jnw-news-card-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:18px}
.jnw-news-meta{display:flex;align-items:center;gap:7px;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.jnw-news-badge{background:#e47a00;color:#fff;border-radius:999px;padding:5px 8px}.jnw-news-date{color:rgba(255,255,255,.78)}
.jnw-news-card-content strong{display:block;font-size:18px;line-height:1.18;text-shadow:0 2px 8px rgba(0,0,0,.25)}
.jnw-news-card-content p{margin:8px 0 0;color:rgba(255,255,255,.84);font-size:12.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jnw-news-read{display:inline-flex;margin-top:10px;font-size:11px;font-weight:900;color:#ffd7a5}
.jnw-news-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:15px}.jnw-news-dots{display:flex;gap:7px}
.jnw-news-dot{width:7px;height:7px;border:0;border-radius:999px;background:#d9b995;padding:0;cursor:pointer;transition:.3s ease}.jnw-news-dot.active{width:25px;background:#d86f00}
.jnw-news-auto{font-size:11px;color:#8d6748;display:flex;align-items:center;gap:7px}.jnw-news-auto i{width:7px;height:7px;border-radius:50%;background:#e47a00;box-shadow:0 0 0 4px rgba(228,122,0,.12)}
@media(max-width:980px){.jnw-news-card-premium{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:650px){.jnw-news-premium{padding:19px 14px 15px}.jnw-news-heading-actions>a{display:none}.jnw-news-card-premium{flex-basis:86%;height:235px}.jnw-news-auto{display:none}}
/* Fase 5.2 - 4 notícias visíveis no desktop */
.jnw-news-track{gap:14px}
.jnw-news-card-premium{flex:0 0 calc((100% - 42px)/4);height:218px}
.jnw-news-card-content{padding:14px}
.jnw-news-card-content strong{font-size:15px;line-height:1.16;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jnw-news-card-content p{font-size:11.5px;-webkit-line-clamp:1;margin-top:6px}
.jnw-news-read{margin-top:7px;font-size:10px}
@media(max-width:980px){.jnw-news-card-premium{flex-basis:calc((100% - 14px)/2);height:225px}}
@media(max-width:650px){.jnw-news-card-premium{flex-basis:86%;height:225px}}

/* FASE 5.3 — fallback visual para notícias sem imagem */
.jnw-news-card-premium.jnw-news-image-fallback{background:radial-gradient(circle at 78% 22%,rgba(255,174,74,.30),transparent 30%),linear-gradient(135deg,#7c3e15 0%,#3d2116 48%,#16110e 100%)}
.jnw-news-card-premium.jnw-news-image-fallback:before{content:'JOGOSNAWEB';position:absolute;right:14px;top:18px;z-index:0;font-size:12px;font-weight:900;letter-spacing:.16em;color:rgba(255,255,255,.20)}

/* FASE 5.4 — movimento suave + hover premium */
.jnw-news-card-premium{
  --rx:0deg;--ry:0deg;--mx:50%;--my:50%;
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(0) scale(1);
  transform-origin:center center;
  transition:transform .36s cubic-bezier(.2,.75,.25,1),box-shadow .36s ease,border-color .36s ease,filter .36s ease;
  border:1px solid rgba(255,255,255,.06);
}
.jnw-news-card-premium:before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:radial-gradient(circle at var(--mx) var(--my),rgba(255,190,98,.28),transparent 34%);
  transition:opacity .3s ease;
}
.jnw-news-card-premium:hover{
  transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry)) translateY(-7px) scale(1.018);
  box-shadow:0 22px 38px rgba(72,38,13,.24),0 0 0 1px rgba(228,122,0,.35);
  border-color:rgba(228,122,0,.55);
  filter:saturate(1.05);
}
.jnw-news-card-premium:hover:before{opacity:1}
.jnw-news-card-premium:hover .jnw-news-cover{transform:scale(1.075);filter:saturate(1.12) contrast(1.03)}
.jnw-news-read{transition:transform .28s ease,color .28s ease}.jnw-news-card-premium:hover .jnw-news-read{transform:translateX(4px);color:#fff0d3}
.jnw-news-track{transition:transform .78s cubic-bezier(.22,.72,.18,1)}
@media (prefers-reduced-motion:reduce){.jnw-news-track,.jnw-news-card-premium,.jnw-news-cover,.jnw-news-read{transition:none!important}.jnw-news-card-premium:hover{transform:none}}

/* FASE 5.9 — CABEÇALHO NOTÍCIAS NO ESTILO DA HOME */
.article-home-header{background:var(--primary,#f4a261);box-shadow:0 6px 18px rgba(0,0,0,.08);position:relative;z-index:20}
.article-home-header-inner{width:min(1180px,calc(100% - 36px));min-height:78px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}
.article-home-logo{display:inline-flex;align-items:center}.article-home-logo img{width:220px;height:58px;object-fit:contain}
.article-news-nav{display:flex;gap:8px;flex-wrap:wrap}.article-news-nav a{text-decoration:none;color:#3f2918;font-weight:800;padding:11px 13px;border-radius:10px}
.article-news-nav a.active,.article-news-nav a:hover{background:rgba(255,255,255,.72);color:#9e4f09}
@media(max-width:760px){.article-home-header-inner{padding:10px 0;align-items:flex-start;flex-direction:column}.article-news-nav{width:100%}.article-home-logo img{width:190px}}


/* FASE 6.2 — HERO EDITORIAL / UNIVERSO JOGOSNAWEB */
.jnw-home-editorial{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr)!important;gap:28px!important;align-items:stretch!important;padding:34px!important;background:radial-gradient(circle at 88% 18%,rgba(255,170,65,.20),transparent 24%),linear-gradient(135deg,#fff8ef 0%,#ffecd6 100%)!important;color:#34251d!important;border:1px solid #efd5b8!important;box-shadow:0 18px 44px rgba(71,42,24,.10)!important;overflow:hidden!important}
.jnw-home-editorial:after{width:270px!important;height:270px!important;right:-95px!important;top:-105px!important;border-color:rgba(213,112,16,.12)!important;box-shadow:0 0 0 38px rgba(228,122,0,.035),0 0 0 78px rgba(228,122,0,.02)!important}
.jnw-home-editorial-copy{max-width:none!important;display:flex;flex-direction:column;justify-content:center}
.jnw-home-eyebrow{align-self:flex-start;display:inline-flex;padding:6px 9px;border-radius:999px;background:#df7300;color:#fff;font-size:9px;font-weight:950;letter-spacing:.16em;margin-bottom:10px;box-shadow:0 5px 14px rgba(223,115,0,.18)}
.jnw-home-editorial .jnw-home-kicker{color:#a95a19!important;margin-bottom:8px!important}
.jnw-home-editorial h2{font-size:31px!important;line-height:1.08!important;color:#2e211b!important;margin-bottom:11px!important;max-width:760px}.jnw-home-editorial h2 em{font-style:normal;color:#d86f00}
.jnw-home-editorial p{color:#725e50!important;font-size:13.5px!important;line-height:1.58!important;max-width:800px}
.jnw-home-facts{margin-top:15px!important}.jnw-home-facts span{background:#fff!important;border-color:#ead3be!important;color:#765e4d!important;box-shadow:0 4px 12px rgba(73,44,24,.035)}.jnw-home-facts strong{color:#3c291e!important}
.jnw-home-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:18px}.jnw-pillar{min-width:0;display:grid;grid-template-columns:34px 1fr 15px;gap:8px;align-items:center;text-decoration:none;background:rgba(255,255,255,.78);border:1px solid #ead2ba;border-radius:13px;padding:10px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.jnw-pillar:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(91,49,18,.11);border-color:#e09a55}.jnw-pillar i{width:34px;height:34px;border-radius:10px;background:#fff0df;display:grid;place-items:center;font-style:normal;font-size:18px}.jnw-pillar span{min-width:0}.jnw-pillar strong{display:block;color:#4a2d1a;font-size:10px;letter-spacing:.06em}.jnw-pillar small{display:block;color:#806c5d;font-size:9.5px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jnw-pillar b{color:#d86f00;font-size:15px;transition:transform .2s}.jnw-pillar:hover b{transform:translateX(3px)}
.jnw-home-universe{position:relative;min-height:265px;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 20% 20%,#734521 0%,#3b261c 48%,#231812 100%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 18px 35px rgba(63,35,18,.18)}.jnw-universe-glow{position:absolute;width:210px;height:210px;border-radius:50%;right:-60px;top:-70px;background:radial-gradient(circle,rgba(255,154,44,.42),rgba(255,154,44,0) 68%)}.jnw-universe-joystick{position:absolute;right:16px;bottom:7px;font-size:86px;opacity:.08;filter:grayscale(1);transform:rotate(-8deg)}.jnw-universe-label{position:absolute;left:18px;top:17px;z-index:5;color:#fff}.jnw-universe-label small{display:block;color:#ffb55f;font-weight:900;font-size:8px;letter-spacing:.18em;margin-bottom:3px}.jnw-universe-label strong{font-size:18px;line-height:1.05}.jnw-universe-games{position:absolute;inset:0}.jnw-universe-game{position:absolute;width:116px;height:82px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.84);box-shadow:0 13px 28px rgba(0,0,0,.33);text-decoration:none;animation:jnwFloat 5.5s ease-in-out infinite;transition:transform .28s ease,box-shadow .28s ease,z-index .01s}.jnw-universe-game img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.jnw-universe-game span{position:absolute;left:0;right:0;bottom:0;padding:13px 7px 5px;background:linear-gradient(transparent,rgba(0,0,0,.86));color:#fff;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jnw-universe-game:hover{z-index:8;animation-play-state:paused;box-shadow:0 18px 34px rgba(0,0,0,.43)}.jnw-universe-game:hover img{transform:scale(1.07)}.jnw-universe-game-1{left:22px;top:91px;transform:rotate(-5deg)}.jnw-universe-game-2{right:18px;top:66px;transform:rotate(5deg);animation-delay:-1.3s}.jnw-universe-game-3{left:78px;bottom:27px;transform:rotate(3deg);animation-delay:-2.6s}.jnw-universe-game-4{right:55px;bottom:20px;transform:rotate(-4deg);animation-delay:-3.8s}.jnw-universe-game-1:hover{transform:rotate(-2deg) translateY(-5px) scale(1.05)}.jnw-universe-game-2:hover{transform:rotate(2deg) translateY(-5px) scale(1.05)}.jnw-universe-game-3:hover{transform:rotate(1deg) translateY(-5px) scale(1.05)}.jnw-universe-game-4:hover{transform:rotate(-1deg) translateY(-5px) scale(1.05)}
.jnw-universe-cta{position:absolute;z-index:10;right:17px;top:16px;color:#fff;text-decoration:none;font-size:9px;font-weight:900;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);backdrop-filter:blur(6px);padding:7px 9px;border-radius:999px;transition:.25s}.jnw-universe-cta:hover{background:#e47a00;border-color:#e47a00;transform:translateY(-2px)}
@keyframes jnwFloat{0%,100%{margin-top:0}50%{margin-top:-6px}}
@media(max-width:980px){.jnw-home-editorial{grid-template-columns:1fr!important}.jnw-home-universe{min-height:285px}.jnw-home-pillars{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.jnw-home-editorial{padding:21px 16px!important;gap:20px!important}.jnw-home-editorial h2{font-size:25px!important}.jnw-home-pillars{grid-template-columns:1fr}.jnw-pillar small{white-space:normal}.jnw-home-universe{min-height:300px}.jnw-universe-game{width:108px;height:78px}.jnw-universe-game-1{left:15px;top:95px}.jnw-universe-game-2{right:14px;top:82px}.jnw-universe-game-3{left:45px;bottom:35px}.jnw-universe-game-4{right:32px;bottom:26px}}
@media(prefers-reduced-motion:reduce){.jnw-universe-game{animation:none!important}}


/* FASE 6.3 — LADO EDITORIAL PREMIUM DO HERO */
.jnw-home-editorial-copy{
  position:relative;
  isolation:isolate;
}
.jnw-home-editorial-copy:before{
  content:"";
  position:absolute;
  inset:-16px -10px -14px -18px;
  z-index:-2;
  border-radius:24px;
  background:
    linear-gradient(rgba(218,112,0,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(218,112,0,.028) 1px,transparent 1px);
  background-size:24px 24px;
  mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 65%,transparent 100%);
  pointer-events:none;
}
.jnw-home-editorial-copy:after{
  content:"";
  position:absolute;
  z-index:-1;
  width:190px;
  height:190px;
  border-radius:50%;
  left:-72px;
  bottom:-72px;
  background:radial-gradient(circle,rgba(239,137,23,.10),transparent 70%);
  pointer-events:none;
}
.jnw-home-signature{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:10px;
}
.jnw-home-eyebrow{
  margin:0!important;
  gap:6px;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.jnw-home-eyebrow:after{
  content:"";
  position:absolute;
  inset:-2px;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.42) 45%,transparent 70%);
  transform:translateX(-130%);
  animation:jnwEyebrowShine 5.8s ease-in-out infinite;
}
.jnw-home-eyebrow i{
  font-style:normal;
  font-size:11px;
  position:relative;
  z-index:1;
}
.jnw-home-live-dot{
  display:inline-flex;
  align-items:center;
  gap:5px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.12em;
  color:#8b694f;
}
.jnw-home-live-dot:before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#2fa45a;
  box-shadow:0 0 0 4px rgba(47,164,90,.10);
}
.jnw-home-editorial .jnw-home-kicker{
  letter-spacing:.14em!important;
  font-size:9px!important;
  opacity:.92;
}
.jnw-home-editorial h2{
  letter-spacing:-.035em!important;
  margin-bottom:7px!important;
}
.jnw-home-editorial h2 em{
  display:inline-block;
  background:linear-gradient(90deg,#d96800,#f69a22 62%,#d96800);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  background-size:200% auto;
  animation:jnwTitleGlow 7s linear infinite;
}
.jnw-title-accent{
  display:block;
  width:110px;
  height:4px;
  border-radius:999px;
  margin:3px 0 13px;
  background:linear-gradient(90deg,#df7300,#ffac45,rgba(255,172,69,0));
  transform-origin:left;
  animation:jnwAccentPulse 4.5s ease-in-out infinite;
}
.jnw-home-lead{
  max-width:760px!important;
  font-size:14px!important;
}
.jnw-home-facts-premium{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:9px!important;
  margin-top:18px!important;
}
.jnw-home-facts-premium span{
  margin:0!important;
  min-width:0;
  min-height:58px;
  display:flex!important;
  align-items:center;
  gap:9px;
  border-radius:14px!important;
  padding:9px 11px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,250,244,.78))!important;
  box-shadow:0 7px 18px rgba(80,47,22,.055)!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.jnw-home-facts-premium span:hover{
  transform:translateY(-3px);
  border-color:#e5ac72!important;
  box-shadow:0 12px 24px rgba(80,47,22,.10)!important;
}
.jnw-home-facts-premium span>i{
  width:34px;
  height:34px;
  flex:0 0 34px;
  display:grid;
  place-items:center;
  border-radius:10px;
  font-style:normal;
  font-size:16px;
  background:linear-gradient(145deg,#fff4e7,#ffe1bd);
  box-shadow:inset 0 0 0 1px rgba(224,126,25,.12);
}
.jnw-home-facts-premium em{
  min-width:0;
  display:block;
  font-style:normal;
}
.jnw-home-facts-premium strong{
  display:block;
  font-size:14px;
  line-height:1.05;
}
.jnw-home-facts-premium small{
  display:block;
  margin-top:3px;
  font-size:9px;
  color:#806a59;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jnw-pillar-flow{
  display:flex;
  align-items:center;
  gap:7px;
  margin:17px 0 8px;
  color:#a05a20;
  font-size:8px;
  font-weight:950;
  letter-spacing:.13em;
  opacity:.86;
}
.jnw-pillar-flow span{
  display:inline-flex;
  align-items:center;
  gap:5px;
}
.jnw-pillar-flow span:before{
  content:"";
  width:5px;
  height:5px;
  border-radius:50%;
  background:#e47a00;
  box-shadow:0 0 0 3px rgba(228,122,0,.08);
}
.jnw-pillar-flow b{
  color:#cf9a6d;
  font-size:12px;
  font-weight:700;
}
.jnw-home-pillars{
  margin-top:0!important;
}
.jnw-pillar{
  position:relative;
  overflow:hidden;
  grid-template-columns:42px 1fr 18px!important;
  min-height:76px;
  padding:11px 12px!important;
  background:linear-gradient(155deg,rgba(255,255,255,.96),rgba(255,248,239,.82))!important;
}
.jnw-pillar:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  border-radius:3px;
  background:#e47a00;
  transform:scaleY(.35);
  transition:transform .25s ease;
}
.jnw-pillar:after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  border-radius:50%;
  right:-55px;
  top:-55px;
  background:radial-gradient(circle,rgba(228,122,0,.12),transparent 68%);
  opacity:0;
  transition:opacity .25s ease,transform .3s ease;
}
.jnw-pillar:hover:before{transform:scaleY(1)}
.jnw-pillar:hover:after{opacity:1;transform:scale(1.15)}
.jnw-pillar i{
  width:42px!important;
  height:42px!important;
  font-size:20px!important;
  border-radius:12px!important;
  transition:transform .28s ease;
}
.jnw-pillar:hover i{
  transform:translateY(-2px) rotate(-3deg) scale(1.06);
}
.jnw-pillar strong{
  font-size:11px!important;
  letter-spacing:.08em!important;
}
.jnw-pillar small{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.32;
  font-size:9.2px!important;
  max-width:180px;
}
.jnw-pillar b{
  position:relative;
  z-index:2;
  font-size:17px!important;
}
.jnw-pillar-play i{background:linear-gradient(145deg,#fff0df,#ffe0bb)!important}
.jnw-pillar-discover i{background:linear-gradient(145deg,#f4efe9,#e8eef2)!important}
.jnw-pillar-community i{background:linear-gradient(145deg,#fff0df,#f9ddc3)!important}

@keyframes jnwEyebrowShine{
  0%,72%,100%{transform:translateX(-130%)}
  84%{transform:translateX(130%)}
}
@keyframes jnwTitleGlow{
  to{background-position:200% center}
}
@keyframes jnwAccentPulse{
  0%,100%{transform:scaleX(.78);opacity:.75}
  50%{transform:scaleX(1);opacity:1}
}
@media(max-width:980px){
  .jnw-home-editorial-copy{padding-bottom:2px}
}
@media(max-width:720px){
  .jnw-home-facts-premium{grid-template-columns:1fr!important}
  .jnw-pillar-flow{display:none}
}
@media(max-width:650px){
  .jnw-home-signature{flex-wrap:wrap}
  .jnw-home-editorial h2 br{display:none}
  .jnw-home-facts-premium span{min-height:54px}
}
@media(prefers-reduced-motion:reduce){
  .jnw-home-eyebrow:after,
  .jnw-home-editorial h2 em,
  .jnw-title-accent{animation:none!important}
}


/* FASE 6.4 — HERO MAIS COMPACTO + 6 CAPAS NO UNIVERSO */
.jnw-home-editorial{
  padding:24px 30px!important;
  min-height:355px;
  max-height:390px;
}
.jnw-home-editorial-copy{
  justify-content:center!important;
}
.jnw-home-signature{margin-bottom:8px!important}
.jnw-home-eyebrow{
  text-transform:none!important;
  font-size:10px!important;
  padding:7px 12px!important;
}
.jnw-home-editorial h2{
  font-size:29px!important;
  margin-bottom:5px!important;
}
.jnw-title-accent{
  margin:2px 0 9px!important;
  height:3px!important;
}
.jnw-home-lead{
  line-height:1.48!important;
  margin-bottom:0!important;
}
.jnw-pillar-flow{
  margin:13px 0 7px!important;
}
.jnw-home-pillars{
  gap:9px!important;
}
.jnw-pillar{
  min-height:68px!important;
  padding:9px 11px!important;
}
.jnw-pillar i{
  width:38px!important;
  height:38px!important;
  flex-basis:38px!important;
}
.jnw-pillar small{
  font-size:8.7px!important;
  line-height:1.24!important;
}

/* Mantém o quadro direito proporcional à nova altura */
.jnw-home-universe{
  min-height:305px!important;
  height:100%;
}

/* 6 miniaturas: composição mais cheia sem virar grade rígida */
.jnw-universe-game{
  width:104px!important;
  height:73px!important;
}
.jnw-universe-game-1{left:20px!important;top:86px!important;transform:rotate(-5deg)}
.jnw-universe-game-2{right:17px!important;top:59px!important;transform:rotate(5deg)}
.jnw-universe-game-3{left:67px!important;bottom:25px!important;transform:rotate(3deg)}
.jnw-universe-game-4{right:48px!important;bottom:18px!important;transform:rotate(-4deg)}
.jnw-universe-game-5{
  left:157px!important;
  top:118px!important;
  width:91px!important;
  height:65px!important;
  transform:rotate(-2deg);
  animation-delay:-4.5s;
}
.jnw-universe-game-6{
  right:123px!important;
  bottom:76px!important;
  width:88px!important;
  height:63px!important;
  transform:rotate(4deg);
  animation-delay:-5.1s;
}
.jnw-universe-game-5:hover{transform:rotate(0deg) translateY(-5px) scale(1.05)}
.jnw-universe-game-6:hover{transform:rotate(1deg) translateY(-5px) scale(1.05)}

/* O bloco de estatísticas foi removido da marcação; garante que não reserve espaço */
.jnw-home-facts-premium{display:none!important}

@media(max-width:980px){
  .jnw-home-editorial{
    max-height:none;
    min-height:0;
    padding:25px!important;
  }
  .jnw-home-universe{min-height:305px!important}
}
@media(max-width:650px){
  .jnw-home-editorial{padding:20px 16px!important}
  .jnw-home-editorial h2{font-size:24px!important}
  .jnw-home-universe{min-height:330px!important}
  .jnw-universe-game-5{left:50%;top:152px!important;transform:translateX(-50%) rotate(-2deg)}
  .jnw-universe-game-6{right:50%;bottom:88px!important;transform:translateX(50%) rotate(3deg)}
  .jnw-universe-game-5:hover{transform:translateX(-50%) translateY(-4px) scale(1.04)}
  .jnw-universe-game-6:hover{transform:translateX(50%) translateY(-4px) scale(1.04)}
}


/* FASE 6.5 — ORIGINALS INTEGRADO + 8 CAPAS NO UNIVERSO */
.jnw-originals-inline{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  margin-top:11px;
  padding:9px 11px;
  border:1px solid rgba(202,110,23,.24);
  border-radius:13px;
  background:linear-gradient(110deg,rgba(84,43,21,.96),rgba(122,66,28,.94));
  color:#fff!important;
  text-decoration:none!important;
  box-shadow:0 8px 20px rgba(76,38,16,.11);
  overflow:hidden;
  position:relative;
  transition:transform .22s ease,box-shadow .22s ease;
}
.jnw-originals-inline:after{
  content:"";
  position:absolute;
  width:120px;height:120px;border-radius:50%;right:-65px;top:-75px;
  background:radial-gradient(circle,rgba(255,170,70,.25),transparent 68%);
  pointer-events:none;
}
.jnw-originals-inline:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(76,38,16,.17)}
.jnw-originals-inline-badge{
  position:relative;z-index:1;
  padding:6px 8px;border-radius:999px;background:#e47a00;color:#fff;
  font-size:8px;font-weight:950;letter-spacing:.1em;white-space:nowrap;
}
.jnw-originals-inline-copy{position:relative;z-index:1;min-width:0}
.jnw-originals-inline-copy strong{display:block;font-size:11px;line-height:1.1}
.jnw-originals-inline-copy small{display:block;margin-top:3px;font-size:8.5px;line-height:1.2;color:rgba(255,255,255,.75);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jnw-originals-inline>b{position:relative;z-index:1;font-size:9px;color:#ffd19c;white-space:nowrap}

/* Hero segue compacto apesar da nova faixa Originals */
.jnw-home-editorial{min-height:365px!important;max-height:405px!important;padding-top:21px!important;padding-bottom:21px!important}
.jnw-pillar-flow{margin-top:9px!important}
.jnw-pillar{min-height:62px!important}
.jnw-pillar small{font-size:8.2px!important}

/* 8 jogos no painel marrom: composição mais densa e equilibrada */
.jnw-universe-game{width:88px!important;height:61px!important}
.jnw-universe-game-1{left:19px!important;top:88px!important;transform:rotate(-5deg)}
.jnw-universe-game-2{right:18px!important;top:61px!important;transform:rotate(5deg)}
.jnw-universe-game-3{left:28px!important;bottom:23px!important;transform:rotate(3deg)}
.jnw-universe-game-4{right:25px!important;bottom:19px!important;transform:rotate(-4deg)}
.jnw-universe-game-5{left:125px!important;top:111px!important;width:80px!important;height:56px!important;transform:rotate(-2deg)}
.jnw-universe-game-6{right:105px!important;bottom:68px!important;width:78px!important;height:55px!important;transform:rotate(4deg)}
.jnw-universe-game-7{left:69px!important;top:178px!important;width:76px!important;height:53px!important;transform:rotate(5deg);animation-delay:-5.7s}
.jnw-universe-game-8{right:57px!important;top:168px!important;width:76px!important;height:53px!important;transform:rotate(-5deg);animation-delay:-6.2s}
.jnw-universe-game-7:hover{transform:rotate(1deg) translateY(-5px) scale(1.05)}
.jnw-universe-game-8:hover{transform:rotate(-1deg) translateY(-5px) scale(1.05)}

@media(max-width:980px){
  .jnw-home-editorial{max-height:none!important}
}
@media(max-width:650px){
  .jnw-originals-inline{grid-template-columns:1fr auto}
  .jnw-originals-inline-badge{grid-column:1/-1;justify-self:start}
  .jnw-originals-inline-copy small{white-space:normal}
  .jnw-universe-game-7{left:15%!important;top:187px!important}
  .jnw-universe-game-8{right:15%!important;top:187px!important}
}


/* FASE 6.6 — CONTAINER PRINCIPAL EM 3 QUADRADOS */
.jnw-home-editorial{
  display:grid!important;
  grid-template-columns:minmax(0,1.38fr) minmax(245px,.78fr) minmax(330px,.96fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  padding:22px!important;
  min-height:365px!important;
  max-height:none!important;
}
.jnw-home-editorial-copy-3col{display:contents!important}
.jnw-portal-intro,
.jnw-portal-actions,
.jnw-home-universe{
  min-width:0;
  border-radius:20px;
}
.jnw-portal-intro{
  position:relative;
  overflow:hidden;
  padding:22px;
  border:1px solid rgba(229,183,136,.75);
  background:
    linear-gradient(180deg,rgba(255,252,247,.97),rgba(255,244,231,.9)),
    linear-gradient(rgba(214,111,0,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(214,111,0,.028) 1px,transparent 1px);
  background-size:auto,24px 24px,24px 24px;
  box-shadow:0 10px 24px rgba(78,45,20,.06);
}
.jnw-portal-intro:after{
  content:"";
  position:absolute;
  width:170px;height:170px;border-radius:50%;
  right:-70px;bottom:-84px;
  background:radial-gradient(circle,rgba(235,132,20,.12),transparent 70%);
  pointer-events:none;
}
.jnw-portal-intro .jnw-home-signature{margin-bottom:12px!important}
.jnw-portal-intro .jnw-home-kicker{display:block;margin-bottom:8px}
.jnw-portal-intro h2{
  font-size:31px!important;
  line-height:1.04!important;
  margin:0 0 7px!important;
}
.jnw-portal-intro .jnw-title-accent{margin:5px 0 13px!important}
.jnw-portal-intro .jnw-home-lead{
  margin:0!important;
  max-width:620px!important;
  font-size:13.2px!important;
  line-height:1.55!important;
}

.jnw-portal-actions{
  padding:15px;
  border:1px solid rgba(229,183,136,.78);
  background:linear-gradient(180deg,#fffaf4 0%,#fff0df 100%);
  box-shadow:0 10px 24px rgba(78,45,20,.07);
  display:flex;
  flex-direction:column;
  gap:9px;
}
.jnw-actions-kicker{
  display:block;
  margin:1px 2px 3px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.14em;
  color:#a95a19;
}
.jnw-action-row{
  position:relative;
  min-height:60px;
  display:grid;
  grid-template-columns:36px 1fr 18px;
  align-items:center;
  gap:9px;
  padding:9px 10px;
  border:1px solid #ead0b5;
  border-radius:13px;
  background:rgba(255,255,255,.9);
  text-decoration:none;
  color:#4b3423;
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.jnw-action-row:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;background:#e47a00;
  transform:scaleY(.35);
  transition:transform .22s ease;
}
.jnw-action-row:hover{
  transform:translateX(3px);
  border-color:#e0ac78;
  box-shadow:0 9px 18px rgba(82,47,20,.08);
}
.jnw-action-row:hover:before{transform:scaleY(1)}
.jnw-action-row i{
  width:36px;height:36px;border-radius:10px;
  display:grid;place-items:center;
  background:#fff0df;
  font-style:normal;font-size:17px;
}
.jnw-action-row strong{display:block;font-size:10.5px;letter-spacing:.08em}
.jnw-action-row small{display:block;margin-top:2px;font-size:8.4px;line-height:1.25;color:#806a59}
.jnw-action-row b{color:#df7500;font-size:16px;transition:transform .22s ease}
.jnw-action-row:hover b{transform:translateX(3px)}

.jnw-originals-card{
  margin-top:auto;
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px 9px;
  align-items:center;
  padding:11px;
  border-radius:14px;
  text-decoration:none;
  color:#fff;
  background:linear-gradient(135deg,#9e4f1d 0%,#6d351c 100%);
  box-shadow:0 10px 22px rgba(95,48,22,.17);
  transition:transform .24s ease,box-shadow .24s ease;
}
.jnw-originals-card:hover{
  transform:translateY(-3px);
  box-shadow:0 14px 27px rgba(95,48,22,.23);
}
.jnw-originals-badge{
  grid-row:1 / span 2;
  padding:6px 8px;border-radius:999px;
  font-size:7px;font-weight:950;letter-spacing:.1em;
  background:#f28a00;white-space:nowrap;
}
.jnw-originals-card strong{display:block;font-size:10px}
.jnw-originals-card small{display:block;margin-top:2px;font-size:7.5px;line-height:1.25;color:rgba(255,255,255,.75)}
.jnw-originals-card b{grid-column:2;font-size:8px;color:#ffd39e}

.jnw-home-universe{
  min-height:320px!important;
  height:auto!important;
  box-shadow:0 13px 28px rgba(53,29,17,.16);
}

/* elimina o layout horizontal antigo do primeiro bloco */
.jnw-home-pillars,
.jnw-pillar-flow,
.jnw-home-originals-inline,
.jnw-originals-inline{display:none!important}

@media(max-width:1100px){
  .jnw-home-editorial{
    grid-template-columns:minmax(0,1.2fr) minmax(235px,.8fr)!important;
  }
  .jnw-home-universe{
    grid-column:1 / -1;
    min-height:310px!important;
  }
}
@media(max-width:760px){
  .jnw-home-editorial{
    grid-template-columns:1fr!important;
    padding:16px!important;
  }
  .jnw-portal-intro,.jnw-portal-actions{padding:16px}
  .jnw-home-universe{grid-column:auto;min-height:330px!important}
  .jnw-portal-intro h2{font-size:25px!important}
}


/* FASE 6.7 — 12 JOGOS + LINKS REAIS + ORIGINALS COMO BOTÃO */
html{scroll-behavior:smooth}

/* quarto botão exatamente no mesmo idioma visual */
.jnw-action-originals{
  margin-top:auto!important;
  background:linear-gradient(155deg,#fff9f2,#fff0df)!important;
}
.jnw-action-originals i{
  background:linear-gradient(145deg,#ffedd1,#ffd093)!important;
  color:#b65a00!important;
  font-size:16px!important;
  font-weight:900;
}
.jnw-action-originals strong{
  color:#733b16!important;
  line-height:1.22;
}
.jnw-originals-card{display:none!important}

/* painel de jogos: todas as capas devem receber clique */
.jnw-universe-games{
  position:absolute!important;
  inset:0!important;
  z-index:3!important;
  pointer-events:none!important;
}
.jnw-universe-game{
  pointer-events:auto!important;
  z-index:4!important;
  cursor:pointer!important;
}
.jnw-universe-game:hover,
.jnw-universe-game:focus-visible{
  z-index:30!important;
}
.jnw-universe-glow,
.jnw-universe-joystick,
.jnw-universe-label{
  pointer-events:none!important;
}
.jnw-universe-cta{
  z-index:40!important;
  pointer-events:auto!important;
}

/* 12 miniaturas compactas, mantendo a composição "flutuante" */
.jnw-universe-game{
  width:82px!important;
  height:56px!important;
}
.jnw-universe-game img{pointer-events:none!important}
.jnw-universe-game span{pointer-events:none!important}

.jnw-universe-game-1{left:17px!important;top:76px!important;transform:rotate(-5deg)}
.jnw-universe-game-2{right:16px!important;top:58px!important;transform:rotate(5deg)}
.jnw-universe-game-3{left:106px!important;top:92px!important;transform:rotate(3deg)}
.jnw-universe-game-4{right:91px!important;top:109px!important;transform:rotate(-4deg)}
.jnw-universe-game-5{left:31px!important;top:145px!important;transform:rotate(4deg)}
.jnw-universe-game-6{right:20px!important;top:158px!important;transform:rotate(-3deg)}
.jnw-universe-game-7{left:118px!important;top:165px!important;transform:rotate(-5deg)}
.jnw-universe-game-8{right:103px!important;top:195px!important;transform:rotate(4deg)}
.jnw-universe-game-9{
  left:22px!important;bottom:20px!important;
  width:78px!important;height:54px!important;transform:rotate(-3deg);
  animation-delay:-5.6s;
}
.jnw-universe-game-10{
  left:106px!important;bottom:15px!important;
  width:78px!important;height:54px!important;transform:rotate(3deg);
  animation-delay:-6.1s;
}
.jnw-universe-game-11{
  right:95px!important;bottom:17px!important;
  width:78px!important;height:54px!important;transform:rotate(-4deg);
  animation-delay:-6.7s;
}
.jnw-universe-game-12{
  right:14px!important;bottom:25px!important;
  width:78px!important;height:54px!important;transform:rotate(4deg);
  animation-delay:-7.2s;
}

/* mais altura útil para as 12 capas, sem aumentar demais o container geral */
.jnw-home-universe{min-height:344px!important}

/* texto esquerdo ganha uma linha sem apertar */
.jnw-portal-intro .jnw-home-lead{
  max-width:640px!important;
  line-height:1.58!important;
}

/* foco por teclado também fica evidente */
.jnw-action-row:focus-visible,
.jnw-universe-game:focus-visible,
.jnw-universe-cta:focus-visible{
  outline:3px solid rgba(236,126,0,.45);
  outline-offset:3px;
}

@media(max-width:1100px){
  .jnw-home-universe{min-height:350px!important}
}
@media(max-width:760px){
  .jnw-home-universe{min-height:390px!important}
  .jnw-universe-game{width:76px!important;height:52px!important}
  .jnw-universe-game-9{left:12%!important;bottom:24px!important}
  .jnw-universe-game-10{left:36%!important;bottom:18px!important}
  .jnw-universe-game-11{right:34%!important;bottom:25px!important}
  .jnw-universe-game-12{right:10%!important;bottom:18px!important}
}


/* FASE 6.8 — COMPACTAÇÃO DO CONTAINER + 14 JOGOS */
.jnw-home-portal{
  padding-top:22px!important;
  padding-bottom:22px!important;
}

/* coluna central: quatro botões com espaçamento uniforme */
.jnw-portal-actions{
  gap:10px!important;
}
.jnw-action-row{
  min-height:64px!important;
  margin:0!important;
}
.jnw-action-originals{
  margin:0!important;
}

/* painel direito mais preenchido */
.jnw-home-universe{
  min-height:326px!important;
}
.jnw-universe-game{
  width:76px!important;
  height:52px!important;
}

/* redistribuição das 14 capas */
.jnw-universe-game-1{left:15px!important;top:72px!important}
.jnw-universe-game-2{right:14px!important;top:55px!important}
.jnw-universe-game-3{left:96px!important;top:83px!important}
.jnw-universe-game-4{right:92px!important;top:102px!important}
.jnw-universe-game-5{left:21px!important;top:137px!important}
.jnw-universe-game-6{right:14px!important;top:145px!important}
.jnw-universe-game-7{left:104px!important;top:151px!important}
.jnw-universe-game-8{right:96px!important;top:176px!important}
.jnw-universe-game-9{left:17px!important;bottom:66px!important}
.jnw-universe-game-10{left:99px!important;bottom:58px!important}
.jnw-universe-game-11{right:93px!important;bottom:62px!important}
.jnw-universe-game-12{right:12px!important;bottom:70px!important}
.jnw-universe-game-13{
  left:61px!important;bottom:8px!important;
  width:76px!important;height:52px!important;
  transform:rotate(-3deg);
  animation-delay:-7.7s;
}
.jnw-universe-game-14{
  right:55px!important;bottom:9px!important;
  width:76px!important;height:52px!important;
  transform:rotate(3deg);
  animation-delay:-8.2s;
}

/* mantém todas as miniaturas realmente clicáveis */
.jnw-universe-game{
  pointer-events:auto!important;
  cursor:pointer!important;
}
.jnw-universe-game img,
.jnw-universe-game span{
  pointer-events:none!important;
}

/* reduz um pouco a altura visual do bloco esquerdo sem sacrificar leitura */
.jnw-portal-intro{
  padding-top:20px!important;
  padding-bottom:20px!important;
}
.jnw-portal-intro .jnw-home-lead{
  margin-bottom:0!important;
}

@media(max-width:1100px){
  .jnw-home-universe{min-height:340px!important}
}
@media(max-width:760px){
  .jnw-home-portal{padding-top:16px!important;padding-bottom:16px!important}
  .jnw-home-universe{min-height:430px!important}
  .jnw-universe-game-13{left:22%!important;bottom:15px!important}
  .jnw-universe-game-14{right:22%!important;bottom:15px!important}
}

/* =========================================================
   Fase 7.3 — Efeito premium unificado nas logos JogosNaWeb
   ========================================================= */

/* Containers das marcas */
.logo-wrap,
.article-home-logo,
.footer-brand-logo{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-radius:14px;
  -webkit-tap-highlight-color:transparent;
}

/* Movimento da própria imagem */
.logo-wrap .logo-image,
.logo-wrap img,
.article-home-logo img,
.footer-brand-logo .footer-logo-image,
.footer-brand-logo img{
  transform-origin:50% 55%;
  will-change:transform,filter;
  transition:
    transform .32s cubic-bezier(.2,.78,.2,1),
    filter .32s ease;
}

/* Reflexo delicado que atravessa a marca */
.logo-wrap::after,
.article-home-logo::after,
.footer-brand-logo::after{
  content:"";
  position:absolute;
  z-index:2;
  pointer-events:none;
  top:-15%;
  bottom:-15%;
  width:34%;
  left:-48%;
  opacity:0;
  transform:skewX(-20deg);
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.08) 25%,
    rgba(255,248,218,.72) 50%,
    rgba(255,255,255,.08) 75%,
    rgba(255,255,255,0)
  );
  filter:blur(.3px);
}

/* Hover premium */
.logo-wrap:hover .logo-image,
.logo-wrap:hover img,
.article-home-logo:hover img,
.footer-brand-logo:hover .footer-logo-image,
.footer-brand-logo:hover img{
  transform:translateY(-3px) scale(1.045) rotate(-.35deg);
  filter:
    drop-shadow(0 8px 11px rgba(92,43,8,.22))
    drop-shadow(0 0 8px rgba(255,187,78,.20))
    saturate(1.06)
    brightness(1.035);
}

.logo-wrap:hover::after,
.article-home-logo:hover::after,
.footer-brand-logo:hover::after{
  opacity:1;
  animation:jnwLogoShine .72s cubic-bezier(.18,.75,.25,1) both;
}

.logo-wrap:active .logo-image,
.logo-wrap:active img,
.article-home-logo:active img,
.footer-brand-logo:active img{
  transform:translateY(-1px) scale(1.02);
}

@keyframes jnwLogoShine{
  0%{left:-48%;opacity:0}
  18%{opacity:.75}
  100%{left:120%;opacity:0}
}

/* Respeita usuários que preferem menos animação */
@media (prefers-reduced-motion:reduce){
  .logo-wrap .logo-image,
  .logo-wrap img,
  .article-home-logo img,
  .footer-brand-logo .footer-logo-image,
  .footer-brand-logo img{
    transition:filter .15s ease;
  }
  .logo-wrap:hover .logo-image,
  .logo-wrap:hover img,
  .article-home-logo:hover img,
  .footer-brand-logo:hover .footer-logo-image,
  .footer-brand-logo:hover img{
    transform:none;
  }
  .logo-wrap::after,
  .article-home-logo::after,
  .footer-brand-logo::after{
    display:none;
  }
}


/* =========================================================
   Fase 7.7 — Carrossel editorial vertical / portal gamer
   Referência: cards verticais de revista gamer, adaptados à
   identidade laranja/creme do JogosNaWeb.
   ========================================================= */
.jnw-news-premium{background:linear-gradient(145deg,#fffaf4 0%,#f9ead8 100%);padding:25px 22px 21px}
.jnw-news-viewport{border-radius:16px;overflow:hidden}
.jnw-news-track{gap:13px;align-items:stretch}
.jnw-news-card-premium{flex:0 0 calc((100% - 39px)/4);height:370px;border-radius:15px;background:#fffaf4;color:#2f2118;border:1px solid #e9c9a8;box-shadow:0 9px 22px rgba(67,37,17,.10);overflow:hidden;display:flex;flex-direction:column;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.jnw-news-card-premium:after{display:none}
.jnw-news-card-premium:before{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,188,94,.20),transparent 32%);transition:opacity .25s ease}
.jnw-news-card-premium:hover{transform:perspective(900px) translateY(-6px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:#df8a35;box-shadow:0 18px 34px rgba(89,45,13,.18)}
.jnw-news-card-premium:hover:before{opacity:1}
.jnw-news-topline{height:51px;flex:0 0 51px;display:grid;grid-template-columns:auto 1fr;align-items:center;border-bottom:1px solid #e9c6a3;background:#fff7ed;position:relative;z-index:3}
.jnw-news-topline:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,#e57608 0 34%,transparent 34%)}
.jnw-news-top-category{height:100%;display:flex;align-items:center;padding:0 12px;background:#e57608;color:#fff;font-size:10px;font-weight:950;letter-spacing:.055em;text-transform:uppercase}
.jnw-news-top-topic{padding:0 11px;color:#5b3b25;font-size:10px;font-weight:850;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jnw-news-image-wrap{height:190px;flex:0 0 190px;overflow:hidden;background:#3d2518;position:relative}
.jnw-news-cover{position:relative;inset:auto;width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .55s ease}
.jnw-news-card-premium:hover .jnw-news-cover{transform:scale(1.07);filter:saturate(1.1) contrast(1.03)}
.jnw-news-card-content{position:relative;z-index:2;left:auto;right:auto;bottom:auto;padding:14px 14px 13px;display:flex;flex:1;flex-direction:column;background:#fffaf4}
.jnw-news-meta{margin:0 0 7px;color:#a15c20;font-size:10px}.jnw-news-badge{display:none}.jnw-news-date{color:#9a6d49;font-weight:800}
.jnw-news-card-content strong{font-size:15px;line-height:1.18;color:#2d2119;text-shadow:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.jnw-news-card-content p{display:none}
.jnw-news-read{margin-top:auto;padding-top:9px;color:#c6640b;font-size:10px;font-weight:950;letter-spacing:.035em}
.jnw-news-card-premium:hover .jnw-news-read{color:#8d3f05;transform:translateX(4px)}
.jnw-news-image-fallback .jnw-news-image-wrap{background:radial-gradient(circle at 75% 20%,rgba(255,173,69,.32),transparent 30%),linear-gradient(135deg,#824416,#3b2318)}
.jnw-news-image-fallback .jnw-news-image-wrap:after{content:"JOGOSNAWEB";position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.4);font-size:12px;font-weight:950;letter-spacing:.16em}
@media(max-width:980px){.jnw-news-card-premium{flex-basis:calc((100% - 13px)/2);height:380px}.jnw-news-image-wrap{height:205px;flex-basis:205px}}
@media(max-width:650px){.jnw-news-card-premium{flex-basis:84%;height:365px}.jnw-news-image-wrap{height:195px;flex-basis:195px}.jnw-news-topline{height:48px;flex-basis:48px}.jnw-news-heading-actions>a{display:none}}


/* =========================================================
   FASE 7.9 — MODELO 4 NO HUB + NOTÍCIAS OUSADAS
   ========================================================= */

/* HUB: volta à leitura elegante do modelo anterior, mas com mais acabamento */
.jnw-home-editorial{
  display:grid!important;
  grid-template-columns:minmax(0,1.58fr) minmax(310px,.70fr)!important;
  gap:18px!important;
  padding:22px 24px!important;
  min-height:370px!important;
  max-height:410px!important;
  background:
    radial-gradient(circle at 9% 18%,rgba(255,255,255,.78),transparent 29%),
    linear-gradient(135deg,#fff9f1 0%,#fcebd8 100%)!important;
  border:1px solid #edcda9!important;
  box-shadow:0 18px 42px rgba(78,45,20,.09)!important;
}
.jnw-home-editorial-copy-3col{
  display:grid!important;
  grid-template-columns:minmax(0,1.55fr) minmax(215px,.72fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  padding:0!important;
}
.jnw-portal-intro{
  display:flex;flex-direction:column;justify-content:center;
  padding:16px 18px;border-radius:18px;
  border:1px solid rgba(223,160,98,.45);
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,247,236,.62));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75);
}
.jnw-home-signature{margin-bottom:9px!important}
.jnw-home-editorial h2{font-size:29px!important;line-height:1.08!important;margin:0 0 6px!important}
.jnw-home-lead{font-size:12.8px!important;line-height:1.52!important;max-width:650px!important}
.jnw-title-accent{width:88px!important;margin:3px 0 10px!important}

.jnw-portal-actions{
  display:flex!important;flex-direction:column!important;justify-content:center!important;
  gap:8px!important;padding:14px!important;border-radius:18px!important;
  border:1px solid rgba(226,163,101,.5)!important;
  background:linear-gradient(155deg,#fffdf9,#fff2e2)!important;
  box-shadow:0 8px 20px rgba(78,43,19,.045)!important;
}
.jnw-actions-kicker{font-size:8px!important;letter-spacing:.16em!important;margin:0 2px 3px!important}
.jnw-action-row{
  min-height:57px!important;padding:8px 10px!important;border-radius:13px!important;
  background:rgba(255,255,255,.86)!important;border:1px solid #ebcfb3!important;
  box-shadow:0 4px 10px rgba(77,42,19,.035)!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.jnw-action-row:before{height:27px!important;top:15px!important}
.jnw-action-row i{width:37px!important;height:37px!important;border-radius:11px!important;background:#fff0dc!important}
.jnw-action-row strong{font-size:10px!important;letter-spacing:.055em!important}
.jnw-action-row small{font-size:8px!important;line-height:1.2!important}
.jnw-action-row:hover{transform:translateX(4px)!important;border-color:#df9550!important;box-shadow:0 8px 18px rgba(85,44,15,.09)!important}
.jnw-action-originals{background:linear-gradient(100deg,#fff7ed,#ffead0)!important}

/* Universo: mais organizado, mantendo a colagem que funcionava no modelo anterior */
.jnw-home-universe{
  min-height:326px!important;height:100%!important;border-radius:20px!important;
  background:
    radial-gradient(circle at 77% 15%,rgba(255,166,74,.20),transparent 24%),
    radial-gradient(circle at 16% 86%,rgba(191,86,16,.13),transparent 30%),
    linear-gradient(150deg,#2a1912 0%,#4b2b19 58%,#23140e 100%)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.055),0 14px 30px rgba(64,34,17,.16)!important;
}
.jnw-universe-label strong{font-size:21px!important;line-height:1.02!important}
.jnw-universe-label small{color:#ffb768!important}
.jnw-universe-cta{background:rgba(255,255,255,.09)!important}
.jnw-universe-game{
  border:1.5px solid rgba(255,255,255,.72)!important;
  box-shadow:0 8px 17px rgba(0,0,0,.30)!important;
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease!important;
}
.jnw-universe-game:hover{z-index:30!important;box-shadow:0 15px 28px rgba(0,0,0,.42)!important}
.jnw-universe-game span{background:linear-gradient(transparent,rgba(9,5,3,.83))!important;padding-top:12px!important}

/* =========================================================
   NOTÍCIAS — ilha editorial grafite/vermelho/branco
   inspirada no impacto visual do print de referência
   ========================================================= */
.jnw-news-premium{
  background:
    radial-gradient(circle at 85% 0%,rgba(255,121,0,.14),transparent 25%),
    linear-gradient(145deg,#101012 0%,#171719 58%,#0d0d0f 100%)!important;
  border:1px solid #2a2a2e!important;
  border-radius:23px!important;
  padding:25px 22px 21px!important;
  box-shadow:0 24px 48px rgba(15,10,10,.22)!important;
}
.jnw-news-premium:before{
  width:auto!important;height:2px!important;border-radius:0!important;
  left:22px!important;right:22px!important;top:76px!important;
  background:linear-gradient(90deg,#ff7900 0%,#ff7900 70%,rgba(255,121,0,0) 100%)!important;
}
.jnw-news-premium .jnw-section-kicker{color:#ff8a00!important;letter-spacing:.17em!important}
.jnw-news-premium .jnw-section-heading h2{color:#fff!important}
.jnw-news-premium .jnw-section-heading p{color:#9999a2!important}
.jnw-news-heading-actions>a{
  background:#ff7900!important;color:#fff!important;border-color:#ff7900!important;
  box-shadow:0 7px 18px rgba(255,121,0,.22)!important;
}
.jnw-news-heading-actions>a:hover{background:#ff9800!important;transform:translateY(-2px)!important}
.jnw-news-nav{
  background:#202024!important;color:#fff!important;border-color:#393940!important;
  box-shadow:0 5px 16px rgba(0,0,0,.25)!important;
}
.jnw-news-nav:hover{background:#ff7900!important;border-color:#ff7900!important;color:#fff!important}
.jnw-news-viewport{margin-top:22px!important;border-radius:15px!important}
.jnw-news-track{gap:13px!important}
.jnw-news-card-premium{
  flex:0 0 calc((100% - 39px)/4)!important;height:376px!important;
  border-radius:10px!important;background:#151517!important;color:#fff!important;
  border:1px solid #303035!important;
  box-shadow:0 10px 24px rgba(0,0,0,.30)!important;
}
.jnw-news-card-premium:before{
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,121,0,.20),transparent 32%)!important;
}
.jnw-news-card-premium:hover{
  border-color:#ff7900!important;
  box-shadow:0 20px 36px rgba(0,0,0,.43),0 0 0 1px rgba(255,121,0,.23)!important;
}
.jnw-news-topline{
  height:52px!important;flex-basis:52px!important;
  background:#18181b!important;border-bottom:1px solid #3c2b20!important;
}
.jnw-news-topline:after{
  height:2px!important;background:linear-gradient(90deg,#ff7900 0 44%,#5b3218 44% 100%)!important;
}
.jnw-news-top-category{
  background:#ff7900!important;color:#fff!important;padding:0 12px!important;
  font-size:9px!important;letter-spacing:.075em!important;
}
.jnw-news-top-topic{color:#f0f0f2!important;font-size:9px!important;letter-spacing:.045em!important}
.jnw-news-image-wrap{height:198px!important;flex-basis:198px!important;background:#09090a!important}
.jnw-news-cover{filter:saturate(1.08) contrast(1.04)!important}
.jnw-news-card-premium:hover .jnw-news-cover{filter:saturate(1.18) contrast(1.08)!important}
.jnw-news-card-content{
  padding:14px 14px 13px!important;background:#151517!important;color:#fff!important;
  border-top:1px solid #242428!important;
}
.jnw-news-meta{color:#a9a9b0!important;margin-bottom:7px!important}
.jnw-news-date{color:#8e8e96!important}
.jnw-news-card-content strong{color:#f8f8fa!important;font-size:15px!important;line-height:1.18!important;text-shadow:none!important}
.jnw-news-read{color:#ff8a00!important;font-size:10px!important;letter-spacing:.055em!important}
.jnw-news-card-premium:hover .jnw-news-read{color:#fff!important}
.jnw-news-dot{background:#494950!important}
.jnw-news-dot.active{background:#ff7900!important}
.jnw-news-auto{color:#8d8d95!important}
.jnw-news-auto i{background:#ff7900!important;box-shadow:0 0 0 4px rgba(255,121,0,.14)!important}
.jnw-news-image-fallback .jnw-news-image-wrap{
  background:radial-gradient(circle at 76% 20%,rgba(255,121,0,.26),transparent 31%),linear-gradient(135deg,#3a2314,#111113)!important;
}
.jnw-news-image-fallback .jnw-news-image-wrap:after{color:rgba(255,255,255,.32)!important}

@media(max-width:980px){
  .jnw-home-editorial{grid-template-columns:1fr!important;max-height:none!important}
  .jnw-home-editorial-copy-3col{grid-template-columns:1.25fr .75fr!important}
  .jnw-home-universe{min-height:315px!important}
  .jnw-news-card-premium{flex-basis:calc((100% - 13px)/2)!important;height:382px!important}
}
@media(max-width:650px){
  .jnw-home-editorial{padding:15px!important}
  .jnw-home-editorial-copy-3col{grid-template-columns:1fr!important}
  .jnw-portal-actions{padding:11px!important}
  .jnw-home-universe{min-height:335px!important}
  .jnw-news-premium{padding:19px 14px 16px!important}
  .jnw-news-premium:before{left:14px!important;right:14px!important;top:72px!important}
  .jnw-news-card-premium{flex-basis:84%!important;height:370px!important}
  .jnw-news-image-wrap{height:194px!important;flex-basis:194px!important}
}

/* =========================================================
   FASE 7.9.1 — NOTÍCIAS: VERMELHO -> LARANJA VIVO
   Mantém grafite/preto/branco e troca todos os acentos
   vermelhos do módulo editorial por laranja JogosNaWeb.
   ========================================================= */
:root{
  --jnw-news-accent:#ff7900;
  --jnw-news-accent-2:#ff9500;
  --jnw-news-accent-soft:rgba(255,121,0,.18);
  --jnw-news-accent-glow:rgba(255,121,0,.34);
}

/* Cabeçalho / linhas / botões */
.jnw-news-editorial,
.jnw-home-news,
.home-news,
#homeNews,
#jnwHomeNews{
  --news-red:var(--jnw-news-accent)!important;
  --news-accent:var(--jnw-news-accent)!important;
}
.jnw-news-editorial .news-kicker,
.jnw-news-editorial .jnw-news-kicker,
.jnw-home-news .news-kicker,
.jnw-home-news .jnw-news-kicker,
.home-news .news-kicker,
#homeNews .news-kicker,
#jnwHomeNews .news-kicker{
  color:var(--jnw-news-accent)!important;
}
.jnw-news-editorial h2:after,
.jnw-home-news h2:after,
.home-news h2:after,
#homeNews h2:after,
#jnwHomeNews h2:after{
  background:linear-gradient(90deg,var(--jnw-news-accent),var(--jnw-news-accent-2))!important;
}

/* Tarjas superiores dos cards */
.jnw-news-editorial [class*="category"],
.jnw-news-editorial [class*="tag"],
.jnw-news-editorial [class*="badge"],
.jnw-home-news [class*="category"],
.jnw-home-news [class*="tag"],
.jnw-home-news [class*="badge"],
.home-news [class*="category"],
.home-news [class*="tag"],
.home-news [class*="badge"]{
  border-color:var(--jnw-news-accent)!important;
}
.jnw-news-editorial .news-card-category,
.jnw-news-editorial .jnw-news-category,
.jnw-news-editorial .news-category,
.jnw-news-editorial .category,
.jnw-home-news .news-card-category,
.jnw-home-news .jnw-news-category,
.jnw-home-news .news-category,
.home-news .news-card-category,
.home-news .news-category{
  background:linear-gradient(135deg,var(--jnw-news-accent),var(--jnw-news-accent-2))!important;
  color:#fff!important;
}

/* CTA Ver todas + links Ler notícia */
.jnw-news-editorial .news-all,
.jnw-news-editorial .view-all,
.jnw-news-editorial .news-view-all,
.jnw-news-editorial .jnw-news-all,
.jnw-home-news .news-all,
.jnw-home-news .view-all,
.jnw-home-news .news-view-all,
.home-news .news-all,
.home-news .view-all,
#homeNews .view-all,
#jnwHomeNews .view-all{
  background:linear-gradient(135deg,var(--jnw-news-accent),var(--jnw-news-accent-2))!important;
  border-color:var(--jnw-news-accent)!important;
  color:#fff!important;
  box-shadow:0 9px 22px var(--jnw-news-accent-soft)!important;
}
.jnw-news-editorial .news-read,
.jnw-news-editorial .read-more,
.jnw-news-editorial [class*="read"],
.jnw-home-news .news-read,
.jnw-home-news .read-more,
.home-news .news-read,
.home-news .read-more{
  color:var(--jnw-news-accent)!important;
}

/* Indicadores, bullets, barras e detalhes ativos */
.jnw-news-editorial .active,
.jnw-news-editorial [aria-current="true"],
.jnw-news-editorial [class*="dot"].active,
.jnw-news-editorial [class*="progress"],
.jnw-home-news [class*="dot"].active,
.jnw-home-news [class*="progress"],
.home-news [class*="dot"].active,
.home-news [class*="progress"]{
  border-color:var(--jnw-news-accent)!important;
}
.jnw-news-editorial [class*="dot"].active,
.jnw-home-news [class*="dot"].active,
.home-news [class*="dot"].active{
  background:var(--jnw-news-accent)!important;
  box-shadow:0 0 0 4px var(--jnw-news-accent-soft)!important;
}

/* Hover premium laranja */
.jnw-news-editorial article:hover,
.jnw-news-editorial .news-card:hover,
.jnw-home-news article:hover,
.jnw-home-news .news-card:hover,
.home-news article:hover,
.home-news .news-card:hover{
  border-color:rgba(255,121,0,.58)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.25),0 0 0 1px rgba(255,121,0,.08)!important;
}
.jnw-news-editorial .news-all:hover,
.jnw-news-editorial .view-all:hover,
.jnw-home-news .news-all:hover,
.jnw-home-news .view-all:hover,
.home-news .view-all:hover{
  background:linear-gradient(135deg,#ff8a00,#ffad24)!important;
  box-shadow:0 12px 27px var(--jnw-news-accent-glow)!important;
}

/* Classes específicas usadas nas fases 7.7/7.9 */
.jnw-editorial-news .jnw-news-label,
.jnw-editorial-news .jnw-news-card-label,
.jnw-editorial-news .jnw-news-card-category,
.jnw-editorial-news .jnw-news-category,
.jnw-editorial-news .news-category,
.jnw-editorial-news .news-badge{
  background:linear-gradient(135deg,var(--jnw-news-accent),var(--jnw-news-accent-2))!important;
}
.jnw-editorial-news .jnw-news-read,
.jnw-editorial-news .news-read,
.jnw-editorial-news .read-more{
  color:var(--jnw-news-accent)!important;
}
.jnw-editorial-news .jnw-news-view-all,
.jnw-editorial-news .news-view-all{
  background:linear-gradient(135deg,var(--jnw-news-accent),var(--jnw-news-accent-2))!important;
  border-color:var(--jnw-news-accent)!important;
}
.jnw-editorial-news .is-active,
.jnw-editorial-news .active{
  --news-red:var(--jnw-news-accent)!important;
}



/* =========================================================
   FASE 7.9.2 — CORREÇÃO DIRETA DA PALETA DE NOTÍCIAS
   Classes reais confirmadas no carrossel.
   ========================================================= */
.jnw-news-premium{
  background:
    radial-gradient(circle at 85% 0%,rgba(255,121,0,.14),transparent 25%),
    linear-gradient(145deg,#101012 0%,#171719 58%,#0d0d0f 100%)!important;
}
.jnw-news-premium:before{
  background:linear-gradient(90deg,#ff7900 0%,#ff7900 70%,rgba(255,121,0,0) 100%)!important;
}
.jnw-news-premium .jnw-section-kicker{color:#ff8a00!important}

.jnw-news-heading-actions>a{
  background:linear-gradient(135deg,#ff7900,#ff9500)!important;
  color:#fff!important;
  border-color:#ff7900!important;
  box-shadow:0 8px 20px rgba(255,121,0,.23)!important;
}
.jnw-news-heading-actions>a:hover{
  background:linear-gradient(135deg,#ff8a00,#ffad22)!important;
  border-color:#ff9500!important;
  box-shadow:0 11px 25px rgba(255,121,0,.32)!important;
}

.jnw-news-nav:hover{
  background:#ff7900!important;
  border-color:#ff7900!important;
}

.jnw-news-card-premium:before{
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,121,0,.20),transparent 32%)!important;
}
.jnw-news-card-premium:hover{
  border-color:#ff7900!important;
  box-shadow:0 20px 36px rgba(0,0,0,.43),0 0 0 1px rgba(255,121,0,.24)!important;
}
.jnw-news-topline{
  border-bottom-color:#3c2b20!important;
}
.jnw-news-topline:after{
  background:linear-gradient(90deg,#ff7900 0 44%,#5b3218 44% 100%)!important;
}
.jnw-news-top-category{
  background:linear-gradient(135deg,#ff7900,#ff9500)!important;
  color:#fff!important;
}
.jnw-news-read{color:#ff8a00!important}
.jnw-news-card-premium:hover .jnw-news-read{color:#ffb04a!important}

.jnw-news-dot.active{background:#ff7900!important}
.jnw-news-auto i{
  background:#ff7900!important;
  box-shadow:0 0 0 4px rgba(255,121,0,.14)!important;
}
.jnw-news-image-fallback .jnw-news-image-wrap{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,121,0,.26),transparent 31%),
    linear-gradient(135deg,#3a2314,#111113)!important;
}

/* =========================================================
   FASE 7.10 — CARROSSEL QUADRADO DE NOTÍCIAS NO HUB JOGOSNAWEB
   A antiga apresentação textual da coluna esquerda vira um
   destaque editorial de uma matéria por vez.
   ========================================================= */
.jnw-home-editorial{
  grid-template-columns:minmax(0,1.48fr) minmax(300px,.52fr)!important;
  min-height:385px!important;
  max-height:430px!important;
}
.jnw-home-editorial-copy-3col{
  display:grid!important;
  grid-template-columns:minmax(0,1.24fr) minmax(210px,.76fr)!important;
  gap:16px!important;
  min-width:0;
}
.jnw-portal-news-spotlight,
.jnw-portal-actions,
.jnw-home-universe{
  min-height:350px!important;
}
.jnw-portal-news-spotlight{
  min-width:0;
  position:relative;
  border-radius:19px;
  overflow:hidden;
  background:#171719;
  border:1px solid rgba(218,148,83,.42);
  box-shadow:0 13px 28px rgba(78,44,20,.11);
}
.jnw-mini-news-loading{
  position:absolute;inset:0;display:grid;place-items:center;
  color:#8b715e;font-size:11px;font-weight:800;background:#fff8ef;
}
.jnw-mini-news-card{position:absolute;inset:0;overflow:hidden;background:#111113}
.jnw-mini-news-media{position:absolute;inset:0;display:block;text-decoration:none;color:#fff;overflow:hidden}
.jnw-mini-news-media>img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.jnw-mini-news-card:hover .jnw-mini-news-media>img{transform:scale(1.055);filter:saturate(1.06)}
.jnw-mini-news-shade{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg,rgba(8,8,9,.10) 0%,rgba(10,9,9,.15) 32%,rgba(9,8,8,.72) 62%,rgba(8,8,9,.96) 100%),
    linear-gradient(90deg,rgba(255,121,0,.16),transparent 34%);
}
.jnw-mini-news-top{
  position:absolute;z-index:3;left:16px;right:16px;top:15px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.jnw-mini-news-brand{
  display:inline-flex;padding:6px 9px;border-radius:999px;
  background:#ff7900;color:#fff;font-size:7px;font-weight:950;letter-spacing:.12em;
  box-shadow:0 7px 18px rgba(255,121,0,.23);
}
.jnw-mini-news-count{color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;text-shadow:0 2px 7px #000}
.jnw-mini-news-copy{
  position:absolute;z-index:3;left:17px;right:17px;bottom:48px;
}
.jnw-mini-news-meta{display:flex;align-items:center;gap:8px;margin-bottom:7px}
.jnw-mini-news-meta span{
  background:#ff7900;color:#fff;border-radius:5px;padding:4px 7px;
  font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;
}
.jnw-mini-news-meta time{font-size:8px;color:#d3c9c3;font-weight:800}
.jnw-mini-news-copy h2{
  color:#fff!important;font-size:21px!important;line-height:1.08!important;
  letter-spacing:-.018em;margin:0 0 7px!important;max-width:96%!important;
  text-shadow:0 2px 12px rgba(0,0,0,.38);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.jnw-mini-news-copy p{
  color:#d6cfca!important;font-size:10px!important;line-height:1.42!important;
  margin:0 0 9px!important;max-width:92%!important;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.jnw-mini-news-copy>strong{
  display:inline-flex;align-items:center;gap:6px;color:#ff940d;font-size:8px;font-weight:950;letter-spacing:.07em;
}
.jnw-mini-news-copy>strong b{font-size:12px;transition:transform .2s ease}
.jnw-mini-news-media:hover .jnw-mini-news-copy>strong b{transform:translateX(4px)}
.jnw-mini-news-controls{
  position:absolute;z-index:5;left:15px;right:15px;bottom:13px;
  display:flex;align-items:center;justify-content:space-between;pointer-events:none;
}
.jnw-mini-news-dots,.jnw-mini-news-arrows{display:flex;align-items:center;gap:5px;pointer-events:auto}
.jnw-mini-news-dots button{
  width:6px;height:6px;border:0;padding:0;border-radius:999px;background:#77777e;cursor:pointer;
  transition:width .22s ease,background .22s ease;
}
.jnw-mini-news-dots button.active{width:20px;background:#ff7900}
.jnw-mini-news-arrows button{
  width:29px;height:29px;border-radius:9px;border:1px solid rgba(255,255,255,.18);
  background:rgba(18,18,20,.84);color:#fff;font-size:19px;font-weight:800;line-height:1;cursor:pointer;
  backdrop-filter:blur(5px);transition:background .2s ease,transform .2s ease,border-color .2s ease;
}
.jnw-mini-news-arrows button:hover{background:#ff7900;border-color:#ff7900;transform:translateY(-2px)}

/* Mantém a coluna central delicada ao lado do novo destaque */
.jnw-portal-actions{padding:14px!important;gap:8px!important}
.jnw-portal-actions .jnw-action-row{min-height:58px!important;padding:9px 10px!important}
.jnw-portal-actions .jnw-action-row i{width:38px!important;height:38px!important}

@media(max-width:1100px){
  .jnw-home-editorial{grid-template-columns:1fr!important;max-height:none!important}
  .jnw-home-editorial-copy-3col{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)!important}
  .jnw-home-universe{min-height:330px!important}
}
@media(max-width:720px){
  .jnw-home-editorial-copy-3col{grid-template-columns:1fr!important}
  .jnw-portal-news-spotlight{min-height:390px!important}
  .jnw-portal-actions{min-height:auto!important}
  .jnw-mini-news-copy h2{font-size:23px!important}
}
@media(max-width:430px){
  .jnw-portal-news-spotlight{min-height:360px!important}
  .jnw-mini-news-copy{bottom:51px;left:14px;right:14px}
  .jnw-mini-news-copy h2{font-size:20px!important}
  .jnw-mini-news-copy p{-webkit-line-clamp:2}
}

/* =========================================================
   FASE 7.11 — HUB SEM CARROSSEL + NOTÍCIAS CREME COMPACTAS
   ========================================================= */

/* ---------- Destaque estático da esquerda ---------- */
.jnw-portal-feature{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:12px;
  border-radius:18px;
  border:1px solid rgba(224,160,98,.48);
  background:
    radial-gradient(circle at 90% 0%,rgba(255,176,87,.13),transparent 28%),
    linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,246,235,.72));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.jnw-portal-feature-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  padding:2px 2px 1px;
}
.jnw-portal-feature-head>div{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}
.jnw-portal-feature-head span{
  color:#c46510;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.16em;
}
.jnw-portal-feature-head strong{
  color:#3b2a20;
  font-size:13px;
  line-height:1.15;
}
.jnw-portal-feature-head>a{
  flex:0 0 auto;
  text-decoration:none;
  color:#a95a17;
  font-size:8px;
  font-weight:900;
  padding:6px 8px;
  border-radius:999px;
  border:1px solid #ebcba9;
  background:#fffaf4;
  transition:transform .2s ease,background .2s ease;
}
.jnw-portal-feature-head>a:hover{
  transform:translateY(-2px);
  background:#fff;
}

.jnw-portal-feature-game{
  position:relative;
  min-height:218px;
  flex:1;
  overflow:hidden;
  display:block;
  border-radius:15px;
  text-decoration:none;
  background:#2a1911;
  border:1px solid rgba(96,53,23,.14);
  box-shadow:0 12px 26px rgba(71,38,15,.15);
  transition:transform .28s ease,box-shadow .28s ease;
}
.jnw-portal-feature-game img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.jnw-portal-feature-game:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(22,11,5,.03) 25%,rgba(22,11,5,.22) 52%,rgba(23,11,5,.93) 100%);
}
.jnw-portal-feature-overlay{
  position:absolute;
  z-index:2;
  left:15px;
  right:15px;
  bottom:14px;
  color:#fff;
}
.jnw-portal-feature-meta{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:6px;
}
.jnw-portal-feature-meta span{
  display:inline-flex;
  padding:4px 7px;
  border-radius:999px;
  background:#ff7900;
  color:#fff;
  font-size:7px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.jnw-portal-feature-meta small{
  color:#e8d5c4;
  font-size:7.5px;
  font-weight:750;
}
.jnw-portal-feature-overlay h2{
  color:#fff!important;
  font-size:19px!important;
  line-height:1.08!important;
  max-width:430px!important;
  margin:0 0 8px!important;
  text-shadow:0 3px 11px rgba(0,0,0,.35);
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.jnw-portal-feature-overlay>b{
  font-size:8px;
  letter-spacing:.08em;
  color:#ffc27e;
}
.jnw-portal-feature-overlay>b i{
  font-style:normal;
  margin-left:3px;
}
.jnw-portal-feature-game:hover{
  transform:translateY(-3px);
  box-shadow:0 17px 31px rgba(71,38,15,.21);
}
.jnw-portal-feature-game:hover img{
  transform:scale(1.045);
  filter:saturate(1.08);
}

.jnw-portal-feature-mini{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.jnw-portal-feature-mini>a{
  min-width:0;
  display:grid;
  grid-template-columns:31px 1fr 11px;
  gap:7px;
  align-items:center;
  padding:7px 8px;
  border-radius:11px;
  border:1px solid #ead0b7;
  background:rgba(255,255,255,.76);
  color:#4a3120;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}
.jnw-portal-feature-mini>a>i{
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border-radius:9px;
  font-style:normal;
  color:#b65a08;
  background:#fff0db;
}
.jnw-portal-feature-mini span{min-width:0}
.jnw-portal-feature-mini strong{
  display:block;
  font-size:10px;
  line-height:1;
}
.jnw-portal-feature-mini small{
  display:block;
  margin-top:2px;
  color:#87705e;
  font-size:7px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jnw-portal-feature-mini>a>b{
  color:#dc7107;
  font-size:12px;
}
.jnw-portal-feature-mini>a:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:#dc9a58;
}

/* ---------- Últimas Notícias: volta ao creme e fica mais baixa ---------- */
.jnw-news-premium{
  background:
    radial-gradient(circle at 89% 8%,rgba(255,150,38,.12),transparent 26%),
    linear-gradient(145deg,#fff9f1 0%,#f9ead8 100%)!important;
  border:1px solid #edcda9!important;
  border-radius:21px!important;
  padding:17px 20px 14px!important;
  box-shadow:0 15px 34px rgba(78,45,20,.085)!important;
}
.jnw-news-premium:before{
  left:20px!important;
  right:20px!important;
  top:67px!important;
  height:2px!important;
  background:linear-gradient(90deg,#ff7900 0%,#ff9c27 68%,rgba(255,121,0,0) 100%)!important;
}
.jnw-news-premium .jnw-section-kicker{
  color:#bd6417!important;
}
.jnw-news-premium .jnw-section-heading h2{
  color:#322319!important;
  font-size:27px!important;
}
.jnw-news-premium .jnw-section-heading p{
  color:#8a7362!important;
  font-size:11px!important;
}
.jnw-news-heading-actions{
  gap:7px!important;
}
.jnw-news-heading-actions>a{
  min-height:38px!important;
  padding:0 16px!important;
  background:linear-gradient(135deg,#ff7900,#ff9500)!important;
  border-color:#ff7900!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(255,121,0,.18)!important;
}
.jnw-news-nav{
  width:39px!important;
  height:39px!important;
  background:#fff8ef!important;
  color:#6b4124!important;
  border-color:#e5bea0!important;
  box-shadow:0 5px 12px rgba(78,43,19,.07)!important;
}
.jnw-news-nav:hover{
  background:#ff7900!important;
  border-color:#ff7900!important;
  color:#fff!important;
}

.jnw-news-viewport{
  margin-top:15px!important;
  border-radius:13px!important;
}
.jnw-news-track{
  gap:11px!important;
}
.jnw-news-card-premium{
  flex:0 0 calc((100% - 33px)/4)!important;
  height:292px!important;
  border-radius:11px!important;
  background:#fffdf9!important;
  color:#35251b!important;
  border:1px solid #e5c9ae!important;
  box-shadow:0 8px 18px rgba(83,47,20,.075)!important;
}
.jnw-news-card-premium:hover{
  border-color:#ff9a35!important;
  box-shadow:0 13px 27px rgba(83,47,20,.13),0 0 0 1px rgba(255,121,0,.08)!important;
  transform:translateY(-3px)!important;
}
.jnw-news-card-premium:before{
  background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,121,0,.10),transparent 34%)!important;
}
.jnw-news-topline{
  height:40px!important;
  flex-basis:40px!important;
  background:#fff7ee!important;
  border-bottom:1px solid #ebd0b6!important;
}
.jnw-news-topline:after{
  height:2px!important;
  background:linear-gradient(90deg,#ff7900 0 42%,#e8c09c 42% 100%)!important;
}
.jnw-news-top-category{
  background:linear-gradient(135deg,#ff7900,#ff9500)!important;
  color:#fff!important;
  padding:0 10px!important;
  font-size:8px!important;
}
.jnw-news-top-topic{
  color:#684b38!important;
  font-size:8px!important;
}
.jnw-news-image-wrap{
  height:137px!important;
  flex-basis:137px!important;
  background:#eee0d1!important;
}
.jnw-news-cover{
  filter:saturate(1.03) contrast(1.01)!important;
}
.jnw-news-card-premium:hover .jnw-news-cover{
  filter:saturate(1.10) contrast(1.03)!important;
}
.jnw-news-card-content{
  padding:10px 12px 10px!important;
  background:#fffdf9!important;
  color:#35251b!important;
  border-top:1px solid #f0dfcf!important;
}
.jnw-news-meta{
  margin-bottom:5px!important;
  color:#9b826e!important;
  font-size:8px!important;
}
.jnw-news-date{
  color:#9b826e!important;
}
.jnw-news-card-content strong{
  color:#38271e!important;
  font-size:13px!important;
  line-height:1.16!important;
  text-shadow:none!important;
  -webkit-line-clamp:3!important;
}
.jnw-news-read{
  margin-top:6px!important;
  color:#d86800!important;
  font-size:8.5px!important;
}
.jnw-news-card-premium:hover .jnw-news-read{
  color:#ff7900!important;
}
.jnw-news-dot{
  background:#d9c3af!important;
}
.jnw-news-dot.active{
  background:#ff7900!important;
}
.jnw-news-auto{
  color:#9b826e!important;
  font-size:8px!important;
}
.jnw-news-auto i{
  background:#ff7900!important;
  box-shadow:0 0 0 4px rgba(255,121,0,.11)!important;
}
.jnw-news-footer{
  margin-top:9px!important;
}
.jnw-news-image-fallback .jnw-news-image-wrap{
  background:
    radial-gradient(circle at 76% 20%,rgba(255,121,0,.15),transparent 31%),
    linear-gradient(135deg,#f1d5b9,#e7b77d)!important;
}
.jnw-news-image-fallback .jnw-news-image-wrap:after{
  color:rgba(91,54,28,.30)!important;
}

@media(max-width:980px){
  .jnw-news-card-premium{
    flex-basis:calc((100% - 11px)/2)!important;
    height:300px!important;
  }
  .jnw-news-image-wrap{
    height:142px!important;
    flex-basis:142px!important;
  }
}
@media(max-width:650px){
  .jnw-portal-feature-game{min-height:210px}
  .jnw-portal-feature-mini{grid-template-columns:1fr}
  .jnw-news-premium{padding:15px 13px 12px!important}
  .jnw-news-premium:before{top:63px!important;left:13px!important;right:13px!important}
  .jnw-news-card-premium{
    flex-basis:84%!important;
    height:288px!important;
  }
  .jnw-news-image-wrap{
    height:136px!important;
    flex-basis:136px!important;
  }
}


/* =========================================================
   FASE 7.12 — SHOWCASE 6 JOGOS FLUTUANTES + ATALHOS
   ========================================================= */
.jnw-home-editorial{
  grid-template-columns:minmax(0,1.7fr) minmax(320px,.82fr)!important;
  gap:18px!important;
  padding:22px!important;
  min-height:410px!important;
}
.jnw-home-editorial-copy-3col{display:contents!important}
.jnw-games-showcase{
  min-width:0;position:relative;overflow:hidden;border-radius:20px;
  border:1px solid rgba(222,164,101,.58);
  background:
    radial-gradient(circle at 50% 38%,rgba(255,184,88,.18),transparent 35%),
    linear-gradient(145deg,#fffdf8 0%,#fff4e7 100%);
  box-shadow:inset 0 1px 0 #fff,0 13px 28px rgba(78,45,20,.07);
  padding:16px 17px 14px;
}
.jnw-games-showcase:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(215,121,24,.025) 1px,transparent 1px),linear-gradient(rgba(215,121,24,.025) 1px,transparent 1px);background-size:24px 24px}
.jnw-showcase-head{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.jnw-showcase-head>div{display:flex;flex-direction:column;gap:2px}.jnw-showcase-head span{font-size:8px;font-weight:950;letter-spacing:.18em;color:#c56510}.jnw-showcase-head strong{font-size:16px;line-height:1.1;color:#34241b}.jnw-showcase-head small{font-size:8px;color:#94745c;border:1px solid #edd0b2;background:#fffaf4;border-radius:999px;padding:6px 9px;white-space:nowrap}
.jnw-showcase-stage{position:relative;z-index:2;height:260px;margin:7px 0 8px;perspective:900px}
.jnw-showcase-card{position:absolute;display:block;width:128px;height:205px;border-radius:13px;overflow:hidden;background:#21140e;border:2px solid rgba(255,255,255,.92);box-shadow:0 15px 25px rgba(62,35,18,.20);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,filter .3s ease;transform-origin:center bottom}
.jnw-showcase-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .3s ease}.jnw-showcase-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 53%,rgba(20,10,5,.86) 100%)}.jnw-showcase-card span{position:absolute;z-index:2;left:9px;right:9px;bottom:9px;color:#fff;font-size:9px;font-weight:900;line-height:1.1;text-shadow:0 2px 5px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jnw-showcase-card-1{left:3%;top:25px;transform:rotate(-7deg)}
.jnw-showcase-card-2{left:18%;top:7px;transform:rotate(-3deg)}
.jnw-showcase-card-3{left:34%;top:19px;transform:rotate(2deg);z-index:2;border-color:#e6ad43;box-shadow:0 0 0 2px rgba(245,190,72,.20),0 18px 30px rgba(62,35,18,.24)}
.jnw-showcase-card-4{right:34%;top:5px;transform:rotate(-2deg)}
.jnw-showcase-card-5{right:18%;top:22px;transform:rotate(4deg)}
.jnw-showcase-card-6{right:3%;top:10px;transform:rotate(7deg)}
.jnw-showcase-card:hover{z-index:10;transform:translateY(-9px) rotate(0deg) scale(1.055);box-shadow:0 24px 38px rgba(62,35,18,.28);filter:saturate(1.08)}.jnw-showcase-card:hover img{transform:scale(1.045)}
.jnw-showcase-actions{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.jnw-showcase-actions a{min-width:0;display:grid;grid-template-columns:28px 1fr 12px;align-items:center;gap:6px;padding:7px 8px;border:1px solid #ebcfb3;border-radius:11px;background:rgba(255,255,255,.82);color:#543823;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease}.jnw-showcase-actions i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#fff0dc;font-style:normal;font-size:13px}.jnw-showcase-actions span{font-size:8px;font-weight:950;letter-spacing:.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jnw-showcase-actions b{color:#e87500;font-size:12px}.jnw-showcase-actions a:hover{transform:translateY(-3px);border-color:#e49a50;background:#fff;box-shadow:0 8px 16px rgba(80,44,18,.09)}
@media(max-width:1100px){.jnw-home-editorial{grid-template-columns:1fr!important}.jnw-showcase-stage{height:255px}.jnw-home-universe{min-height:320px!important}}
@media(max-width:720px){.jnw-games-showcase{padding:14px 12px}.jnw-showcase-stage{height:230px;overflow-x:auto;overflow-y:hidden;display:flex;gap:10px;padding:10px 5px 16px;scroll-snap-type:x mandatory}.jnw-showcase-card{position:relative!important;inset:auto!important;flex:0 0 125px;height:195px;transform:none!important;scroll-snap-align:center}.jnw-showcase-card-3{border-color:#e6ad43}.jnw-showcase-actions{grid-template-columns:1fr 1fr}.jnw-showcase-head small{display:none}}

/* =========================================================
   FASE 7.12.1 — CAPAS ALINHADAS + UNIVERSO EM GRADE 4x4
   ========================================================= */

/* ESQUERDA: seis capas em fileira, alinhadas pela base */
.jnw-showcase-stage{
  position:relative!important;
  z-index:2!important;
  height:248px!important;
  margin:8px 0 9px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:center!important;
  gap:6px!important;
  padding:0 2px 5px!important;
  perspective:none!important;
  overflow:visible!important;
}
.jnw-showcase-card{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  flex:0 1 105px!important;
  width:105px!important;
  height:202px!important;
  border-radius:13px!important;
  transform:none!important;
  margin:0!important;
  z-index:2!important;
  border:2px solid rgba(255,255,255,.96)!important;
  box-shadow:0 12px 22px rgba(65,37,19,.16)!important;
}
.jnw-showcase-card-1,
.jnw-showcase-card-6{
  flex-basis:96px!important;
  width:96px!important;
  height:190px!important;
}
.jnw-showcase-card-2,
.jnw-showcase-card-5{
  flex-basis:103px!important;
  width:103px!important;
  height:204px!important;
}
.jnw-showcase-card-4{
  flex-basis:109px!important;
  width:109px!important;
  height:211px!important;
}
.jnw-showcase-card-3{
  flex:0 0 132px!important;
  width:132px!important;
  height:229px!important;
  z-index:5!important;
  border:3px solid #e9ae3d!important;
  box-shadow:
    0 0 0 2px rgba(255,204,86,.18),
    0 15px 29px rgba(86,47,16,.24),
    0 0 20px rgba(230,167,50,.13)!important;
}
.jnw-showcase-card-3:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:-1px;
  border-radius:11px;
  pointer-events:none;
  box-shadow:inset 0 0 0 1px rgba(255,243,190,.72);
}
.jnw-showcase-card:hover{
  z-index:20!important;
  transform:translateY(-7px) scale(1.035)!important;
  box-shadow:0 20px 32px rgba(65,37,19,.24)!important;
}
.jnw-showcase-card-3:hover{
  transform:translateY(-8px) scale(1.035)!important;
  box-shadow:
    0 0 0 2px rgba(255,204,86,.22),
    0 23px 37px rgba(79,42,15,.28),
    0 0 27px rgba(230,167,50,.20)!important;
}
.jnw-showcase-card span{
  left:7px!important;
  right:7px!important;
  bottom:8px!important;
  font-size:8.2px!important;
  text-align:center!important;
}

/* DIREITA: grade organizada 4x4, preenchendo o painel */
.jnw-home-universe{
  min-height:365px!important;
  padding:0!important;
  overflow:hidden!important;
}
.jnw-universe-games{
  position:absolute!important;
  z-index:5!important;
  left:15px!important;
  right:15px!important;
  top:75px!important;
  bottom:15px!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:repeat(4,minmax(0,1fr))!important;
  gap:7px!important;
  align-content:stretch!important;
  pointer-events:auto!important;
}
.jnw-universe-game,
.jnw-universe-game-1,
.jnw-universe-game-2,
.jnw-universe-game-3,
.jnw-universe-game-4,
.jnw-universe-game-5,
.jnw-universe-game-6,
.jnw-universe-game-7,
.jnw-universe-game-8,
.jnw-universe-game-9,
.jnw-universe-game-10,
.jnw-universe-game-11,
.jnw-universe-game-12,
.jnw-universe-game-13,
.jnw-universe-game-14,
.jnw-universe-game-15,
.jnw-universe-game-16{
  position:relative!important;
  inset:auto!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  bottom:auto!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  transform:none!important;
  animation:none!important;
  border-radius:10px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  box-shadow:0 5px 10px rgba(0,0,0,.20)!important;
  overflow:hidden!important;
}
.jnw-universe-game img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}
.jnw-universe-game span{
  position:absolute!important;
  z-index:2!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  padding:13px 4px 4px!important;
  background:linear-gradient(transparent,rgba(10,5,3,.88))!important;
  color:#fff!important;
  font-size:6.4px!important;
  line-height:1.05!important;
  font-weight:900!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.jnw-universe-game:hover,
.jnw-universe-game:focus-visible{
  z-index:20!important;
  transform:translateY(-3px) scale(1.045)!important;
  border-color:#ffc36b!important;
  box-shadow:
    0 10px 19px rgba(0,0,0,.34),
    0 0 0 2px rgba(255,154,40,.15)!important;
}
.jnw-universe-label{z-index:12!important}
.jnw-universe-cta{z-index:13!important}
.jnw-universe-glow{z-index:1!important}

/* Tablet */
@media(max-width:1100px){
  .jnw-showcase-stage{height:250px!important}
  .jnw-home-universe{min-height:385px!important}
  .jnw-universe-games{top:78px!important;bottom:16px!important}
}

/* Mobile */
@media(max-width:720px){
  .jnw-showcase-stage{
    height:228px!important;
    display:flex!important;
    justify-content:flex-start!important;
    align-items:flex-end!important;
    gap:9px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    padding:10px 5px 15px!important;
    scroll-snap-type:x mandatory!important;
  }
  .jnw-showcase-card,
  .jnw-showcase-card-1,
  .jnw-showcase-card-2,
  .jnw-showcase-card-3,
  .jnw-showcase-card-4,
  .jnw-showcase-card-5,
  .jnw-showcase-card-6{
    flex:0 0 116px!important;
    width:116px!important;
    height:195px!important;
    scroll-snap-align:center!important;
    transform:none!important;
  }
  .jnw-showcase-card-3{border:3px solid #e9ae3d!important}
  .jnw-home-universe{min-height:430px!important}
  .jnw-universe-games{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:repeat(6,55px)!important;
    top:80px!important;
    bottom:auto!important;
    gap:7px!important;
  }
}



/* ============================================================
   FASE 7.13 — SHOWCASE ISOLADO
   6 capas alinhadas + destaque dourado + grade 4x4 à direita
   ============================================================ */

.jnw-home-editorial{
  display:grid!important;
  grid-template-columns:minmax(0,1.95fr) minmax(330px,.95fr)!important;
  gap:14px!important;
  min-height:0!important;
  padding:18px!important;
  align-items:stretch!important;
}

/* LEFT */
.jnw713-showcase{
  min-width:0;
  min-height:390px;
  padding:17px 18px 14px;
  border:1px solid #edcfb0;
  border-radius:19px;
  background:
    linear-gradient(90deg,rgba(218,131,42,.025) 1px,transparent 1px),
    linear-gradient(rgba(218,131,42,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 45%,rgba(255,174,63,.13),transparent 34%),
    linear-gradient(145deg,#fffdf9,#fff5e9);
  background-size:24px 24px,24px 24px,auto,auto;
  box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(81,46,21,.07);
  overflow:hidden;
}
.jnw713-showcase-head{
  display:flex;align-items:flex-start;justify-content:space-between;gap:14px;
}
.jnw713-showcase-head span,
.jnw713-universe-head span{
  display:block;color:#bd6114;font-size:8px;font-weight:950;letter-spacing:.17em;
}
.jnw713-showcase-head h2{
  margin:3px 0 0!important;font-size:18px!important;line-height:1.05!important;color:#302219!important;
}
.jnw713-showcase-head>a,
.jnw713-universe-head>a{
  display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;
  text-decoration:none;font-size:8px;font-weight:900;color:#9f5416;
  border:1px solid #e9c7a7;background:rgba(255,250,244,.9);
  transition:.22s ease;
}
.jnw713-showcase-head>a:hover,
.jnw713-universe-head>a:hover{transform:translateY(-2px);background:#fff;border-color:#db9754}
.jnw713-showcase-head b,.jnw713-universe-head b{font-size:12px;color:#e87500}

.jnw713-shelf-wrap{
  position:relative;height:252px;margin:3px -2px 0;
  display:flex;align-items:flex-end;justify-content:center;
}
.jnw713-shelf{
  width:calc(100% - 64px);height:240px;
  display:flex;align-items:flex-end;justify-content:center;gap:5px;
  transition:opacity .14s ease,transform .14s ease;
}
.jnw713-shelf.is-changing{opacity:.18;transform:translateY(4px)}
.jnw713-shelf-card{
  position:relative;flex:1 1 0;min-width:0;max-width:116px;height:205px;
  border-radius:12px;overflow:hidden;text-decoration:none;background:#1f140e;
  border:2px solid #fff;
  box-shadow:0 12px 23px rgba(65,37,18,.16);
  transform:translateY(0);
  transition:transform .27s cubic-bezier(.2,.8,.2,1),box-shadow .27s ease,border-color .27s ease;
}
.jnw713-shelf-card:nth-child(1),
.jnw713-shelf-card:nth-child(6){height:190px;max-width:101px}
.jnw713-shelf-card:nth-child(2),
.jnw713-shelf-card:nth-child(5){height:207px;max-width:109px}
.jnw713-shelf-card:nth-child(4){height:215px;max-width:115px}
.jnw713-shelf-card.is-featured{
  flex:0 0 140px;max-width:140px;height:232px;z-index:4;
  border:3px solid #e5ab37;
  box-shadow:0 0 0 3px rgba(255,205,87,.17),0 16px 31px rgba(73,39,13,.24),0 0 23px rgba(232,169,50,.14);
}
.jnw713-shelf-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}
.jnw713-card-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(18,9,4,.91) 100%)}
.jnw713-card-copy{position:absolute;z-index:2;left:8px;right:8px;bottom:9px;text-align:center;color:#fff}
.jnw713-card-copy strong{
  display:block;font-size:9px;line-height:1.08;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.jnw713-card-copy small{
  display:block;margin-top:5px;color:#ffbc63;font-size:7px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;
}
.jnw713-shelf-card:hover{z-index:10;transform:translateY(-7px);box-shadow:0 20px 32px rgba(66,35,15,.24)}
.jnw713-shelf-card:hover img{transform:scale(1.05)}
.jnw713-shelf-card.is-featured:hover{transform:translateY(-8px);box-shadow:0 0 0 3px rgba(255,205,87,.21),0 24px 38px rgba(73,39,13,.29)}

.jnw713-shelf-arrow{
  position:absolute;z-index:20;top:50%;transform:translateY(-50%);
  width:37px;height:37px;border-radius:50%;border:1px solid #e6c3a3;
  background:#fff9f2;color:#b25d16;font-size:24px;line-height:1;cursor:pointer;
  box-shadow:0 7px 17px rgba(84,46,20,.10);transition:.2s ease;
}
.jnw713-shelf-arrow.prev{left:0}
.jnw713-shelf-arrow.next{right:0}
.jnw713-shelf-arrow:hover{background:#ff7900;color:#fff;border-color:#ff7900;transform:translateY(-50%) scale(1.07)}
.jnw713-shelf-arrow:disabled{opacity:.28;cursor:default}
.jnw713-dots{height:12px;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:-6px}
.jnw713-dots i{width:7px;height:7px;border-radius:999px;background:#d8c7b8;transition:.2s}
.jnw713-dots i.active{width:20px;background:#ff7900}

.jnw713-actions{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;
}
.jnw713-actions>a{
  min-width:0;display:grid;grid-template-columns:31px 1fr 12px;gap:7px;align-items:center;
  padding:8px;border:1px solid #ebcfb4;border-radius:11px;background:rgba(255,255,255,.84);
  color:#543720;text-decoration:none;transition:.22s ease;
}
.jnw713-actions i{
  width:31px;height:31px;border-radius:9px;display:grid;place-items:center;
  background:#fff0dc;font-style:normal;font-size:14px;
}
.jnw713-actions span{min-width:0}
.jnw713-actions strong{display:block;font-size:8.5px;letter-spacing:.03em}
.jnw713-actions small{
  display:block;margin-top:2px;color:#8b725f;font-size:6.8px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.jnw713-actions b{color:#e87500;font-size:12px}
.jnw713-actions>a:hover{transform:translateY(-3px);background:#fff;border-color:#e09b57;box-shadow:0 9px 17px rgba(79,43,18,.09)}

/* RIGHT */
.jnw713-universe{
  min-width:0;min-height:390px;position:relative;padding:17px 15px 15px;
  border-radius:19px;overflow:hidden;
  background:
    radial-gradient(circle at 88% 5%,rgba(255,163,60,.22),transparent 30%),
    linear-gradient(150deg,#583019 0%,#3a2014 55%,#26160f 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),0 15px 29px rgba(67,36,18,.17);
}
.jnw713-universe:after{
  content:"";position:absolute;width:190px;height:190px;border-radius:50%;
  right:-66px;top:-77px;border:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 0 37px rgba(255,255,255,.022);
}
.jnw713-universe-head{
  position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;
}
.jnw713-universe-head span{color:#ffb365}
.jnw713-universe-head h2{margin:3px 0 0!important;color:#fff!important;font-size:21px!important;line-height:.98!important}
.jnw713-universe-head>a{color:#fff;border-color:rgba(255,255,255,.19);background:rgba(255,255,255,.07)}
.jnw713-universe-head>a b{color:#ffbf76}

.jnw713-grid{
  position:relative;z-index:4;
  height:298px;margin-top:13px;
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));
  gap:7px;
}
.jnw713-grid-card{
  min-width:0;min-height:0;position:relative;display:block;overflow:hidden;border-radius:9px;
  border:1px solid rgba(255,255,255,.55);background:#1d100b;text-decoration:none;
  box-shadow:0 5px 10px rgba(0,0,0,.23);transition:.22s ease;
}
.jnw713-grid-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .32s ease}
.jnw713-grid-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(10,5,3,.86))}
.jnw713-grid-card span{
  position:absolute;z-index:2;left:4px;right:4px;bottom:4px;color:#fff;font-size:6px;font-weight:900;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;text-shadow:0 1px 4px #000;
}
.jnw713-grid-card:hover{z-index:10;transform:translateY(-3px) scale(1.035);border-color:#ffc36d;box-shadow:0 12px 20px rgba(0,0,0,.36)}
.jnw713-grid-card:hover img{transform:scale(1.07)}

@media(max-width:1100px){
  .jnw-home-editorial{grid-template-columns:1fr!important}
  .jnw713-universe{min-height:420px}
  .jnw713-grid{height:325px}
}
@media(max-width:720px){
  .jnw-home-editorial{padding:13px!important}
  .jnw713-showcase{padding:14px 12px}
  .jnw713-showcase-head>a{display:none}
  .jnw713-shelf-wrap{height:230px;margin-top:5px}
  .jnw713-shelf{
    width:calc(100% - 50px);height:220px;overflow-x:auto;justify-content:flex-start;
    scroll-snap-type:x mandatory;padding:8px 2px 12px;gap:9px;
  }
  .jnw713-shelf-card,
  .jnw713-shelf-card:nth-child(1),
  .jnw713-shelf-card:nth-child(2),
  .jnw713-shelf-card:nth-child(4),
  .jnw713-shelf-card:nth-child(5),
  .jnw713-shelf-card:nth-child(6),
  .jnw713-shelf-card.is-featured{
    flex:0 0 120px;max-width:120px;height:202px;scroll-snap-align:center;
  }
  .jnw713-shelf-card.is-featured{border:3px solid #e5ab37}
  .jnw713-shelf-arrow{width:31px;height:31px;font-size:20px}
  .jnw713-actions{grid-template-columns:1fr 1fr}
  .jnw713-universe{min-height:475px}
  .jnw713-grid{height:380px;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}
}


/* ============================================================
   FASE 7.14 — 4 CATEGORIAS EM QUADRADOS IGUAIS
   Usa automaticamente as categorias com mais jogos do portal.
   ============================================================ */

.jnw714-categories{
  min-width:0;
  min-height:390px;
  padding:17px 18px 14px;
  border:1px solid #edcfb0;
  border-radius:19px;
  background:
    linear-gradient(90deg,rgba(218,131,42,.025) 1px,transparent 1px),
    linear-gradient(rgba(218,131,42,.025) 1px,transparent 1px),
    radial-gradient(circle at 50% 38%,rgba(255,174,63,.10),transparent 35%),
    linear-gradient(145deg,#fffdf9,#fff5e9);
  background-size:24px 24px,24px 24px,auto,auto;
  box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(81,46,21,.07);
}

.jnw714-categories-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.jnw714-categories-head>div{min-width:0}
.jnw714-categories-head span{
  display:block;
  color:#bd6114;
  font-size:8px;
  font-weight:950;
  letter-spacing:.17em;
}
.jnw714-categories-head h2{
  margin:3px 0 2px!important;
  color:#302219!important;
  font-size:18px!important;
  line-height:1.05!important;
}
.jnw714-categories-head p{
  margin:0!important;
  color:#8b725f!important;
  font-size:8px!important;
}
.jnw714-categories-head>a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border-radius:999px;
  text-decoration:none;
  font-size:8px;
  font-weight:900;
  color:#9f5416;
  border:1px solid #e9c7a7;
  background:rgba(255,250,244,.9);
  transition:.22s ease;
}
.jnw714-categories-head>a:hover{
  transform:translateY(-2px);
  background:#fff;
  border-color:#db9754;
}
.jnw714-categories-head>a b{font-size:12px;color:#e87500}

/* Quatro cards rigorosamente iguais */
.jnw714-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:9px;
  margin:0 0 11px;
}
.jnw714-category-card{
  min-width:0;
  aspect-ratio:1 / 1;
  position:relative;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:15px;
  border:1px solid #e7c5a4;
  background:#fffaf4;
  text-decoration:none;
  color:#402a1c;
  box-shadow:0 9px 18px rgba(77,42,18,.085);
  transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease;
}
.jnw714-category-card:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.jnw714-category-media{
  height:64%;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:2px;
  padding:4px 4px 0;
  background:#ead4bb;
}
.jnw714-mini-thumb{
  min-width:0;
  min-height:0;
  overflow:hidden;
  display:block;
  background:#d7c2ac;
}
.jnw714-mini-thumb:first-child{border-radius:11px 2px 2px 2px}
.jnw714-mini-thumb:nth-child(2){border-radius:2px 11px 2px 2px}
.jnw714-mini-thumb:nth-child(3){border-radius:2px 2px 2px 11px}
.jnw714-mini-thumb:nth-child(4){border-radius:2px 2px 11px 2px}
.jnw714-mini-thumb img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  transition:transform .38s ease,filter .38s ease;
}

.jnw714-category-copy{
  flex:1;
  min-height:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:9px 11px 10px;
}
.jnw714-category-copy>span{
  display:block;
  color:#d36a08;
  font-size:6.5px;
  font-weight:950;
  letter-spacing:.12em;
}
.jnw714-category-copy strong{
  display:block;
  margin-top:2px;
  font-size:12px;
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.jnw714-category-copy small{
  display:block;
  margin-top:4px;
  color:#907765;
  font-size:7px;
}
.jnw714-category-card>b{
  position:absolute;
  right:10px;
  bottom:10px;
  color:#e87500;
  font-size:14px;
}
.jnw714-category-card:hover{
  transform:translateY(-5px);
  border-color:#e49a51;
  box-shadow:0 16px 27px rgba(77,42,18,.14);
}
.jnw714-category-card:hover .jnw714-mini-thumb img{
  transform:scale(1.055);
  filter:saturate(1.08);
}

/* Cada categoria recebe um detalhe diferente sem mudar o tamanho */
.jnw714-category-1{border-top:3px solid #ff7900}
.jnw714-category-2{border-top:3px solid #e1a42e}
.jnw714-category-3{border-top:3px solid #c66f20}
.jnw714-category-4{border-top:3px solid #9f5b27}

/* Atalhos continuam abaixo e alinhados */
.jnw714-categories .jnw713-actions{margin-top:0}

/* Mantém a grade da direita exatamente como aprovada */
.jnw713-universe{min-height:390px!important}

@media(max-width:980px){
  .jnw714-category-card{aspect-ratio:1.12 / 1}
}
@media(max-width:720px){
  .jnw714-categories{padding:14px 12px}
  .jnw714-categories-head>a{display:none}
  .jnw714-category-grid{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .jnw714-category-card{aspect-ratio:1 / 1}
}
@media(max-width:390px){
  .jnw714-category-grid{grid-template-columns:1fr}
  .jnw714-category-card{aspect-ratio:1.35 / 1}
}


/* ============================================================
   FASE 7.15 — TRÊS PAINÉIS IGUAIS CHEIOS DE JOGOS
   ============================================================ */

.jnw-home-editorial{
  display:block!important;
  padding:16px!important;
  min-height:0!important;
}

.jnw715-three-panels{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.jnw715-panel{
  min-width:0;
  min-height:390px;
  position:relative;
  padding:15px 13px 13px;
  border-radius:19px;
  overflow:hidden;
  background:
    radial-gradient(circle at 88% 4%,rgba(255,164,62,.22),transparent 29%),
    linear-gradient(150deg,#5a311a 0%,#3b2115 55%,#26160f 100%);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 15px 28px rgba(67,36,18,.16);
}

.jnw715-panel:after{
  content:"";
  position:absolute;
  width:160px;
  height:160px;
  border-radius:50%;
  right:-55px;
  top:-62px;
  border:1px solid rgba(255,255,255,.055);
  box-shadow:0 0 0 30px rgba(255,255,255,.018);
  pointer-events:none;
}

.jnw715-panel-2{
  background:
    radial-gradient(circle at 88% 4%,rgba(255,177,74,.18),transparent 29%),
    linear-gradient(150deg,#4d2c1a 0%,#332016 57%,#21150f 100%);
}
.jnw715-panel-3{
  background:
    radial-gradient(circle at 88% 4%,rgba(235,141,49,.19),transparent 29%),
    linear-gradient(150deg,#54301c 0%,#392116 56%,#24150f 100%);
}

.jnw715-panel-head{
  position:relative;
  z-index:3;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:8px;
  margin-bottom:11px;
}

.jnw715-panel-head>div{
  min-width:0;
}

.jnw715-panel-head span{
  display:block;
  color:#ffb66c;
  font-size:7.5px;
  font-weight:950;
  letter-spacing:.15em;
}

.jnw715-panel-head h2{
  margin:3px 0 1px!important;
  color:#fff!important;
  font-size:19px!important;
  line-height:1!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.jnw715-panel-head small{
  display:block;
  color:#d8bfae;
  font-size:7px;
}

.jnw715-panel-head>a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 8px;
  border-radius:999px;
  text-decoration:none;
  color:#fff;
  font-size:7px;
  font-weight:900;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.065);
  transition:.2s ease;
}

.jnw715-panel-head>a b{
  color:#ffbd72;
  font-size:10px;
}

.jnw715-panel-head>a:hover{
  transform:translateY(-2px);
  background:#ff7900;
  border-color:#ff7900;
}

.jnw715-grid{
  position:relative;
  z-index:4;
  height:310px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  grid-template-rows:repeat(4,minmax(0,1fr));
  gap:6px;
}

.jnw715-game{
  min-width:0;
  min-height:0;
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:9px;
  border:1px solid rgba(255,255,255,.52);
  background:#1d100b;
  text-decoration:none;
  box-shadow:0 4px 9px rgba(0,0,0,.22);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.jnw715-game img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:transform .32s ease,filter .32s ease;
}

.jnw715-game:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 51%,rgba(9,4,2,.86));
}

.jnw715-game span{
  position:absolute;
  z-index:2;
  left:3px;
  right:3px;
  bottom:4px;
  color:#fff;
  font-size:5.9px;
  line-height:1.03;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 1px 3px #000;
}

.jnw715-game:hover{
  z-index:20;
  transform:translateY(-3px) scale(1.045);
  border-color:#ffc06a;
  box-shadow:
    0 11px 18px rgba(0,0,0,.35),
    0 0 0 2px rgba(255,145,24,.11);
}

.jnw715-game:hover img{
  transform:scale(1.075);
  filter:saturate(1.08);
}

/* Tablet */
@media(max-width:1050px){
  .jnw715-three-panels{
    grid-template-columns:1fr 1fr;
  }
  .jnw715-panel:nth-child(3){
    grid-column:1/-1;
  }
  .jnw715-panel:nth-child(3) .jnw715-grid{
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-template-rows:repeat(2,minmax(0,1fr));
  }
}

/* Mobile */
@media(max-width:720px){
  .jnw-home-editorial{
    padding:12px!important;
  }
  .jnw715-three-panels{
    grid-template-columns:1fr;
    gap:10px;
  }
  .jnw715-panel,
  .jnw715-panel:nth-child(3){
    grid-column:auto;
    min-height:365px;
  }
  .jnw715-grid,
  .jnw715-panel:nth-child(3) .jnw715-grid{
    height:285px;
    grid-template-columns:repeat(4,minmax(0,1fr));
    grid-template-rows:repeat(4,minmax(0,1fr));
  }
}


/* ============================================================
   FASE 7.16 — NOTÍCIAS ACIMA + 4 PAINÉIS / 10 JOGOS
   ============================================================ */

.jnw716-four-panels{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:12px!important;
  width:100%;
}

.jnw716-four-panels .jnw715-panel{
  min-height:0!important;
  height:auto!important;
  padding:14px 12px 13px!important;
  border-radius:18px!important;
}

.jnw716-four-panels .jnw715-panel-head{
  margin-bottom:10px!important;
}

.jnw716-four-panels .jnw715-panel-head h2{
  font-size:17px!important;
}

.jnw716-four-panels .jnw715-grid{
  height:auto!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-template-rows:repeat(2,72px)!important;
  gap:6px!important;
}

.jnw716-four-panels .jnw715-game{
  height:72px!important;
  min-height:72px!important;
  border-radius:8px!important;
}

.jnw716-four-panels .jnw715-game span{
  font-size:5.4px!important;
}

/* Reordena visualmente a Home: notícias antes dos painéis de categorias.
   O seletor usa :has() para identificar os blocos sem alterar o HTML/PHP. */

/* Fase 7.16.1: reordenação CSS removida; ordem agora é física no index.html. */


@media(max-width:1100px){
  .jnw716-four-panels{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:680px){
  .jnw716-four-panels{
    grid-template-columns:1fr!important;
  }
  .jnw716-four-panels .jnw715-grid{
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    grid-template-rows:repeat(2,66px)!important;
  }
  .jnw716-four-panels .jnw715-game{
    height:66px!important;
    min-height:66px!important;
  }
}


/* ============================================================
   FASE 7.17 — VITRINE DO FÓRUM JOGOSNAWEB
   ============================================================ */

.jnw-home-editorial{
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

.jnw717-forum-showcase{
  padding:22px;
  border:1px solid #edcbaa;
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 10%,rgba(255,144,20,.12),transparent 27%),
    linear-gradient(145deg,#fff9f0 0%,#f7e5d0 100%);
  box-shadow:0 16px 34px rgba(78,43,18,.09);
  overflow:hidden;
}
.jnw717-forum-head{
  display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:15px;
}
.jnw717-forum-head>div{min-width:0}
.jnw717-kicker{display:block;color:#c5630b;font-size:9px;font-weight:950;letter-spacing:.16em}
.jnw717-forum-head h2{margin:4px 0 4px!important;color:#302117!important;font-size:29px!important;line-height:1!important}
.jnw717-forum-head p{margin:0!important;color:#806a59!important;font-size:11px!important;line-height:1.4!important}
.jnw717-forum-all{
  flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:11px;
  background:#ff7900;color:#fff;text-decoration:none;font-size:10px;font-weight:900;
  box-shadow:0 8px 18px rgba(255,121,0,.18);transition:.22s ease;
}
.jnw717-forum-all:hover{transform:translateY(-3px);background:#ff8d12;box-shadow:0 12px 23px rgba(255,121,0,.25)}

.jnw717-forum-layout{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:12px;min-height:310px;
}
.jnw717-forum-hero,
.jnw717-forum-card{
  position:relative;display:block;overflow:hidden;text-decoration:none;color:#fff;background:#2c1a11;
}
.jnw717-forum-hero:before,
.jnw717-forum-card:before{
  content:"";position:absolute;inset:0;background-image:var(--jnw717-bg);background-size:cover;background-position:center;
  transition:transform .5s cubic-bezier(.2,.8,.2,1),filter .4s ease;
}
.jnw717-forum-hero:after,
.jnw717-forum-card:after{
  content:"";position:absolute;inset:0;pointer-events:none;
}
.jnw717-forum-hero{border-radius:17px;min-height:310px;box-shadow:0 13px 26px rgba(70,38,17,.16)}
.jnw717-forum-hero:after{background:linear-gradient(90deg,rgba(32,16,7,.92) 0%,rgba(32,16,7,.72) 47%,rgba(32,16,7,.15) 100%)}
.jnw717-forum-hero-copy{position:absolute;z-index:3;left:23px;bottom:23px;max-width:62%}
.jnw717-forum-hero-copy>span{display:inline-flex;padding:5px 8px;border-radius:999px;background:#ff7900;color:#fff;font-size:7px;font-weight:950;letter-spacing:.10em}
.jnw717-forum-hero-copy h3{margin:9px 0 7px;color:#fff;font-size:24px;line-height:1.05;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.jnw717-forum-hero-copy p{margin:0 0 10px;color:#ead8c8;font-size:10px;line-height:1.45}
.jnw717-forum-hero-copy strong{font-size:9px;color:#ffc17b;letter-spacing:.04em}
.jnw717-forum-hero:hover:before{transform:scale(1.045);filter:saturate(1.08)}

.jnw717-forum-cards{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);gap:9px}
.jnw717-forum-card{border-radius:14px;border:1px solid rgba(255,255,255,.18);min-height:0;box-shadow:0 8px 17px rgba(65,35,15,.12)}
.jnw717-forum-card:after{background:linear-gradient(90deg,rgba(31,16,7,.94) 0%,rgba(31,16,7,.74) 55%,rgba(31,16,7,.20) 100%)}
.jnw717-forum-card>div{position:absolute;z-index:3;left:15px;right:12px;bottom:12px}
.jnw717-forum-card span{display:block;color:#ffad54;font-size:7px;font-weight:950;letter-spacing:.09em}
.jnw717-forum-card h3{margin:3px 0 3px;color:#fff;font-size:14px;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jnw717-forum-card p{margin:0;color:#d9c5b4;font-size:8px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.jnw717-forum-card:hover:before{transform:scale(1.065);filter:saturate(1.10)}
.jnw717-forum-card:hover{box-shadow:0 13px 23px rgba(70,37,16,.20)}

.jnw717-forum-footer{
  margin-top:11px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;
  border:1px solid #e8c7a8;border-radius:13px;background:rgba(255,255,255,.68);
}
.jnw717-forum-footer>div{display:flex;align-items:center;gap:9px;min-width:0}
.jnw717-forum-footer i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0dc;font-style:normal}
.jnw717-forum-footer span{min-width:0}
.jnw717-forum-footer strong{display:block;color:#4a3020;font-size:10px}
.jnw717-forum-footer small{display:block;color:#8a715f;font-size:8px;margin-top:2px}
.jnw717-forum-footer>a{flex:0 0 auto;padding:8px 11px;border-radius:9px;background:#fff;color:#a95816;text-decoration:none;font-size:8px;font-weight:900;border:1px solid #e5bd98;transition:.2s}
.jnw717-forum-footer>a:hover{background:#ff7900;color:#fff;border-color:#ff7900;transform:translateY(-2px)}

@media(max-width:850px){
  .jnw717-forum-layout{grid-template-columns:1fr}
  .jnw717-forum-cards{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr}
  .jnw717-forum-card{min-height:145px}
  .jnw717-forum-hero-copy{max-width:72%}
}
@media(max-width:620px){
  .jnw717-forum-showcase{padding:15px}
  .jnw717-forum-head{align-items:flex-start}
  .jnw717-forum-head h2{font-size:25px!important}
  .jnw717-forum-head p{max-width:280px}
  .jnw717-forum-all{min-height:36px;padding:0 10px;font-size:8px}
  .jnw717-forum-hero{min-height:275px}
  .jnw717-forum-hero-copy{left:16px;right:16px;bottom:16px;max-width:none}
  .jnw717-forum-hero-copy h3{font-size:20px}
  .jnw717-forum-cards{grid-template-columns:1fr;grid-template-rows:repeat(3,120px)}
  .jnw717-forum-card{min-height:120px}
}


/* ============================================================
   FASE 7.18 — FÓRUM JOGOSNAWEB / MODELO PORTAL
   ============================================================ */
.jnw-home-editorial{
  display:block!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.jnw718-forum{
  position:relative;overflow:hidden;padding:20px 22px 16px;border-radius:21px;
  border:1px solid #edcfae;
  background:radial-gradient(circle at 93% 3%,rgba(255,158,51,.11),transparent 24%),linear-gradient(145deg,#fffaf3 0%,#f9ead8 100%);
  box-shadow:0 15px 32px rgba(78,44,18,.085);
}
.jnw718-forum-head{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}
.jnw718-forum-head span{display:block;color:#bf6315;font-size:9px;font-weight:950;letter-spacing:.15em}
.jnw718-forum-head h2{margin:4px 0!important;color:#322219!important;font-size:27px!important;line-height:1.04!important}
.jnw718-forum-head p{margin:0!important;color:#826d5d!important;font-size:11px!important}
.jnw718-forum-head>a{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 16px;border-radius:11px;background:linear-gradient(135deg,#ff7900,#ff9500);color:#fff;text-decoration:none;font-size:10px;font-weight:900;box-shadow:0 8px 18px rgba(255,121,0,.18);transition:.22s}
.jnw718-forum-head>a:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(255,121,0,.25)}
.jnw718-forum-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.jnw718-forum-card{min-width:0;display:flex;flex-direction:column;gap:11px;padding:14px;min-height:180px;border-radius:15px;border:1px solid #e7c9ac;background:rgba(255,255,255,.78);color:#402b1e;text-decoration:none;box-shadow:0 8px 18px rgba(78,43,18,.065);transition:.24s}
.jnw718-forum-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#fff4e3,#ffe6c4);border:1px solid rgba(223,132,45,.25);box-shadow:inset 0 1px 0 #fff;font-size:20px;transition:.24s}
.jnw718-forum-copy>span{display:block;margin-bottom:3px;color:#d06a08;font-size:7px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.jnw718-forum-copy strong{display:block;color:#39261b;font-size:14px;line-height:1.08}
.jnw718-forum-copy p{min-height:42px;margin:6px 0 8px!important;color:#806a59!important;font-size:9px!important;line-height:1.42!important}
.jnw718-forum-copy small{color:#c45f05;font-size:8px;font-weight:900}
.jnw718-forum-card:hover{transform:translateY(-5px);background:#fff;border-color:#e09a55;box-shadow:0 15px 27px rgba(78,43,18,.12)}
.jnw718-forum-card:hover .jnw718-forum-icon{transform:translateY(-2px) scale(1.05)}
.jnw718-forum-card-1{border-top:3px solid #ff7900}.jnw718-forum-card-2{border-top:3px solid #d99a2d}.jnw718-forum-card-3{border-top:3px solid #c26b1a}.jnw718-forum-card-4{border-top:3px solid #9f5d2b}
.jnw718-recent{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 12px;border-radius:12px;border:1px solid #e8cdb3;background:rgba(255,255,255,.58);overflow:hidden}
.jnw718-recent>strong{flex:0 0 auto;color:#5d3c27;font-size:9px;white-space:nowrap}
.jnw718-recent>strong i{font-style:normal}
.jnw718-recent>div{min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}
.jnw718-recent a{min-width:0;color:#8f541f;text-decoration:none;font-size:8px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.jnw718-recent a:hover{color:#ff7900}.jnw718-recent span{color:#d7b493;font-size:8px}
@media(max-width:950px){.jnw718-forum-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.jnw718-forum{padding:16px 13px 13px}.jnw718-forum-head{flex-direction:column}.jnw718-forum-head h2{font-size:23px!important}.jnw718-forum-head>a{width:100%;justify-content:center}.jnw718-forum-grid{grid-template-columns:1fr}.jnw718-forum-card{min-height:auto}.jnw718-forum-copy p{min-height:0}.jnw718-recent{align-items:flex-start;flex-direction:column}.jnw718-recent>div{width:100%;overflow-x:auto;padding-bottom:3px}}


/* ============================================================
   FASE 7.19 — BLOG COM ARTIGOS REAIS + COMUNIDADE NO RODAPÉ
   ============================================================ */

.jnw-blog-article-card .jnw-mag-mini-media{
  position:relative;
}

.jnw-blog-article-badge{
  position:absolute;
  z-index:2;
  left:10px;
  top:10px;
  display:inline-flex;
  padding:5px 8px;
  border-radius:999px;
  background:linear-gradient(135deg,#ff7900,#ff9500);
  color:#fff;
  font-size:7px;
  font-weight:950;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:0 5px 12px rgba(255,121,0,.18);
}

.jnw-blog-article-card .jnw-mag-mini-body p{
  margin:6px 0 8px!important;
  color:#806a59!important;
  font-size:8.5px!important;
  line-height:1.4!important;
}

.jnw-blog-article-card .jnw-mag-mini-body strong{
  color:#d76800!important;
}

.jnw-blog-article-card:hover .jnw-mag-mini-body strong{
  color:#ff7900!important;
}


/* FASE 7.19.1 — BLOG volta a abrir o artigo individual de cada jogo */
.jnw-blog-game-article{
  cursor:pointer;
}
.jnw-blog-game-article .jnw-mag-mini-body strong{
  color:#d76800!important;
}
.jnw-blog-game-article:hover .jnw-mag-mini-body strong{
  color:#ff7900!important;
}


/* FASE 7.19.2 — Blog JogosNaWeb compacto: somente título/CTA, sem descrição */
.jnw-blog-game-article .jnw-mag-mini-body p{
  display:none!important;
}
.jnw-blog-game-article .jnw-mag-mini-body{
  padding-top:10px!important;
  padding-bottom:10px!important;
}
.jnw-blog-game-article .jnw-mag-mini-body h3{
  margin-bottom:8px!important;
}


/* ============================================================
   FASE 7.19.5 — BLOG MAIS FINO + SEM REPETIR FAVORITOS
   ============================================================ */
.jnw-magazine-section{
  padding-top:14px!important;
  padding-bottom:14px!important;
}
.jnw-magazine-section .jnw-section-heading{
  margin-bottom:9px!important;
}
.jnw-blog-game-article .jnw-mag-mini-media{
  aspect-ratio:16 / 7!important;
  max-height:138px!important;
}
.jnw-blog-game-article .jnw-mag-mini-body{
  padding:7px 10px 8px!important;
  min-height:0!important;
}
.jnw-blog-game-article .jnw-mag-mini-body>span{
  font-size:7px!important;
}
.jnw-blog-game-article .jnw-mag-mini-body h3{
  font-size:11.5px!important;
  line-height:1.2!important;
  min-height:0!important;
  margin:4px 0 6px!important;
  -webkit-line-clamp:2!important;
}
.jnw-blog-game-article .jnw-mag-mini-body strong{
  font-size:8px!important;
  margin-top:0!important;
}
.jnw-magazine-grid{
  gap:10px!important;
}
@media(max-width:620px){
  .jnw-blog-game-article .jnw-mag-mini-media{
    aspect-ratio:16 / 8!important;
    max-height:none!important;
  }
}


/* ============================================================
   FASE 7.19.6 — ÚLTIMAS NOTÍCIAS MAIS COMPACTO
   Mantém 4 cards, carrossel, setas e botão Ver todas.
   ============================================================ */
.jnw-news-section,
.jnw-latest-news-section{
  padding-top:14px!important;
  padding-bottom:14px!important;
}

.jnw-news-section .jnw-section-heading,
.jnw-latest-news-section .jnw-section-heading{
  margin-bottom:9px!important;
}

/* Cards mais baixos sem alterar a largura/quantidade */
.jnw-news-card img,
.jnw-news-card .jnw-news-media,
.jnw-latest-news-section article img{
  max-height:148px!important;
  object-fit:cover!important;
}

.jnw-news-card .jnw-news-body,
.jnw-latest-news-section article .jnw-news-body{
  padding-top:8px!important;
  padding-bottom:9px!important;
}

/* Reduz respiros verticais dentro do card */
.jnw-news-card h3,
.jnw-latest-news-section article h3{
  margin-top:5px!important;
  margin-bottom:7px!important;
  line-height:1.18!important;
}

.jnw-news-card p,
.jnw-latest-news-section article p{
  margin-top:3px!important;
  margin-bottom:5px!important;
}

/* Mantém rodapé/indicadores próximos aos cards */
.jnw-news-section .jnw-slider-dots,
.jnw-latest-news-section .jnw-slider-dots{
  margin-top:8px!important;
  margin-bottom:0!important;
}

@media(max-width:620px){
  .jnw-news-card img,
  .jnw-news-card .jnw-news-media,
  .jnw-latest-news-section article img{
    max-height:none!important;
  }
}


/* ============================================================
   FASE 7.22.2 — COMUNIDADE GLOBAL, SEM ALTERAR HTML ESTÁTICO
   ============================================================ */
.jnw-community-hub-under-forum{margin-top:18px!important;}
.jnw-home-editorial .jnw-community-hub-under-forum{width:100%;}
.jnw-game-portal-community{margin:22px 0;}
.article-portal-community{margin:26px 0!important;}
.article-portal-community + .article-community-hub{margin-top:18px!important;}
@media(max-width:620px){
  .jnw-community-hub-under-forum{margin-top:12px!important;}
  .jnw-game-portal-community{margin:14px 0;}
  .article-portal-community{margin:18px 0!important;}
}


/* ============================================================
   FASE 7.22.5 — ÚLTIMAS NOTÍCIAS MAIS FINO
   ============================================================ */
.jnw-news-premium{
  padding:11px 18px 9px!important;
}
.jnw-news-premium:before{
  top:57px!important;
  left:18px!important;
  right:18px!important;
}
.jnw-news-premium .jnw-section-heading{
  margin-bottom:5px!important;
}
.jnw-news-premium .jnw-section-heading h2{
  font-size:25px!important;
  line-height:1!important;
}
.jnw-news-premium .jnw-section-heading p{
  margin-top:3px!important;
  font-size:10px!important;
}
.jnw-news-viewport{
  margin-top:9px!important;
}
.jnw-news-card-premium{
  height:248px!important;
}
.jnw-news-topline{
  height:34px!important;
  flex-basis:34px!important;
}
.jnw-news-image-wrap{
  height:104px!important;
  flex-basis:104px!important;
}
.jnw-news-card-content{
  padding:7px 10px 7px!important;
}
.jnw-news-meta{
  margin-bottom:3px!important;
  font-size:7px!important;
}
.jnw-news-card-content strong{
  font-size:12px!important;
  line-height:1.14!important;
  -webkit-line-clamp:3!important;
}
.jnw-news-read{
  margin-top:4px!important;
  font-size:8px!important;
}
.jnw-news-footer{
  margin-top:5px!important;
}
@media(max-width:980px){
  .jnw-news-card-premium{height:258px!important;}
  .jnw-news-image-wrap{height:112px!important;flex-basis:112px!important;}
}
@media(max-width:650px){
  .jnw-news-premium{padding:11px 12px 9px!important;}
  .jnw-news-premium:before{top:56px!important;left:12px!important;right:12px!important;}
  .jnw-news-card-premium{height:252px!important;}
  .jnw-news-image-wrap{height:108px!important;flex-basis:108px!important;}
}


/* ============================================================
   FASE 7.22.7 — ÚLTIMAS NOTÍCIAS SUPER COMPACTO
   Aproxima a altura visual do Blog JogosNaWeb sem alterar o carrossel.
   ============================================================ */
.jnw-news-premium{
  padding:9px 18px 7px!important;
}
.jnw-news-premium .jnw-section-heading{
  margin-bottom:3px!important;
}
.jnw-news-premium .jnw-section-heading h2{
  font-size:23px!important;
  line-height:.98!important;
}
.jnw-news-premium .jnw-section-heading p{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.15!important;
}
.jnw-news-heading-actions>a{
  min-height:34px!important;
  padding:0 14px!important;
  font-size:11px!important;
}
.jnw-news-nav{
  width:34px!important;
  height:34px!important;
  font-size:22px!important;
}
.jnw-news-viewport{
  margin-top:6px!important;
  border-radius:14px!important;
}
.jnw-news-track{
  gap:12px!important;
}
.jnw-news-card-premium{
  height:205px!important;
  border-radius:14px!important;
}
.jnw-news-topline{
  height:29px!important;
  flex-basis:29px!important;
}
.jnw-news-image-wrap{
  height:82px!important;
  flex-basis:82px!important;
}
.jnw-news-card-content{
  padding:5px 9px 5px!important;
}
.jnw-news-meta{
  margin-bottom:2px!important;
  font-size:6.5px!important;
}
.jnw-news-card-content strong{
  font-size:11px!important;
  line-height:1.12!important;
  -webkit-line-clamp:2!important;
}
.jnw-news-card-content p{
  display:none!important;
}
.jnw-news-read{
  margin-top:3px!important;
  font-size:7.5px!important;
}
.jnw-news-footer{
  margin-top:4px!important;
}
.jnw-news-dot{
  width:6px!important;
  height:6px!important;
}
.jnw-news-dot.active{
  width:22px!important;
}
.jnw-news-auto{
  font-size:9px!important;
}
@media(max-width:980px){
  .jnw-news-card-premium{height:218px!important;}
  .jnw-news-image-wrap{height:92px!important;flex-basis:92px!important;}
}
@media(max-width:650px){
  .jnw-news-premium{padding:9px 11px 7px!important;}
  .jnw-news-card-premium{height:226px!important;}
  .jnw-news-image-wrap{height:100px!important;flex-basis:100px!important;}
  .jnw-news-card-content strong{font-size:11.5px!important;}
}


/* =========================================================
   FASE 7.22.8 — BLOG JOGOSNAWEB MAIS COMPACTO
   Apenas ajuste visual da seção editorial da HOME.
   Mantém cards, imagens, links e funcionamento existentes.
   ========================================================= */
.home-editorial-section,
.blog-home-section,
.blog-showcase-section,
.editorial-home-section {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

.home-editorial-section .section-head,
.blog-home-section .section-head,
.blog-showcase-section .section-head,
.editorial-home-section .section-head {
  margin-bottom: 8px !important;
}

.home-editorial-section .section-eyebrow,
.blog-home-section .section-eyebrow,
.blog-showcase-section .section-eyebrow,
.editorial-home-section .section-eyebrow {
  margin-bottom: 2px !important;
  line-height: 1.05 !important;
}

.home-editorial-section h2,
.blog-home-section h2,
.blog-showcase-section h2,
.editorial-home-section h2 {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  line-height: 1.05 !important;
}

.home-editorial-section .section-subtitle,
.blog-home-section .section-subtitle,
.blog-showcase-section .section-subtitle,
.editorial-home-section .section-subtitle {
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  line-height: 1.2 !important;
}

/* Seletores usados por versões anteriores do bloco Blog JogosNaWeb */
#blog-section,
#blogSection,
.blog-section,
.home-blog,
.home-blog-section {
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

#blog-section h2,
#blogSection h2,
.blog-section h2,
.home-blog h2,
.home-blog-section h2 {
  margin-top: 0 !important;
  margin-bottom: 2px !important;
  line-height: 1.05 !important;
}

#blog-section h2 + p,
#blogSection h2 + p,
.blog-section h2 + p,
.home-blog h2 + p,
.home-blog-section h2 + p {
  margin-top: 0 !important;
  margin-bottom: 7px !important;
  line-height: 1.2 !important;
}

/* ============================================================
   FASE 7.22.9 — CABEÇALHO ÚLTIMAS NOTÍCIAS = BLOG JOGOSNAWEB
   Replica o respiro do cabeçalho editorial sem alterar cards/carrossel.
   ============================================================ */
.jnw-news-premium{
  padding-top:14px!important;
  padding-bottom:14px!important;
}
.jnw-news-premium .jnw-section-heading{
  margin-bottom:9px!important;
}
.jnw-news-premium .jnw-section-heading h2{
  margin:0 0 5px!important;
  font-size:26px!important;
  line-height:1.2!important;
}
.jnw-news-premium .jnw-section-heading p{
  margin:0!important;
  font-size:13px!important;
  line-height:normal!important;
}

/* ============================================================
   FASE 7.22.10 — ÚLTIMAS NOTÍCIAS LIMPO + HOVER
   ============================================================ */

/* Remove a linha laranja horizontal decorativa do cabeçalho */
.jnw-news-premium:before{
  display:none!important;
  content:none!important;
  background:none!important;
  height:0!important;
}

/* Container mais baixo e com respiro semelhante ao Blog */
.jnw-news-premium{
  padding:10px 18px 8px!important;
}
.jnw-news-premium .jnw-section-heading{
  margin-bottom:5px!important;
}
.jnw-news-premium .jnw-section-heading h2{
  margin-bottom:4px!important;
}
.jnw-news-premium .jnw-section-heading p{
  margin-top:0!important;
  margin-bottom:0!important;
}
.jnw-news-viewport{
  margin-top:7px!important;
}
.jnw-news-card-premium{
  position:relative!important;
  height:190px!important;
}
.jnw-news-image-wrap{
  height:92px!important;
  flex-basis:92px!important;
}
.jnw-news-card-content{
  padding:5px 9px 4px!important;
}
.jnw-news-footer{
  margin-top:3px!important;
}

/* Faixa categoria + chamada: sai do fluxo e vira overlay sobre a capa */
.jnw-news-topline{
  position:absolute!important;
  z-index:8!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:30px!important;
  min-height:30px!important;
  flex-basis:auto!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-7px)!important;
  pointer-events:none!important;
  transition:opacity .20s ease,transform .20s ease,visibility .20s ease!important;
  box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.jnw-news-topline:after{
  display:none!important;
  content:none!important;
}

/* Aparece somente ao passar o mouse/focar o card */
.jnw-news-card-premium:hover .jnw-news-topline,
.jnw-news-card-premium:focus-visible .jnw-news-topline,
.jnw-news-card-premium:focus-within .jnw-news-topline{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}

/* visual premium da faixa em hover */
.jnw-news-top-category{
  background:#ff7a00!important;
  color:#fff!important;
}
.jnw-news-top-topic{
  background:rgba(255,249,241,.97)!important;
  color:#3a2618!important;
}

@media(max-width:980px){
  .jnw-news-card-premium{height:202px!important;}
  .jnw-news-image-wrap{height:100px!important;flex-basis:100px!important;}
}

/* Em telas touch não existe hover confiável: mantém a faixa escondida */
@media(hover:none), (max-width:650px){
  .jnw-news-premium{padding:10px 11px 8px!important;}
  .jnw-news-card-premium{height:210px!important;}
  .jnw-news-image-wrap{height:108px!important;flex-basis:108px!important;}
  .jnw-news-topline{display:none!important;}
}

/* ============================================================
   FASE 7.22.11 — REMOVE SOBRA BRANCA DOS CARDS DE NOTÍCIAS
   Reduz apenas a altura fixa dos cards no desktop. Não altera
   capas, textos, hover, cabeçalho, carrossel ou Blog JogosNaWeb.
   ============================================================ */
@media (min-width:981px){
  .jnw-news-card-premium{
    height:166px!important;
    min-height:166px!important;
  }
}

/* ==========================================================
   MOBILE FINAL 2026-08-26 — HARDENING RESPONSIVO DO PORTAL
   Preserva desktop; corrige tablets e celulares.
   ========================================================== */
@media (max-width: 1024px) {
  html, body { max-width:100%; overflow-x:hidden; }
  img, video, canvas, svg { max-width:100%; }
  .container { width:min(100% - 28px, 1180px); }

  /* Cabeçalho público */
  .header-inner { flex-wrap:wrap; gap:12px; }
  .logo-wrap { flex:1 1 100%; justify-content:center; }
  .header-tools { flex:1 1 100%; width:100%; min-width:0; }
  .header-select, .header-search { min-width:0; }

  /* Página individual do jogo */
  .game-page, .category-page .game-page { width:100%; min-width:0; }
  .game-page-content, #gamePage { min-width:0; width:100%; }
  .game-hero-enhanced { grid-template-columns:1fr !important; gap:14px !important; }
  .game-hero-cover-enhanced { min-height:clamp(300px,46vw,480px) !important; }
  .game-side-panel { width:100%; min-width:0; height:auto !important; }
  .game-player-panel, .game-player-panel .play-area { min-width:0; width:100%; }
  .game-extra-grid, .jnw-editorial-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .jnw-community, .jnw-forum-pro { min-width:0; }

  /* Players HTML5 — apenas dimensionamento responsivo */
  .game-preview:not(.dos-player-preview) { width:100% !important; max-width:100% !important; }
  .game-preview:not(.dos-player-preview).started,
  .game-preview:not(.dos-player-preview).preview-dismissed,
  .game-preview:not(.dos-player-preview).is-launching {
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:16 / 10;
    max-height:72svh;
  }
  .game-preview:not(.dos-player-preview) #game-player-container,
  .game-preview:not(.dos-player-preview) iframe,
  .game-preview:not(.dos-player-preview) .iframe-player-frame,
  .game-preview:not(.dos-player-preview) canvas,
  .game-preview:not(.dos-player-preview) video {
    width:100% !important;
    max-width:100% !important;
    height:100% !important;
    max-height:72svh !important;
    border:0;
  }

  /* Home / listagens */
  .featured-layout, .category-games, .game-grid, .related-grid { min-width:0; }
  .jnw-community-hub-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .footer-main { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 720px) {
  .container { width:calc(100% - 20px) !important; }
  .site-header { position:relative; }
  .header-inner { padding:9px 0 11px !important; }
  .logo-image { height:auto !important; max-height:50px; max-width:min(76vw,260px) !important; }
  .header-tools { display:grid !important; grid-template-columns:1fr !important; gap:7px !important; }
  .header-select, .header-search, .header-search input { width:100% !important; }
  .header-select, .header-search input, .header-search button { min-height:44px; }

  /* Jogos */
  .game-page { padding-top:12px !important; }
  .game-hero-cover-enhanced { min-height:300px !important; }
  .game-hero-overlay { padding:14px !important; }
  .game-hero-title { font-size:clamp(24px,8vw,31px) !important; }
  .game-hero-description { font-size:13px !important; -webkit-line-clamp:3 !important; }
  .game-hero-stats { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:6px !important; }
  .game-hero-stat { min-width:0 !important; padding:8px 6px !important; }
  .game-hero-stat strong { font-size:9px !important; }
  .game-hero-stat em { font-size:12px !important; overflow-wrap:anywhere; }
  .game-side-panel, .game-player-panel, .game-page #gamePage > .panel { padding:12px !important; }
  .game-side-facts { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .game-side-actions a, .game-side-actions button { width:100%; min-height:44px; }
  .panel-head-inline { align-items:flex-start !important; }
  .game-extra-grid, .jnw-editorial-grid { grid-template-columns:1fr !important; }

  .game-preview:not(.dos-player-preview) { border-radius:10px !important; }
  .game-preview:not(.dos-player-preview).started,
  .game-preview:not(.dos-player-preview).preview-dismissed,
  .game-preview:not(.dos-player-preview).is-launching {
    aspect-ratio:4 / 3 !important;
    height:auto !important;
    min-height:0 !important;
    max-height:68svh !important;
  }
  .game-preview:not(.dos-player-preview) #game-player-container,
  .game-preview:not(.dos-player-preview) iframe,
  .game-preview:not(.dos-player-preview) .iframe-player-frame { max-height:68svh !important; }

  /* Cards e grades gerais */
  .game-grid, .game-grid.small-cards, .related-grid, .category-games { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:8px !important; }
  .game-card, .featured-main, .featured-side-card { min-width:0; }
  .game-caption strong { overflow-wrap:anywhere; }

  /* Comunidade e rodapé */
  .jnw-community-head, .jnw-forum-toolbar { flex-direction:column !important; align-items:stretch !important; }
  .jnw-community-metrics { width:100%; justify-content:flex-start !important; flex-wrap:wrap; }
  .jnw-new-topic, .jnw-forum-general-link { min-height:44px; }
  .jnw-community-hub-grid { grid-template-columns:1fr !important; }
  .footer-main { grid-template-columns:1fr !important; }
  .footer-links { flex-wrap:wrap; gap:12px 18px !important; }
}

@media (max-width: 480px) {
  .container { width:calc(100% - 16px) !important; }
  .game-grid, .game-grid.small-cards, .related-grid, .category-games { gap:7px !important; }
  .game-caption { padding:6px !important; }
  .game-caption strong { font-size:11px !important; }
  .game-hero-category-row { gap:5px !important; }
  .game-hero-category, .game-hero-mini-stat { font-size:10px !important; padding:4px 8px !important; }
  .game-side-title { font-size:20px !important; }
  .block, .panel, .game-extra-section { border-radius:12px !important; }
}

/* ==========================================================
   FASE 7.31 — MOBILE DESIGN V2 / DENSIDADE DE PORTAL
   Corrige cards gigantes sem alterar desktop.
   ========================================================== */
@media (max-width: 720px) {
  /* HOME — Últimas Notícias no mesmo espírito do Blog: 2 cards visíveis */
  .jnw-news-premium{
    padding:12px 12px 9px!important;
    border-radius:16px!important;
  }
  .jnw-news-premium .jnw-section-heading{
    margin-bottom:8px!important;
  }
  .jnw-news-premium .jnw-section-heading h2{
    font-size:25px!important;
    line-height:1.05!important;
  }
  .jnw-news-premium .jnw-section-heading p{
    font-size:12px!important;
    line-height:1.3!important;
  }
  .jnw-news-heading-actions{
    gap:6px!important;
  }
  .jnw-news-heading-actions button{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }
  .jnw-news-track{
    gap:8px!important;
  }
  .jnw-news-card-premium{
    flex:0 0 calc((100% - 8px)/2)!important;
    width:calc((100% - 8px)/2)!important;
    height:218px!important;
    min-height:218px!important;
    border-radius:12px!important;
  }
  .jnw-news-image-wrap{
    height:112px!important;
    flex-basis:112px!important;
  }
  .jnw-news-card-content{
    padding:7px 8px 6px!important;
  }
  .jnw-news-card-content strong{
    font-size:11px!important;
    line-height:1.16!important;
    -webkit-line-clamp:3!important;
  }
  .jnw-news-meta{
    font-size:7px!important;
  }
  .jnw-news-read{
    font-size:8px!important;
    margin-top:5px!important;
  }
  .jnw-news-footer{
    margin-top:6px!important;
  }
  .jnw-news-topline{display:none!important;}

  /* BLOG HOME — mantém 2 colunas e deixa mais quadradinho */
  .jnw-magazine-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }
  .jnw-blog-game-article .jnw-mag-mini-media,
  .jnw-mag-mini-media{
    aspect-ratio:1.35/1!important;
    height:auto!important;
  }
  .jnw-mag-mini-body{
    padding:8px 9px 9px!important;
  }
  .jnw-mag-mini-body h3{
    font-size:11px!important;
    line-height:1.22!important;
    min-height:0!important;
    -webkit-line-clamp:3!important;
  }

  /* COMUNIDADE GLOBAL — 4 cartões viram 2x2 compactos */
  .jnw718-forum{
    padding:15px 12px 12px!important;
    border-radius:16px!important;
  }
  .jnw718-forum-head{
    gap:10px!important;
    margin-bottom:12px!important;
  }
  .jnw718-forum-head h2{
    font-size:22px!important;
    line-height:1.06!important;
  }
  .jnw718-forum-head p{
    font-size:10.5px!important;
    line-height:1.35!important;
  }
  .jnw718-forum-head>a{
    width:100%!important;
    min-height:42px!important;
  }
  .jnw718-forum-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .jnw718-forum-card{
    min-height:158px!important;
    padding:10px!important;
    gap:7px!important;
    border-radius:12px!important;
  }
  .jnw718-forum-icon{
    width:35px!important;
    height:35px!important;
    border-radius:10px!important;
    font-size:16px!important;
  }
  .jnw718-forum-copy>span{
    font-size:6.5px!important;
  }
  .jnw718-forum-copy strong{
    font-size:12px!important;
    line-height:1.12!important;
  }
  .jnw718-forum-copy p{
    min-height:0!important;
    margin:5px 0 6px!important;
    font-size:8.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    overflow:hidden!important;
  }
  .jnw718-forum-copy small{
    font-size:7.5px!important;
  }
  .jnw718-recent{
    padding:8px 9px!important;
    font-size:8px!important;
  }

  /* Grades de jogos — padrão compacto 2 por linha */
  .game-grid,
  .game-grid.small-cards,
  .related-grid,
  .category-games{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .game-card{
    border-radius:11px!important;
  }
  .game-card img,
  .game-card .game-cover{
    aspect-ratio:1.35/1!important;
    height:auto!important;
    object-fit:cover!important;
  }
  .game-caption{
    min-height:42px!important;
    padding:7px 8px!important;
  }
  .game-caption strong{
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .game-caption span,
  .game-caption small{
    font-size:9px!important;
  }

  /* Seções e painéis — menos ar para evitar página excessivamente longa */
  .block,.panel,.game-extra-section,.jnw-magazine-section,.jnw-community-hub{
    border-radius:15px!important;
  }
  .jnw-magazine-section,.jnw-community-hub,.jnw-originals-section{
    padding:15px 12px!important;
  }
  .jnw-section-heading{
    margin-bottom:10px!important;
  }
}

@media (max-width: 390px) {
  .jnw-news-card-premium{
    height:208px!important;
    min-height:208px!important;
  }
  .jnw-news-image-wrap{
    height:103px!important;
    flex-basis:103px!important;
  }
  .jnw718-forum-card{
    min-height:150px!important;
    padding:9px!important;
  }
  .jnw718-forum-copy strong{font-size:11.5px!important;}
}

/* ==========================================================
   FASE 7.32 — EMULATORJS MOBILE/TABLET COM ALTURA NATURAL
   Corrige apenas emuladores EmulatorJS. DOSBox/JS-DOS/Ruffle
   e players HTML5 permanecem com as regras anteriores.
   ========================================================== */
@media (max-width: 1024px) {
  .game-preview.emulatorjs-preview.started,
  .game-preview.emulatorjs-preview.preview-dismissed,
  .game-preview.emulatorjs-preview.is-launching {
    aspect-ratio: auto !important;
    width: 100% !important;
    height: clamp(540px, 76svh, 760px) !important;
    min-height: 540px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .game-preview.emulatorjs-preview #game-player-container[data-player-engine="emulatorjs"],
  .game-preview.emulatorjs-preview .emulator-player-shell:not(.dos-player-shell) {
    width: 100% !important;
    height: 100% !important;
    min-height: 540px !important;
    max-height: none !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .game-preview.emulatorjs-preview .ejs_parent,
  .game-preview.emulatorjs-preview .ejs_game,
  .game-preview.emulatorjs-preview .ejs_canvas_parent,
  .game-preview.emulatorjs-preview .ejs_canvas {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
}

@media (max-width: 720px) {
  .game-preview.emulatorjs-preview.started,
  .game-preview.emulatorjs-preview.preview-dismissed,
  .game-preview.emulatorjs-preview.is-launching {
    height: clamp(560px, 78svh, 700px) !important;
    min-height: 560px !important;
    max-height: none !important;
    border-radius: 12px !important;
  }

  .game-preview.emulatorjs-preview #game-player-container[data-player-engine="emulatorjs"],
  .game-preview.emulatorjs-preview .emulator-player-shell:not(.dos-player-shell) {
    min-height: 560px !important;
  }
}

@media (max-width: 480px) {
  .game-preview.emulatorjs-preview.started,
  .game-preview.emulatorjs-preview.preview-dismissed,
  .game-preview.emulatorjs-preview.is-launching {
    height: min(78svh, 660px) !important;
    min-height: 520px !important;
  }

  .game-preview.emulatorjs-preview #game-player-container[data-player-engine="emulatorjs"],
  .game-preview.emulatorjs-preview .emulator-player-shell:not(.dos-player-shell) {
    min-height: 520px !important;
  }
}

/* ==========================================================
   MOBILE PLAYER VERTICAL AUTO — 2026-09-19
   Ao abrir a pagina do jogo no celular, o player ja ocupa
   uma area vertical ampla, sem acionar fullscreen.
   Desktop permanece inalterado.
   ========================================================== */
@media (max-width: 760px) and (orientation: portrait) {
  .game-player-panel .play-area,
  .game-preview:not(.dos-player-preview),
  .game-preview:not(.dos-player-preview).started,
  .game-preview:not(.dos-player-preview).preview-dismissed,
  .game-preview:not(.dos-player-preview).is-launching {
    width: 100% !important;
    height: 78svh !important;
    min-height: 600px !important;
    max-height: 820px !important;
    aspect-ratio: auto !important;
  }

  .game-preview:not(.dos-player-preview) #game-player-container,
  .game-preview:not(.dos-player-preview) .iframe-player-shell,
  .game-preview:not(.dos-player-preview) .iframe-player-stage,
  .game-preview:not(.dos-player-preview) .emulator-player-shell,
  .game-preview:not(.dos-player-preview) iframe,
  .game-preview:not(.dos-player-preview) .iframe-player-frame,
  .game-preview:not(.dos-player-preview) canvas,
  .game-preview:not(.dos-player-preview) video {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
}

@media (max-width: 430px) and (orientation: portrait) {
  .game-player-panel .play-area,
  .game-preview:not(.dos-player-preview),
  .game-preview:not(.dos-player-preview).started,
  .game-preview:not(.dos-player-preview).preview-dismissed,
  .game-preview:not(.dos-player-preview).is-launching {
    height: 80svh !important;
    min-height: 560px !important;
  }
}


/* ==========================================================
   JS-DOS — MESMO TAMANHO DO PLAYER HTML5 — 2026-09-19
   Desktop: usa o 16:9 padrao de .play-area.
   Mobile portrait: herda o player vertical amplo ja existente.
   DOS legado (Emularity) permanece inalterado.
   ========================================================== */
.game-preview.jsdos-player-preview {
  aspect-ratio: 16 / 9;
  min-height: 0;
  height: auto;
}

.game-preview.jsdos-player-preview #game-player-container,
.game-preview.jsdos-player-preview .jsdos-player-shell,
.game-preview.jsdos-player-preview .jsdos-player-stage,
.game-preview.jsdos-player-preview canvas.jsdos-player-canvas {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
}

@media (max-width: 760px) and (orientation: portrait) {
  .game-preview.jsdos-player-preview,
  .game-preview.jsdos-player-preview.started,
  .game-preview.jsdos-player-preview.preview-dismissed,
  .game-preview.jsdos-player-preview.is-launching {
    width: 100% !important;
    height: 78svh !important;
    min-height: 600px !important;
    max-height: 820px !important;
    aspect-ratio: auto !important;
  }
}

@media (max-width: 430px) and (orientation: portrait) {
  .game-preview.jsdos-player-preview,
  .game-preview.jsdos-player-preview.started,
  .game-preview.jsdos-player-preview.preview-dismissed,
  .game-preview.jsdos-player-preview.is-launching {
    height: 80svh !important;
    min-height: 560px !important;
  }
}

/* v2.0.3 — Game Card Alive: capa dinâmica nas páginas de jogo (desktop/hover) */
.game-hero-cover-enhanced{
  overflow:hidden;
  isolation:isolate;
  transform-style:preserve-3d;
  transform:perspective(1100px) rotateX(var(--jnw-tilt-x,0deg)) rotateY(var(--jnw-tilt-y,0deg)) translateY(var(--jnw-lift,0px));
  transition:transform .42s cubic-bezier(.2,.75,.2,1), box-shadow .42s ease;
  will-change:transform;
}
.game-hero-cover-enhanced > img{
  transform:scale(var(--jnw-cover-scale,1));
  transition:transform .5s cubic-bezier(.2,.75,.2,1), filter .45s ease;
  will-change:transform;
}
.game-hero-cover-enhanced::before{
  content:'';
  position:absolute;
  inset:-35%;
  z-index:3;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(circle at var(--jnw-shine-x,50%) var(--jnw-shine-y,50%), rgba(255,255,255,.24) 0, rgba(255,255,255,.09) 16%, rgba(255,255,255,0) 43%);
  mix-blend-mode:screen;
  transition:opacity .3s ease;
}
@media (hover:hover) and (pointer:fine){
  .game-hero-cover-enhanced:hover{
    --jnw-cover-scale:1.045;
    --jnw-lift:-5px;
    box-shadow:0 18px 42px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.12) inset;
  }
  .game-hero-cover-enhanced:hover > img{filter:saturate(1.08) contrast(1.03) brightness(1.03)}
  .game-hero-cover-enhanced:hover::before{opacity:1}
}
@media (prefers-reduced-motion:reduce){
  .game-hero-cover-enhanced,.game-hero-cover-enhanced > img{transition:none!important;transform:none!important}
  .game-hero-cover-enhanced::before{display:none!important}
}

/* ==========================================================
   JOGOSNAWEB — AUDITORIA MOBILE GLOBAL — 2026-09-19
   Camada defensiva para paginas institucionais, catalogo,
   blog/noticias, pesquisa, forum e componentes compartilhados.
   Desktop permanece inalterado.
   ========================================================== */
@media (max-width: 760px) {
  html, body { max-width: 100%; overflow-x: hidden; }
  *, *::before, *::after { box-sizing: border-box; }
  img, video, svg { max-width: 100%; height: auto; }
  iframe { max-width: 100%; }
  .container { width: 100% !important; max-width: 100% !important; padding-left: 14px !important; padding-right: 14px !important; }

  .site-header .header-inner { gap: 10px !important; align-items: stretch !important; }
  .site-header .logo-wrap { max-width: 210px; margin-inline: auto; }
  .header-tools { width: 100% !important; min-width: 0 !important; gap: 8px !important; }
  .header-select, .header-search { min-width: 0 !important; width: 100% !important; }
  .header-search input { min-width: 0 !important; width: 100% !important; }

  .blog-layout, .category-layout, .contact-grid { grid-template-columns: minmax(0,1fr) !important; gap: 16px !important; }
  .blog-main-column, .category-main, .category-sidebar, .blog-sidebar { min-width: 0 !important; width: 100% !important; }

  .category-hero-box { padding: 18px 15px !important; gap: 14px !important; }
  .category-hero-title { font-size: clamp(25px, 8vw, 34px) !important; overflow-wrap: anywhere; }
  .category-hero-subtitle { font-size: 14px !important; line-height: 1.55 !important; }
  .category-hero-links { width: 100%; display: flex; flex-wrap: wrap; gap: 7px !important; }
  .category-filter-chip { flex: 1 1 auto; min-width: 0 !important; text-align: center; }
  .category-pagination { max-width: 100%; flex-wrap: wrap; }

  .blog-post-title-box, .about-content-box, .policy-content-box, .contact-box,
  .about-retention-box, .policy-retention-box { padding: 17px 15px !important; border-radius: 14px !important; }
  .blog-post-title-box h1, .about-content-box h1, .policy-content-box h1 { font-size: clamp(26px, 8vw, 34px) !important; }
  .about-content-box h2, .policy-content-box h2 { font-size: clamp(22px, 7vw, 27px) !important; }
  .about-content-box h3, .policy-content-box h3 { font-size: 19px !important; }
  .about-content-box p, .policy-content-box p, .about-bullets li, .policy-list li,
  .contact-intro { font-size: 15px !important; line-height: 1.7 !important; overflow-wrap: anywhere; }
  .about-feature-grid, .about-retention-grid { grid-template-columns: 1fr !important; gap: 12px !important; }
  .about-mini-games { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }
  .about-actions, .policy-actions { display: grid !important; grid-template-columns: 1fr !important; }
  .about-btn, .policy-btn { width: 100%; min-height: 46px; }

  .contact-benefits { grid-template-columns: 1fr !important; }
  .contact-form-card { padding: 15px !important; border-radius: 15px !important; }
  .contact-form-top { gap: 10px !important; }
  .contact-form-top h2 { font-size: 22px !important; }
  .contact-badge { white-space: normal !important; text-align: center; }
  .contact-form-grid, .contact-inline-row { grid-template-columns: 1fr !important; }
  .contact-input, .contact-select, .contact-textarea { font-size: 16px !important; }

  .policy-games-grid, .contact-games-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 10px !important; }

  .article-home-header-inner { padding-left: 14px !important; padding-right: 14px !important; }
  .article-news-nav { display: flex; width: 100%; gap: 6px !important; overflow-x: auto; padding-bottom: 4px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
  .article-news-nav a { flex: 0 0 auto; white-space: nowrap; min-height: 40px; display: inline-flex; align-items: center; }

  .footer-top-band-inner, .footer-links-inner, .footer-main-inner, .footer-bottom-inner { min-width: 0 !important; }
  .footer-links-inner { display: flex !important; flex-wrap: wrap !important; justify-content: center; gap: 8px 14px !important; }
  .footer-columns { grid-template-columns: 1fr !important; gap: 18px !important; }
  .footer-main-inner, .footer-bottom-inner { flex-direction: column !important; align-items: center !important; text-align: center; }
  .footer-col p { overflow-wrap: anywhere; }

  table { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  pre, code { max-width: 100%; overflow-wrap: anywhere; white-space: pre-wrap; }
}

@media (max-width: 420px) {
  .container { padding-left: 11px !important; padding-right: 11px !important; }
  .about-mini-games, .policy-games-grid, .contact-games-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .footer-links-inner a { font-size: 12px; }
}