:root { color-scheme: dark; --bg:#090b12; --bg2:#0f1320; --panel:rgba(17,24,39,.84); --panel2:rgba(25,32,49,.92); --border:rgba(255,255,255,.12); --border2:rgba(255,255,255,.20); --text:#f8fafc; --muted:#a8b3c7; --cyan:#22d3ee; --purple:#a855f7; --green:#34d399; --yellow:#fbbf24; --red:#fb7185; --shadow:0 24px 80px rgba(0,0,0,.45); --max:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--bg); }
body { margin:0; min-height:100vh; font-family:Inter, 'Segoe UI', Tahoma, sans-serif; color:var(--text); background:radial-gradient(circle at top left, rgba(168,85,247,.25), transparent 34%), radial-gradient(circle at top right, rgba(34,211,238,.18), transparent 30%), linear-gradient(135deg, #090b12 0%, #0e1220 54%, #090b12 100%); }
a { color:inherit; }
p { color:var(--muted); line-height:1.72; font-size:1.03rem; }
.public-header { position:sticky; top:0; z-index:50; display:flex; align-items:center; justify-content:space-between; gap:18px; max-width:calc(var(--max) + 40px); margin:0 auto; padding:16px 20px; backdrop-filter:blur(18px); background:rgba(9,11,18,.76); border-bottom:1px solid rgba(255,255,255,.08); }
.public-brand { display:inline-flex; align-items:center; gap:10px; text-decoration:none; font-size:1.12rem; }
.public-brand span { width:42px; height:42px; border-radius:15px; display:grid; place-items:center; background:linear-gradient(135deg,var(--purple),var(--cyan)); box-shadow:0 12px 30px rgba(168,85,247,.25); }
.public-nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.public-nav a { text-decoration:none; color:var(--muted); font-weight:800; font-size:.94rem; padding:10px 12px; border-radius:999px; border:1px solid transparent; }
.public-nav a:hover,.public-nav a.active { color:var(--text); border-color:var(--border); background:rgba(255,255,255,.07); }
.public-menu-toggle { display:none; border:1px solid var(--border); border-radius:12px; padding:10px 12px; background:rgba(255,255,255,.07); color:var(--text); font-weight:900; }
main { width:min(var(--max), calc(100% - 36px)); margin:0 auto; }
.hero-section,.page-hero { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr); gap:28px; align-items:center; padding:70px 0 42px; }
.page-hero { display:block; max-width:860px; }
.game-hero { max-width:920px; }
.hero-copy h1,.page-hero h1 { font-size:clamp(2.35rem, 6vw, 5.25rem); line-height:.96; letter-spacing:-.065em; margin:10px 0 20px; }
.page-hero h1 { font-size:clamp(2.2rem, 5vw, 4.7rem); }
.hero-copy p,.page-hero p { font-size:1.12rem; }
.eyebrow { color:#67e8f9; text-transform:uppercase; letter-spacing:.12em; font-weight:950; font-size:.78rem; margin:0 0 10px; }
.hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.public-note { margin:14px 0 0; color:var(--muted); font-size:.95rem; line-height:1.55; }
.btn { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:13px 18px; border-radius:16px; text-decoration:none; font-weight:950; border:1px solid var(--border); }
.btn.primary { background:linear-gradient(135deg,var(--purple),#7c3aed); color:#fff; box-shadow:0 18px 42px rgba(124,58,237,.24); }
.btn.secondary { background:rgba(255,255,255,.07); color:var(--text); }
.hero-panel,.content-section,.cta-section { border:1px solid var(--border); border-radius:28px; background:linear-gradient(180deg,rgba(17,24,39,.86),rgba(12,16,27,.86)); box-shadow:var(--shadow); padding:26px; }
.hero-panel strong { display:block; font-size:1.25rem; margin-bottom:16px; }
.hero-panel ol { margin:0; padding-left:20px; color:var(--muted); line-height:1.8; font-weight:700; }
.content-section { margin:22px 0; }
.content-section h2,.cta-section h2 { font-size:clamp(1.65rem,3vw,2.45rem); letter-spacing:-.04em; margin:0 0 14px; }
.article-body { max-width:900px; margin-left:auto; margin-right:auto; }
.article-body h2 { margin-top:30px; }
.article-body h2:first-child { margin-top:0; }
ul { color:var(--muted); line-height:1.75; }
.games-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:22px; }
.game-card { border:1px solid var(--border); border-radius:22px; padding:18px; background:rgba(255,255,255,.045); min-height:260px; display:flex; flex-direction:column; }
.game-card h3 { margin:4px 0 8px; font-size:1.32rem; }
.game-card p { font-size:.96rem; }
.game-emoji { width:50px; height:50px; display:grid; place-items:center; border-radius:17px; background:rgba(255,255,255,.08); font-size:1.5rem; margin-bottom:12px; }
.text-link { margin-top:auto; color:#67e8f9; font-weight:900; text-decoration:none; }
.text-link:hover { text-decoration:underline; }
.split-section { display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:start; }
.feature-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.feature-list span { border:1px solid var(--border); border-radius:16px; padding:14px; background:rgba(255,255,255,.05); font-weight:900; color:var(--text); }
.faq-section details { border:1px solid var(--border); border-radius:18px; padding:16px; margin:10px 0; background:rgba(255,255,255,.045); }
.faq-section summary { cursor:pointer; font-weight:950; }
.info-box { border-left:4px solid var(--cyan); background:rgba(34,211,238,.08); padding:16px 18px; border-radius:18px; margin:22px 0; }
.info-box strong { display:block; margin-bottom:6px; }
.related-games div { display:flex; flex-wrap:wrap; gap:10px; }
.related-games a { text-decoration:none; color:var(--text); font-weight:850; border:1px solid var(--border); padding:10px 12px; border-radius:999px; background:rgba(255,255,255,.05); }
.cta-section { text-align:center; margin:28px 0 52px; }
.legal-text h2 { font-size:1.35rem; }
.public-footer { display:grid; grid-template-columns:1.1fr 1.4fr 1fr; gap:22px; max-width:calc(var(--max) + 40px); margin:40px auto 0; padding:32px 20px; border-top:1px solid rgba(255,255,255,.10); background:rgba(6,9,16,.45); }
.public-footer strong { display:block; margin-bottom:10px; }
.public-footer ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.public-footer a { color:var(--muted); text-decoration:none; }
.public-footer a:hover { color:var(--text); }
@media (max-width:900px) { .hero-section { grid-template-columns:1fr; padding-top:42px; } .games-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .split-section { grid-template-columns:1fr; } .public-footer { grid-template-columns:1fr; } }
@media (max-width:680px) { main { width:min(100% - 24px, var(--max)); } .public-header { padding:12px; align-items:flex-start; } .public-menu-toggle { display:inline-flex; } .public-nav { display:none; position:absolute; left:12px; right:12px; top:68px; padding:12px; border:1px solid var(--border); border-radius:18px; background:rgba(9,11,18,.96); box-shadow:var(--shadow); } .public-nav.is-open { display:grid; grid-template-columns:1fr; } .public-nav a { border-radius:12px; } .hero-copy h1,.page-hero h1 { font-size:2.45rem; } .games-grid,.feature-list { grid-template-columns:1fr; } .hero-panel,.content-section,.cta-section { border-radius:22px; padding:20px; } .public-footer ul { grid-template-columns:1fr; } }


/* V6.3.4 — Espaçamento específico da página /jogos */
.games-page-hero .hero-actions {
  margin-bottom: 28px;
}

.games-page-hero .hero-panel {
  margin-top: 8px;
}

@media (max-width: 680px) {
  .games-page-hero .hero-actions {
    margin-bottom: 24px;
  }
}