/* Camada temática das páginas de Truco, Canastra e Dominó.
   É um arquivo separado para as landing pages continuarem leves e fáceis de
   atualizar, sem duplicar a base de cada página. */
:root { --landing-game:#d4a843; --landing-deep:#0d1118; }
body[data-landing-game="truco"] { --landing-game:#ecc984; --landing-deep:#281b16; }
body[data-landing-game="canastra"] { --landing-game:#ecc0cd; --landing-deep:#291622; }
body[data-landing-game="domino"] { --landing-game:#b4d7ef; --landing-deep:#102534; }
body[data-landing-game]::before { background:
  radial-gradient(ellipse 70% 45% at 50% -5%, color-mix(in srgb,var(--landing-game) 18%,transparent), transparent 65%),
  radial-gradient(ellipse 40% 30% at 95% 25%, color-mix(in srgb,var(--landing-game) 9%,transparent), transparent); }
body[data-landing-game] .nav { border-bottom-color:color-mix(in srgb,var(--landing-game) 26%,transparent); }
body[data-landing-game] .nav-logo, body[data-landing-game] .section-title strong,
body[data-landing-game] .hero h1 strong { color:var(--landing-game); }
body[data-landing-game] .hero h1 strong { background:linear-gradient(135deg,#fff,var(--landing-game)); -webkit-background-clip:text; background-clip:text; }
body[data-landing-game] .hero { position:relative; }
body[data-landing-game] .hero::before { content:''; position:absolute; z-index:-1; left:4%; right:4%; top:100px; height:430px; border-radius:50%; background:color-mix(in srgb,var(--landing-game) 7%,transparent); filter:blur(60px); pointer-events:none; }
.game-kicker { display:flex; align-items:center; justify-content:center; gap:9px; margin:0 auto 20px; color:var(--landing-game); font:700 11px/1.2 var(--fd); letter-spacing:.18em; text-transform:uppercase; }
.game-kicker::before,.game-kicker::after { content:''; width:38px; height:1px; background:linear-gradient(90deg,transparent,var(--landing-game)); opacity:.65; }
.game-kicker::after { transform:scaleX(-1); }
.game-emblem { width:190px; height:90px; object-fit:contain; margin:-9px auto 4px; filter:drop-shadow(0 16px 20px rgba(0,0,0,.38)); }
.game-proof { display:flex; justify-content:center; gap:8px; flex-wrap:wrap; margin:22px auto 0; }
.game-proof span { padding:8px 12px; border:1px solid color-mix(in srgb,var(--landing-game) 24%,transparent); border-radius:999px; background:color-mix(in srgb,var(--landing-game) 7%,transparent); color:var(--text-sec); font:600 11px/1 var(--fi); }
.game-proof b { color:var(--landing-game); font-family:var(--fd); margin-right:4px; }
body[data-landing-game] .jogo-card { border-color:color-mix(in srgb,var(--landing-game) 22%,transparent); }
body[data-landing-game] .jogo-card:first-child { background:linear-gradient(155deg,color-mix(in srgb,var(--landing-game) 14%,var(--surface)),var(--surface)); }
body[data-landing-game] .mk-tv { border-color:color-mix(in srgb,var(--landing-game) 28%,#111); box-shadow:0 40px 100px rgba(0,0,0,.7),0 0 70px color-mix(in srgb,var(--landing-game) 10%,transparent); }
body[data-landing-game] .mk-tv-title { color:var(--landing-game); }
body[data-landing-game] .mk-tv-prize { color:var(--landing-game); }
body[data-landing-game] .step-num { color:var(--landing-game); }
body[data-landing-game] .badge { color:var(--landing-game); border-color:color-mix(in srgb,var(--landing-game) 25%,transparent); background:color-mix(in srgb,var(--landing-game) 8%,transparent); }
body[data-landing-game] .btn-primary { background:linear-gradient(135deg,#fff,var(--landing-game)); box-shadow:0 5px 28px color-mix(in srgb,var(--landing-game) 27%,transparent); }
@media(max-width:600px){ .game-emblem{width:150px;height:72px}.game-kicker{margin-bottom:13px}.game-proof span{font-size:10px;padding:7px 9px} }
@supports not (color:color-mix(in srgb,red 10%,transparent)) {
  body[data-landing-game] .game-proof span, body[data-landing-game] .badge { border-color:rgba(212,168,67,.25); background:rgba(212,168,67,.08); }
}