/* Páginas auxiliares (selector de idioma, 404, legales pendientes). Misma paleta y tipografías del sistema que el teléfono. */
:root{--void:#0A0A0A;--studio:#2E2E2E;--lcd:#C6C6C6;--lcd-hi:#D3D3D3;--bezel:#121212;--ink:#0F0F0F;--mute:#8A8A8A;
  --f-head:"Arial Black","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;--f-sans:"Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --f-mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,"Liberation Mono",monospace;color-scheme:dark}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;align-content:center;background:radial-gradient(ellipse 60% 38% at 50% 0%,#4A4A4A 0%,var(--studio) 34%,#151515 70%,var(--void) 100%) var(--void);color:var(--ink);font-family:var(--f-sans);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.sheet{width:100%;max-width:34rem;margin:0 auto;padding:48px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px));display:grid;gap:22px;justify-items:center}
.logo{width:88px;height:88px;border-radius:20px;display:block}
.word{margin:0;font:900 clamp(1.5rem,6vw,2rem)/1 var(--f-head);letter-spacing:.06em;text-transform:uppercase;color:#E6E6E6;text-align:center}
.screen{width:100%;border-radius:14px;padding:6px;background:var(--bezel);box-shadow:inset 0 0 0 1px #000,0 1px 0 #3a3a3a}
.lcd{border-radius:9px;background:radial-gradient(ellipse 80% 50% at 50% 0%,var(--lcd-hi),var(--lcd) 70%);box-shadow:inset 0 4px 14px rgba(0,0,0,.4);padding:8px 0}
.lcd ul{list-style:none;margin:0;padding:0}
.lcd li + li{border-top:1px dashed rgba(0,0,0,.35)}
.lcd a.row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:10px 18px;text-decoration:none;font:800 1.1rem var(--f-sans)}
.lcd a.row:hover,.lcd a.row:focus-visible{background:var(--ink);color:var(--lcd);outline-offset:-2px}
.lcd a.row span{font:700 .75rem var(--f-mono);letter-spacing:.16em}
.lcd .msg{margin:0;padding:12px 18px;font:600 .95rem/1.45 var(--f-mono)}
.lcd h1{margin:0;padding:10px 18px 4px;font:800 1.25rem var(--f-sans)}
.foot{margin:0;font:500 .68rem var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:center}
.foot a{text-decoration:none;border-bottom:1px solid #3a3a3a}
.foot a:hover{color:#E6E6E6}
.sheet.doc{max-width:46rem;justify-items:stretch;align-content:start}
.sheet.doc .logo{justify-self:center}
.doc .lcd{padding:6px 0 18px}
.doc .lcd h1{padding:14px clamp(16px,4vw,28px) 2px;font:800 clamp(1.4rem,4vw,1.8rem)/1.15 var(--f-sans);letter-spacing:-.02em}
.doc .upd{margin:0;padding:0 clamp(16px,4vw,28px) 10px;font:600 .72rem var(--f-mono);letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.doc .body{padding:0 clamp(16px,4vw,28px);font-size:1rem;line-height:1.55}
.doc .body h2{display:inline-block;margin:22px 0 8px;background:var(--ink);color:var(--lcd);font:800 .95rem var(--f-sans);padding:6px 12px}
.doc .body p{margin:0 0 10px}
.doc .body ul{margin:0 0 10px;padding-left:1.2em;list-style:square}
.doc .body li{margin:0 0 6px;border:0}
.doc .body a{color:var(--ink);text-underline-offset:2px}
.doc .back{margin-top:12px;border-top:1px dashed rgba(0,0,0,.35)}