/* Estilos de las páginas secundarias (quiénes somos, aviso legal, privacidad). Mismos tokens que index.html */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;
  src:url(fonts/archivo-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;
  src:url(fonts/archivo-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#ffffff; --paper:#f1f3f6; --ink:#15181d; --soft:#5a6170; --line:#dde1e7;
  --pp:#1d6fc4; --psoe:#e1001a; --vox:#4f9f1c; --fa:#d4145a; --pod:#6b2e8f;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg:#121418; --paper:#1c1f25; --ink:#eef0f3; --soft:#a2a9b6; --line:#2d323b;
    --pp:#4a97e8; --psoe:#ff4d5e; --vox:#7cc94a; --fa:#ff5c93; --pod:#b07ad6;
    color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --bg:#121418; --paper:#1c1f25; --ink:#eef0f3; --soft:#a2a9b6; --line:#2d323b;
  --pp:#4a97e8; --psoe:#ff4d5e; --vox:#7cc94a; --fa:#ff5c93; --pod:#b07ad6;
  color-scheme: dark;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font-family:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;
  padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
a{color:inherit}
a:focus-visible{outline:3px solid var(--pp);outline-offset:2px}
.wrap{max-width:720px;margin:0 auto;padding:0 18px}

.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 18px 14px;border-bottom:1px solid var(--line)}
.brand{text-decoration:none;font-weight:900;font-stretch:62%;font-size:40px;line-height:.9}
.brand .bar{display:flex;height:5px;margin-top:6px;border-radius:2px;overflow:hidden}
.brand .bar span{flex:1}
.back{font-weight:700;font-size:15px}

h1{font-size:clamp(28px,7vw,36px);font-weight:800;font-stretch:85%;line-height:1.1;margin:28px 0 6px}
h2{font-size:21px;font-weight:800;font-stretch:90%;line-height:1.2;margin:30px 0 6px}
.updated{color:var(--soft);font-size:14px;margin:0 0 8px}
p,li{max-width:68ch}
ul{padding-left:20px}
li{margin:6px 0}
.data{list-style:none;background:var(--paper);border-radius:12px;padding:12px 16px}
.data li{margin:4px 0}

footer{border-top:1px solid var(--line);margin-top:44px;padding:18px 0 30px;color:var(--soft);font-size:14px}
footer nav{display:flex;flex-wrap:wrap;gap:6px 16px;font-weight:600}
footer a{color:var(--soft)}