/* ===== Estructura header ===== */
.main-header {
  position: sticky; top: 0; z-index: 30;
  background: rgba(9,12,16,.88);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.main-header .inner{
  max-width: 1160px; margin: 0 auto;
  padding: 10px 16px; display: flex; align-items: center; gap: 14px;
}
.brand { display:flex; align-items:center; gap:.6rem; text-decoration:none; }
.brand-logo{ height:36px; width:auto; display:block; filter:drop-shadow(0 2px 6px rgba(0,0,0,.4)); }
@media (min-width:1200px){ .brand-logo{ height:42px; } }
.brand-text{ display:none; }

.nav-links{ display:flex; align-items:center; gap:14px; margin-left:auto; }
.nav-item{ display:flex; align-items:center; gap:.5rem; color:#d9e7f5; text-decoration:none; padding:.4rem .6rem; border-radius:.6rem; }
.nav-item .ico{ display:block; }
.nav-item:hover{ background:rgba(255,255,255,.06); }

.btn{ display:inline-flex; align-items:center; justify-content:center; padding:.45rem .9rem; border-radius:.6rem; border:1px solid transparent; text-decoration:none; }
.btn.primary   { background:#34c38f; color:#00110a; border-color:#70e3bb; }
.btn.secondary { background:#0e1921; color:#d7e6f3; border-color:rgba(255,255,255,.10); }
.btn.small { padding:.35rem .7rem; }

/* “Jugar gratis” compacto como “Entrar” */
.nav-links .btn.primary{ height:36px; line-height:36px; padding:0 16px; font-size:15px; border-radius:8px; }

/* Flags */
.lang-flags { display:flex; gap:.4rem; margin-left:12px; list-style:none; padding:0; }
.lang-flags a { display:flex; align-items:center; gap:.35rem; padding:.32rem .6rem; border-radius:.6rem; background:#0f1a22; border:1px solid rgba(255,255,255,.08); color:#d7e6f3; text-decoration:none; }
.lang-flags img { display:block; }

/* ===== Fondo / layout global auth ===== */
html, body { height:100%; }
body.sw-dark{
  min-height:100%;
  display:flex; flex-direction:column;
  background:#080c10 url('/assets/pixel/ui/ui_register_bg_1920x1080.jpg') center top / cover no-repeat fixed;
}
main { flex:1 0 auto; }
.site-footer{
  margin-top:auto; background:rgba(0,0,0,.2); border-top:1px solid rgba(255,255,255,.08);
}
.site-footer .container{
  max-width:1160px; margin:0 auto; padding:10px 16px; display:flex; align-items:center; gap:16px;
}
.site-footer a{ color:#cfe6ff; text-decoration:none; margin-right:14px; }