/* Topbar V4: componente compartilhado pelos portais Pensamento Lúdico. */
.games-topbar {
  --gt-night: #203449;
  --gt-card: #304b61;
  --gt-gold: #ebc56e;
  --gt-text: #fff9ed;
  position: static !important;
  inset: auto !important;
  width: 100%;
  background: var(--gt-night);
  color: var(--gt-text);
  border-bottom: 2px solid var(--gt-gold);
  font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
.games-topbar, .games-topbar * { box-sizing: border-box; }
.games-topbar .topbar-inner { display: block !important; width: min(100%, 1240px); margin-inline: auto; padding: 12px 18px 18px; }
.games-topbar .topbar-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
.games-topbar .topbar-home, .games-topbar .digital-link { color: var(--gt-text); font: 700 11px/1.35 "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-decoration: none; text-transform: uppercase; letter-spacing: .03em; }
.games-topbar .topbar-home { padding: 6px 10px; border: 1px solid #758ba0; border-radius: 7px; }
.games-topbar .digital-link { text-align: right; }
.games-topbar .topbar-group + .topbar-group { margin-top: 14px; }
.games-topbar .topbar-heading { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 0 7px; text-align: center; text-transform: uppercase; }
.games-topbar .topbar-heading::before, .games-topbar .topbar-heading::after { content: ""; width: clamp(22px, 5vw, 70px); height: 1px; background: var(--gt-gold); }
.games-topbar .topbar-heading h2 { margin: 0; color: var(--gt-text); font: 700 clamp(12px, 1.4vw, 16px)/1.25 "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; letter-spacing: .08em; }
.games-topbar .topbar-subtitle { margin: -3px 0 8px; color: #ced9e3; text-align: center; font-size: 11px; }
.games-topbar .topbar-grid { display: grid; gap: 10px; margin: 0; padding: 0; }
.games-topbar .topbar-grid--games { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.games-topbar .topbar-grid--portals { grid-template-columns: repeat(2, minmax(0, 1fr)); width: min(100%, 830px); margin-inline: auto; }
.games-topbar .topbar-card { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; min-width: 0; min-height: 92px; padding: 8px 34px 8px 14px; border: 1px solid #648097; border-radius: 13px; background: var(--gt-card); box-shadow: 0 4px 12px #0e213363; color: var(--gt-text); text-align: center; text-decoration: none; transition: transform .16s ease, background-color .16s ease, box-shadow .16s ease; }
.games-topbar .topbar-card:hover { transform: translateY(-2px); background: #3b5b73; box-shadow: 0 7px 16px #0e21338c; }
.games-topbar .topbar-card:focus-visible, .games-topbar .topbar-home:focus-visible, .games-topbar .digital-link:focus-visible { outline: 3px solid #ffe29a; outline-offset: 3px; }
.games-topbar .topbar-card[aria-current="page"] { border: 2px solid var(--gt-gold); }
.games-topbar .topbar-card-icon { width: 30px; height: 30px; flex: none; stroke-width: 1.8; }
.games-topbar .topbar-card strong { font: 700 clamp(12px, 1.3vw, 16px)/1.3 "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; overflow-wrap: anywhere; }
.games-topbar .topbar-arrow { position: absolute; right: 11px; top: 50%; display: grid; place-items: center; width: 23px; height: 23px; transform: translateY(-50%); border: 1px solid currentColor; border-radius: 50%; opacity: .8; }
.games-topbar .topbar-arrow svg { width: 15px; height: 15px; }
.games-topbar .topbar-card--gold { color: var(--gt-night); background: var(--gt-gold); border-color: #f7d98e; }
.games-topbar .topbar-card--gold:hover { background: #f5d582; }
.games-topbar .topbar-card--gold[aria-current="page"] { border-color: #17314b; }
/* Links V3 continuam navegáveis enquanto o script carrega ou se estiver bloqueado. */
.games-topbar .games-menu { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 7px; min-width: 0; }
.games-topbar .games-menu a { display: grid; place-items: center; min-width: 0; min-height: 52px; padding: 8px; border: 1px solid #648097; border-radius: 8px; background: var(--gt-card); color: var(--gt-text); font: 700 11px/1.3 "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; text-align: center; text-decoration: none; }
.games-topbar .games-menu a:hover { background: #3b5b73; }
.games-topbar .games-menu a:focus-visible { outline: 3px solid #ffe29a; outline-offset: 3px; }
.games-topbar .games-menu a[aria-current="page"] { border-color: var(--gt-gold); }
html:fullscreen .bingo-topbar, html:-webkit-full-screen .bingo-topbar { display: none !important; }
@media (max-width: 760px) { .games-topbar .topbar-grid--games { grid-template-columns: repeat(2, minmax(0, 1fr)); } .games-topbar .topbar-grid--games .topbar-card:last-child { grid-column: 1 / -1; } }
@media (max-width: 560px) { .games-topbar .topbar-inner { padding: 10px 12px 15px; } .games-topbar .topbar-grid--games, .games-topbar .topbar-grid--portals, .games-topbar .games-menu { grid-template-columns: minmax(0, 1fr); gap: 7px; } .games-topbar .topbar-grid--games .topbar-card:last-child { grid-column: auto; } .games-topbar .topbar-card { min-height: 70px; } .games-topbar .topbar-card-icon { width: 23px; height: 23px; } .games-topbar .topbar-meta { gap: 8px; } .games-topbar .topbar-home, .games-topbar .digital-link { font-size: 9px; } }
@media (prefers-reduced-motion: reduce) { .games-topbar .topbar-card { transition: none; } .games-topbar .topbar-card:hover { transform: none; } }