/* Public «Noticias y Actualizaciones» pages (server-rendered). Light/dark: follows the system, overridable with the toggle. */
:root{--bg:#101315;--surface:#171b1e;--surface2:#1c2125;--line:#2b3136;--text:#e8eaec;--muted:#a0a8ae;--accent:#dfb774;--cyan:#7cd7c2;--red:#f39591;color-scheme:dark}
@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f1f2f2;--surface:#fff;--surface2:#f6f7f7;--line:#d0d5d6;--text:#1c2429;--muted:#59666e;--accent:#7d521d;--cyan:#176b58;--red:#b33032;color-scheme:light}}
:root[data-theme=light]{--bg:#f1f2f2;--surface:#fff;--surface2:#f6f7f7;--line:#d0d5d6;--text:#1c2429;--muted:#59666e;--accent:#7d521d;--cyan:#176b58;--red:#b33032;color-scheme:light}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,'Segoe UI',Arial,sans-serif}
a{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);padding:8px 12px;border-radius:6px;z-index:10}.skip:focus{left:8px}
.np-top{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}
.np-brand{display:flex;gap:8px;align-items:center;font-weight:700;letter-spacing:.5px;color:var(--text);text-decoration:none}.np-top nav{display:flex;flex-wrap:wrap;gap:6px 16px}.np-top nav a{color:var(--muted);text-decoration:none;font-size:14px}.np-top nav a[aria-current]{color:var(--accent);font-weight:600}
.np-tools{display:flex;gap:8px;align-items:center}.np-lang,.np-theme{display:inline-grid;place-items:center;min-width:40px;min-height:36px;border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--text);font:inherit;cursor:pointer;text-decoration:none}
.np-main{max-width:920px;margin:0 auto;padding:24px 16px 48px}.np-hero h1,.np-article h1{font-size:clamp(24px,5vw,36px);line-height:1.15;margin:0 0 10px;letter-spacing:-.5px}.np-hero p{color:var(--muted);max-width:720px}
.np-filters{display:grid;grid-template-columns:2fr repeat(3,1fr) auto;gap:8px;align-items:end;margin:18px 0 8px;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}
.np-filters label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--muted)}.np-filters input,.np-filters select{width:100%;min-height:38px;padding:7px 9px;border:1px solid var(--line);border-radius:6px;background:var(--surface2);color:var(--text);font:inherit}
.np-filters button{min-height:38px;padding:7px 14px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#161a1d;font:inherit;font-weight:600;cursor:pointer}
.np-count{color:var(--muted);font-size:13px}.np-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.np-card{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.np-card h2{font-size:19px;margin:8px 0 6px;line-height:1.3}.np-card h2 a{color:var(--text);text-decoration:none}.np-card h2 a:hover{color:var(--accent);text-decoration:underline}.np-card p{margin:0 0 6px}.np-src{font-size:13px;color:var(--muted)}
.np-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.np-pill,.np-game{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:1px 9px}.np-game{font-weight:700}.np-game.poe1{color:#e0a85a}.np-game.poe2{color:var(--cyan)}.np-pill.ok{color:var(--cyan);border-color:var(--cyan)}
.np-empty{padding:28px;border:1px dashed var(--line);border-radius:12px;text-align:center;color:var(--muted)}
.np-pages{display:flex;gap:16px;justify-content:center;align-items:center;margin-top:20px}
.np-crumbs{font-size:13px;color:var(--muted)}.np-dates{color:var(--muted);font-size:13px}.np-lead{font-size:18px}.np-changes li{margin-bottom:6px}
.np-why{margin:22px 0;padding:14px 16px;border-left:4px solid var(--accent);border-radius:8px;background:var(--surface)}.np-why h2{margin-top:0}.np-label{font-size:12px;color:var(--muted);font-style:italic}
.np-article h2{font-size:18px;margin-top:24px}.np-sources{margin-top:24px;padding-top:12px;border-top:1px solid var(--line)}.np-sources li{overflow-wrap:anywhere}.np-tags a{margin-right:8px;font-size:13px}
.np-foot{border-top:1px solid var(--line);padding:18px 16px;color:var(--muted);font-size:12px;text-align:center}
@media (max-width:720px){.np-filters{grid-template-columns:1fr 1fr}.np-filters label:first-child{grid-column:1/-1}.np-filters button{grid-column:1/-1}}
/* Magazine layout: official cover, embedded official videos, gallery, own cover when there is no official image */
.np-cover{margin:14px 0 18px}.np-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--surface2)}
figure{margin:0}figcaption{font-size:12px;color:var(--muted);margin-top:6px}
.np-own-cover{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:16/9;border-radius:12px;padding:18px;border:1px dashed var(--line);background:linear-gradient(135deg,#2a2117,#11161a 60%,#0c1013);color:#f1d9a8;margin:14px 0 18px}
.np-own-cover.poe2{background:linear-gradient(135deg,#123029,#11161a 60%,#0c1013);color:#bdf0e2}.np-own-cover span{font-size:clamp(20px,4vw,30px);font-weight:700}.np-own-cover small{color:#c9cfd3;font-size:12px}
.np-video{margin:12px 0 18px}.np-video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;border:1px solid var(--line);background:#000}.np-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.np-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:10px 0 18px}.np-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line)}
.np-dates-list li{margin-bottom:4px;font-weight:600}
.np-card{display:grid;grid-template-columns:220px 1fr;gap:16px;align-items:start}.np-card-body{min-width:0}
.np-thumb{display:block}.np-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.np-thumb .np-own-cover{margin:0;padding:10px}.np-thumb .np-own-cover span{font-size:16px}
@media (max-width:640px){.np-card{grid-template-columns:1fr}}
.np-section h2{margin-top:22px}.np-section p{font-size:16px;line-height:1.7}
.np-related{margin-top:28px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.np-related h2{font-size:16px;margin:6px 0 8px}.np-related ul{margin:0 0 10px;padding-left:18px}
.np-gallery img{object-fit:contain;background:#07090b}