:root{
  --bg:#13202a; --bg2:#0d171f; --panel:#1b2c38; --line:#2c4352;
  --ink:#f1e6cf; --soft:#a9b6bd; --gold:#e5b562; --red:#7d2427;
  --mono:"Cousine",ui-monospace,Menlo,monospace;
  --sans:"Arimo",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 700px at 50% -10%,#1f3442 0%,var(--bg) 55%,var(--bg2) 100%) fixed;color:var(--ink);font:17px/1.6 var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--gold)}
img{max-width:100%;display:block}

.top{max-width:1080px;margin:0 auto;padding:20px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.marca{font:700 22px var(--mono);letter-spacing:.18em;color:var(--ink);text-decoration:none}
.top nav{display:flex;gap:18px;align-items:center}
.top nav a{color:var(--soft);text-decoration:none;font:15px var(--mono)}
.top nav a:hover{color:var(--ink)}
.top .idioma{border:1px solid var(--line);border-radius:6px;padding:2px 8px}

main{max-width:1080px;margin:0 auto;padding:0 16px}

.hero{text-align:center;padding:56px 0 72px}
.palos{color:var(--gold);letter-spacing:.5em;margin:0 0 18px;font-size:18px}
.hero h1{font:700 clamp(36px,7vw,68px)/1.08 var(--mono);margin:0;letter-spacing:-.01em}
.oro{color:var(--gold)}
.entrada{max-width:560px;margin:22px auto 0;color:var(--soft);font-size:18px}
.iconos{display:flex;justify-content:center;gap:18px;margin:38px 0 22px}
.iconos img{width:96px;height:96px;border-radius:22px;box-shadow:0 12px 30px rgba(0,0,0,.45)}
.iconos img:nth-child(1){transform:rotate(-6deg) translateY(6px)}
.iconos img:nth-child(3){transform:rotate(6deg) translateY(6px)}
.pronto{display:inline-block;font:14px var(--mono);color:var(--gold);border:1px solid rgba(229,181,98,.45);border-radius:999px;padding:6px 16px;margin:0}

.juegos{display:grid;gap:28px;padding-bottom:72px}
.juego{display:grid;grid-template-columns:minmax(0,300px) 1fr;gap:40px;align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:28px 40px 28px 28px}
.juego:nth-child(2){grid-template-columns:1fr minmax(0,300px);padding:28px 28px 28px 40px}
.juego:nth-child(2) .captura{order:2}
.captura{border-radius:16px;width:100%;height:auto}
.icono{width:72px;height:72px;border-radius:17px;margin-bottom:18px}
.juego h2{font:700 34px/1.1 var(--mono);margin:0}
.sub{font:15px var(--mono);color:var(--gold);margin:8px 0 16px;text-transform:uppercase;letter-spacing:.06em}
.juego p{max-width:460px}

.contacto{text-align:center;background:linear-gradient(180deg,rgba(125,36,39,.35),rgba(125,36,39,.15));border:1px solid rgba(229,181,98,.25);border-radius:22px;padding:44px 24px;margin-bottom:64px}
.contacto h2{font:700 30px var(--mono);margin:0 0 8px}
.contacto p{color:var(--soft);margin:0 0 24px}
.boton{display:inline-block;background:var(--gold);color:#1a1208;text-decoration:none;font:700 17px var(--mono);padding:14px 26px;border-radius:12px}
.boton:hover{filter:brightness(1.08)}

footer{border-top:1px solid var(--line);text-align:center;padding:28px 16px 40px;color:var(--soft);font:14px var(--mono)}
footer p{margin:4px 0}

/* Páginas de texto (privacidad, soporte) */
.doc{max-width:760px;margin:0 auto;padding:24px 16px 64px}
.doc h1{font:700 34px/1.15 var(--mono);margin:8px 0 6px}
.doc .fecha{color:var(--soft);font:14px var(--mono);margin:0 0 20px}
.doc .tabs{display:flex;gap:10px;margin:0 0 24px}
.doc .tabs a{text-decoration:none;font:14px var(--mono);border:1px solid var(--line);border-radius:999px;padding:4px 14px}
.doc section{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:8px 26px 22px;margin-bottom:28px}
.doc h2{font:700 21px var(--mono);color:var(--gold);margin:28px 0 8px}
.doc h3{font:700 17px var(--sans);margin:22px 0 4px}

@media (max-width:760px){
  .top nav{gap:12px}
  .top nav a:not(.idioma):first-child{display:none}
  .hero{padding:32px 0 52px}
  .iconos img{width:76px;height:76px;border-radius:18px}
  .juego,.juego:nth-child(2){grid-template-columns:1fr;padding:22px;gap:22px}
  .juego:nth-child(2) .captura{order:0}
  .captura{max-width:300px;margin:0 auto}
  .juego h2{font-size:28px}
}