/* Estilo de las páginas legales.
 *
 * Aparte de index.html a propósito: son tres archivos que comparten forma, y
 * repetir el CSS en cada uno significa que un día se corrigen dos y se olvida
 * el tercero.
 *
 * Los colores son los mismos de la página principal para que no parezcan de
 * otro sitio, pero la maqueta es de documento: una sola columna estrecha,
 * porque esto se lee de arriba abajo y no se ojea. */
:root{
  --bg:#F6F8FC; --sup:#FFFFFF; --ink:#0B1220; --soft:#4A5A70;
  --faint:#8A99AD; --line:#E3E9F2; --accent:#1A5CF5;
  --marca:linear-gradient(90deg,#1A5CF5 0%,#14B8D4 50%,#6D28D9 100%);
}
@media (prefers-color-scheme:dark){:root{
  --bg:#070B14; --sup:#0E1524; --ink:#EAF0F8; --soft:#94A3B8;
  --faint:#5E6E85; --line:#1D2739; --accent:#4B82FF;
  --marca:linear-gradient(90deg,#4B82FF 0%,#38D2EC 50%,#8B5CF6 100%);
}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
  font:16px/1.7 'Poppins',-apple-system,"Segoe UI",system-ui,sans-serif}
body::before{content:"";position:fixed;top:0;left:0;right:0;height:3px;
  background:var(--marca);z-index:50}
.w{max-width:760px;margin:0 auto;padding:2.6rem 1.4rem 4rem}

.top{display:flex;align-items:center;gap:.55rem;margin-bottom:2.2rem;
  text-decoration:none;color:inherit}
.top img{width:26px;height:26px;border-radius:50%}
.top span{font-weight:700;letter-spacing:-.02em}

h1{font-size:clamp(1.4rem,3.4vw,1.9rem);letter-spacing:-.03em;
  margin:0 0 .3rem;font-weight:700}
.fecha{color:var(--faint);font-size:.82rem;margin:0 0 2rem}
h2{font-size:1.02rem;letter-spacing:-.015em;margin:2.2rem 0 .5rem;font-weight:700}
h2 span{color:var(--accent);margin-right:.4rem}
p,li{color:var(--soft)}
p{margin:0 0 .9rem}
ul{margin:0 0 1rem;padding-left:1.15rem}
li{margin-bottom:.4rem}
b,strong{color:var(--ink);font-weight:600}
a{color:var(--accent)}

.caja{background:var(--sup);border:1px solid var(--line);border-radius:14px;
  padding:1.1rem 1.3rem;margin:1.2rem 0}
.caja p:last-child{margin-bottom:0}

table{width:100%;border-collapse:collapse;font-size:.88rem;margin:1rem 0}
th{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--faint);border-bottom:2px solid var(--line);padding:.5rem .6rem;
  font-weight:600}
td{padding:.55rem .6rem;border-bottom:1px solid var(--line);color:var(--soft);
  vertical-align:top}

.pie{margin-top:3rem;padding-top:1.2rem;border-top:1px solid var(--line);
  font-size:.8rem;color:var(--faint)}
.pie a{margin-right:1rem}