/* Uma única arte nas duas páginas; posição calculada pelas bordas visíveis. */
.homeHero, .ingameHero { position: relative; }
.gtGamesBadge { display: block; width: 140px; height: auto; max-width: none;
 object-fit: contain; justify-self: center; align-self: center; }
@media (min-width: 1101px) {
 .gtGamesBadge { position: absolute; visibility: hidden; z-index: 1; }
}
@media (max-width: 1100px) {
 .gtGamesBadge { width: 120px; margin: 8px auto; }
}

@media (max-width: 1100px) {
 .homeUnified .homeHero { grid-template-columns: minmax(0,1fr); }
 .homeHero > .gtGamesBadge { grid-column:1; grid-row:2; }
 .homeUnified .homeCard { grid-column:1; grid-row:3; justify-self:center; }
}
@media (min-width:851px) and (max-width:1100px) {
 .ingameHero > .gtGamesBadge { grid-column:1; grid-row:2; }
 .ingameHero > .ingameMonitor { grid-column:1; grid-row:3; }
 .ingameHero > .ingameRule { grid-column:2; grid-row:1 / 4; }
}

/* Ajuste solicitado: 15% maior, mantendo o centro como referência. */
.gtGamesBadge { transform: scale(1.15); transform-origin: center center; }
.ingameHero > .gtGamesBadge { transform: translateX(16px) scale(1.15); }

/* Ajustes exclusivos para celular. */
@media (max-width: 600px) {
 .homeUnified .homeHero { gap: 22px; padding-block: 24px; align-content: start; }
 .homeHeadline, .ingameHero h1 { width: calc(100% - clamp(68px, 20vw, 88px) - 10px); }
 .homeHeadline { font-size: clamp(23px, 6.5vw, 36px); }
 .homeHeadline span { white-space: normal; }
 .ingameHero h1 { font-size: clamp(25px, 6.8vw, 38px); }
 .homeHero > .gtGamesBadge, .ingameHero > .gtGamesBadge { transform: translateX(-20px); }
 .homeUnified .homeCard { grid-row: 2; transform: none; width: 100%; max-width: 430px; }
 .homeUnified .homeCardBody { gap: 16px; padding: 16px 14px 0; }
 .homeCardCopy { display: grid; grid-template-columns: 42px minmax(0, 1fr); column-gap: 14px; align-items: center; }
 .homeCardCopy .terminalIcon { width: 42px; height: 42px; font-size: 25px; margin: 0; }
 .homeCardCopy h2 { font-size: clamp(32px, 9vw, 42px); transform: none; margin: 0; }
 .homeCardCopy ul { grid-column: 1 / -1; font-size: 12px; gap: 5px; margin-top: 14px; }
 .homeUnified .homeSearch { margin: 0; }
 .homeSearch label { font-size: 14px; margin-bottom: 10px; }
 .homeSearchButton { margin-top: 10px; }
 .homeUnified .homeAccess { margin: 14px; font-size: 12px; }
 .ingameHero { padding-block: 24px; gap: 16px; }
 .ingameHero > .ingameMonitor { transform: none; width: 72%; max-width: 280px; }
 .ingameHero > .ingameRule { padding: 16px; }
 .ingameCatalog { padding-top: 22px; }
 .ingameSearch { width: 100%; max-width: 310px; margin: 0 auto 18px; padding: 16px; }
 .ingameSearch label { margin-bottom: 12px; }
 .ingameSearch > div { row-gap: 12px; }
 .ingameSearch button { height: 48px; }
}

/* Compatibilidade com o bloco mobile criado pelo JavaScript publicado. */
@media (max-width: 600px) {
 .gtMobileTitleRow { display: flex; align-items: center; gap: 10px; width: 100%; }
 .gtMobileTitleRow > .homeHeadline,
 .ingameHero .gtMobileTitleRow > h1 { flex: 1 1 0; min-width: 0; width: auto; }
 .gtMobileTitleRow > .gtGamesBadge {
  position: static; visibility: visible;
  flex: 0 0 clamp(68px, 20vw, 88px);
  width: clamp(68px, 20vw, 88px); height: auto;
  margin: 0; transform: translateX(-20px);
 }
}

/* Ajustes exclusivos do mobile: selos mais próximos e monitor oculto. */
@media (max-width: 600px) {
  .gtMobileTitleRow > .gtGamesBadge {
    transform: none;
  }
  .ingameHero > .ingameMonitor {
    display: none;
  }
}

/* 2026-10-10: distribuir card e selo no espaço disponível do desktop. */
@media (min-width: 1101px) {
 .homeUnified .homeHero { grid-template-columns: minmax(0, 600px) minmax(0, 1fr); }
 .homeUnified .homeCard { justify-self: end; }
}
/* O selo ocupa sua própria coluna, sem deslocamento sobre o título. */
@media (max-width: 600px) {
 .gtMobileTitleRow { gap: 16px; }
 .gtMobileTitleRow > .homeHeadline,
 .ingameHero .gtMobileTitleRow > h1 { overflow-wrap: normal; }
 .gtMobileTitleRow > .gtGamesBadge { transform: none; }
}

/* Ajuste exclusivo em inglês: margem externa preservada no desktop. */
@media (min-width: 1101px) {
 html[lang="en-US"] .homeUnified .homeCard { transform-origin: right center; }
}
@media (max-width: 600px) {
 html[lang="en-US"] .gtMobileTitleRow { justify-content: flex-start; gap: 16px; }
}