/* ==================================================================
   Héroes Anónimos — páginas legales (estático, legible)
   ================================================================== */
:root{
  --bg:        #0a0b0d;
  --bg-panel:  #111316;
  --line:      rgba(232,230,225,0.09);
  --line-strong: rgba(232,230,225,0.16);
  --ink:       #e8e6e1;
  --ink-dim:   #b7b4ad;
  --ink-faint: #74787c;

  --red:    #ff3b30;
  --cyan:   #2dd4ff;
  --amber:  #ffb020;

  --mono: 'JetBrains Mono', ui-monospace, monospace;
  --sans: 'Inter', -apple-system, 'Segoe UI', sans-serif;
}

*{ box-sizing:border-box; }
body{
  margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans);
  font-size:16px; line-height:1.75;
}
a{ color:var(--cyan); }

.nav{
  border-bottom:1px solid var(--line);
  background:var(--bg);
  position:sticky; top:0; z-index:10;
}
.nav .wrap{ max-width:820px; margin:0 auto; padding:20px 6vw; display:flex; align-items:center; justify-content:space-between; }
.nav-brand{ display:flex; align-items:center; gap:10px; font-family:var(--mono); font-size:13.5px; text-decoration:none; color:var(--ink); }
.nav-brand .dot{ width:7px; height:7px; border-radius:50%; background:var(--red); }
.nav-back{ font-family:var(--mono); font-size:13px; color:var(--ink-faint); text-decoration:none; }
.nav-back:hover{ color:var(--ink-dim); }

.doc{ max-width:720px; margin:0 auto; padding:64px 6vw 100px; }
.doc-head{ margin-bottom:8px; }
.doc-tag{ font-family:var(--mono); font-size:11.5px; color:var(--amber); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:14px; }
.doc h1{ font-family:var(--mono); font-size:clamp(24px,3.4vw,32px); font-weight:600; margin:0 0 10px; }
.doc .updated{ font-family:var(--mono); font-size:12.5px; color:var(--ink-faint); margin-bottom:48px; padding-bottom:32px; border-bottom:1px solid var(--line); }

.doc .news-text b{ display:block; font-family:var(--mono); font-size:15px; color:var(--ink); margin:36px 0 10px; letter-spacing:0.01em; }
.doc .news-text b:first-child{ margin-top:0; }
.doc .news-text p{ color:var(--ink-dim); font-size:15.5px; margin:0 0 8px; }

.footer-min{ border-top:1px solid var(--line); padding:26px 6vw; text-align:center; font-family:var(--mono); font-size:12px; color:var(--ink-faint); }