/* Header compartido de todas las paginas de mentajuegos.com. Se inyecta con /nav.js. Cambiar aqui = cambia en todas. */
header.sn{--sn-bg:#FFFFFF;--sn-ink:#12151C;--sn-soft:#5B6472;--sn-line:#E3E7EE;--sn-acc:#14C79A;--sn-acc-ink:#06251C;--sn-warm:#F9B21D;
 position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--sn-bg) 62%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--sn-line);font:16px/1.5 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) header.sn{--sn-bg:#0E1015;--sn-ink:#F2F3F6;--sn-soft:#9BA2B0;--sn-line:#262B35;--sn-acc:#2FE0B2}}
:root[data-theme="dark"] header.sn{--sn-bg:#0E1015;--sn-ink:#F2F3F6;--sn-soft:#9BA2B0;--sn-line:#262B35;--sn-acc:#2FE0B2}
header.sn .sn-in{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;max-width:1080px;margin:0 auto}
header.sn .sn-brand{display:flex;align-items:center;gap:10px;color:var(--sn-ink);text-decoration:none;font:600 17.5px/1.15 "Fredoka","Inter",sans-serif;letter-spacing:-.01em;min-width:0}
header.sn .sn-brand img{width:34px;height:34px;object-fit:contain;display:block;flex-shrink:0}
header.sn .sn-brand small{display:block;font-weight:500;font-size:11px;color:var(--sn-soft);margin-top:1px}
header.sn .sn-links{display:flex;align-items:center;gap:10px}
header.sn .sn-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 16px;border-radius:14px;border:1px solid transparent;font:600 14px "Fredoka","Inter",sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}
header.sn .sn-btn:active{transform:scale(.98)}
header.sn .sn-primary{background:var(--sn-acc);color:var(--sn-acc-ink)}
header.sn .sn-primary:hover{background:color-mix(in srgb,var(--sn-acc) 88%,black)}
header.sn .sn-ghost{border-color:var(--sn-line);background:transparent;color:var(--sn-ink)}
header.sn .sn-ghost:hover{border-color:var(--sn-soft)}
header.sn .sn-play{background:var(--sn-warm);color:#2B2100;font-weight:700}
header.sn .sn-play:hover{filter:brightness(1.06)}
@media (max-width:520px){header.sn .sn-in{padding:14px 12px;gap:6px}header.sn .sn-links{gap:4px}header.sn .sn-btn{padding:8px 7px;font-size:12px}header.sn .sn-brand{font-size:15px}header.sn .sn-brand small{display:none}}
@media (max-width:440px){header.sn .sn-brand span{display:none}}

@media (max-width:380px){header.sn .sn-in{padding:12px 8px}header.sn .sn-links{gap:3px}header.sn .sn-btn{padding:7px 6px;font-size:11.5px}header.sn .sn-brand img{width:30px;height:30px}}