/* Estilo compartido de las páginas legales (mismos colores que index.html) */
:root{
  --paper:#F7F8F5; --surface:#FFFFFF; --ink:#1C2A2E; --muted:#56666A; --rule:#D6DCD7;
  --accent:#1E6B57; --focus:#1E6B57; color-scheme: light; box-sizing:border-box;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --paper:#121A1C; --surface:#1A2427; --ink:#E6EDEB; --muted:#9FB1AE; --rule:#2F3D40;
    --accent:#6CC3A6; --focus:#6CC3A6; color-scheme: dark;
  }
}
:root[data-theme="dark"]{
  --paper:#121A1C; --surface:#1A2427; --ink:#E6EDEB; --muted:#9FB1AE; --rule:#2F3D40;
  --accent:#6CC3A6; --focus:#6CC3A6; color-scheme: dark;
}
*,*::before,*::after{box-sizing:inherit}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font-family:"Atkinson Hyperlegible", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size:1.0625rem; line-height:1.6;
}
a{color:var(--accent); overflow-wrap:anywhere}
:focus-visible{outline:3px solid var(--focus); outline-offset:2px; border-radius:4px}
.wrap{max-width:72rem; margin:0 auto; padding:0 1.25rem}
header.top{padding:1.25rem 0; border-bottom:1px solid var(--rule)}
.brand{font-weight:700; font-size:1.125rem; color:var(--ink); text-decoration:none}
.brand span{color:var(--accent)}
main.legal{max-width:44rem; padding:2.5rem 0 3rem}
h1{font-size:clamp(1.75rem,4.2vw,2.4rem); line-height:1.15; margin:0 0 .5rem; letter-spacing:-.01em}
h2{font-size:1.25rem; margin:2rem 0 .5rem}
h3{font-size:1.0625rem; margin:1.25rem 0 .25rem}
.updated{color:var(--muted); margin:0 0 1.5rem}
dl{display:grid; grid-template-columns:minmax(0,1fr); gap:.25rem 1rem; margin:0}
@media (min-width:600px){ dl{grid-template-columns:12rem minmax(0,1fr)} }
dt{font-weight:700}
dd{margin:0 0 .5rem}
ul{padding-left:1.25rem}
li{margin:.25rem 0}
.back{margin-top:2.5rem}
footer{border-top:1px solid var(--rule); padding:1.5rem 0 2.5rem; color:var(--muted); font-size:.95rem}
.foot{display:flex; flex-wrap:wrap; gap:.75rem 1.5rem; justify-content:space-between}
.foot nav{display:flex; flex-wrap:wrap; gap:.5rem 1.25rem}
.foot a{color:var(--muted)}
.foot a[aria-current="page"]{color:var(--ink); font-weight:700; text-decoration:none}
