/* Páginas de apresentação (boteco-virtual, sinuca-online, faq…). A home é o jogo e não usa este arquivo. */
:root{--fundo:#16120d;--cartao:#221b13;--linha:#4a3a24;--texto:#efe2c4;--suave:#c9b994;--ouro:#e4c382;--ouro-forte:#f0cf86;--verde:#294c40}
*{box-sizing:border-box}
html{background:var(--fundo)}
body{margin:0;background:radial-gradient(ellipse at 50% 0,#2c2216 0,var(--fundo) 60%) no-repeat,var(--fundo);color:var(--texto);font:18px/1.6 Georgia,"Times New Roman",serif}
a{color:var(--ouro)}
a:hover{color:var(--ouro-forte)}
.topo{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:46rem;margin:0 auto;padding:18px 16px}
.marca{font-weight:bold;font-size:1.35rem;letter-spacing:-.5px;text-decoration:none;color:var(--ouro)}
.topo .entrar{font:15px system-ui,sans-serif;text-decoration:none;border:1px solid #d8b76f88;border-radius:5px;padding:7px 12px}
main{max-width:46rem;margin:0 auto;padding:8px 16px 40px}
.chapeu{margin:0;font:13px system-ui,sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--suave)}
h1{font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.12;margin:.3rem 0 1rem;color:var(--ouro)}
h2{font-size:1.3rem;line-height:1.25;margin:2.2rem 0 .5rem;color:var(--ouro)}
.lead{font-size:1.15rem;color:var(--texto)}
p,li{color:#e6d8b8}
ul{padding-left:1.2rem}
li{margin:.3rem 0}
.botao{display:inline-block;margin:.6rem 0 .4rem;background:#e0ca91;color:#1e3526;border-radius:6px;padding:13px 22px;font:bold 17px system-ui,sans-serif;text-decoration:none;box-shadow:0 2px 0 #8a6d35}
.botao:hover{background:var(--ouro-forte);color:#1e3526}
.dica{background:var(--cartao);border:1px solid var(--linha);border-radius:8px;padding:12px 16px;font-size:.95rem}
dl dt{font-weight:bold;color:var(--ouro);margin-top:1.4rem}
dl dd{margin:.3rem 0 0}
.mais,.rodape{max-width:46rem;margin:0 auto;padding:0 16px}
.mais{border-top:1px solid var(--linha);padding-top:20px}
.mais h2{margin-top:0;font-size:1.05rem}
.mais ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font:15px system-ui,sans-serif}
.rodape{padding-top:12px;padding-bottom:40px;font:14px system-ui,sans-serif;color:var(--suave)}
.rodape p{color:var(--suave)}