:root{
  color-scheme:light;
  --bg:#EEF1F3; --surface:#FFFFFF; --surface-2:#F6F8F9;
  --ink:#0E1316; --ink-2:#4A545B; --ink-3:#77838B;
  --line:#D9DFE3; --accent:#0B7FA3; --accent-soft:#E2F2F8;
  --shadow:0 1px 2px rgba(14,19,22,.06), 0 10px 30px -20px rgba(14,19,22,.35);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#0A0A0A; --surface:#141719; --surface-2:#1B1F22;
  --ink:#FFFFFF; --ink-2:#B6BEC4; --ink-3:#7E888F;
  --line:#282D31; --accent:#41C5EB; --accent-soft:#11303A;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 30px -20px rgba(0,0,0,.9);
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0A0A0A; --surface:#141719; --surface-2:#1B1F22;
  --ink:#FFFFFF; --ink-2:#B6BEC4; --ink-3:#7E888F;
  --line:#282D31; --accent:#41C5EB; --accent-soft:#11303A;
  --shadow:0 1px 2px rgba(0,0,0,.5), 0 10px 30px -20px rgba(0,0,0,.9);
}
*{box-sizing:border-box}
body{margin:0; background:var(--bg); color:var(--ink);
  font-family:"Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.58; -webkit-font-smoothing:antialiased}
.wrap{max-width:760px; margin:0 auto; padding:0 18px 80px}
.top{border-bottom:1px solid var(--line); margin-bottom:34px}
.top-in{max-width:760px; margin:0 auto; padding:16px 18px; display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}
.mark{font-family:"Oswald",sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; font-size:17px; color:var(--ink); text-decoration:none}
.mark span{color:var(--accent)}
.volver{font-family:"Oswald",sans-serif; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); text-decoration:none; font-weight:600}
.volver:hover{text-decoration:underline}
.eyebrow{font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--accent); font-weight:600; margin-bottom:10px}
h1{font-family:"Oswald",sans-serif; font-weight:700; text-transform:uppercase; font-size:clamp(26px,5.4vw,38px); line-height:1.06; margin:0 0 10px; letter-spacing:.01em}
h2{font-family:"Oswald",sans-serif; font-weight:600; text-transform:uppercase; font-size:clamp(17px,2.9vw,21px); margin:38px 0 10px; letter-spacing:.02em; scroll-margin-top:20px}
h3{font-family:"Oswald",sans-serif; font-weight:600; font-size:15px; margin:24px 0 7px; letter-spacing:.02em}
p,li{color:var(--ink-2); max-width:68ch}
p{margin:0 0 14px}
ul,ol{margin:0 0 16px; padding-left:21px}
li{margin-bottom:7px}
b,strong{color:var(--ink); font-weight:600}
a{color:var(--accent)}
.fecha{font-size:13.5px; color:var(--ink-3); margin-bottom:28px}
.caja{background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:20px 22px; margin:22px 0; box-shadow:var(--shadow)}
.caja p:last-child,.caja ul:last-child{margin-bottom:0}
.destacado{border-left:3px solid var(--accent); background:var(--accent-soft); border-radius:0 11px 11px 0; padding:16px 20px; margin:22px 0}
.destacado p{color:var(--ink); margin-bottom:0}
dl.datos{margin:0; display:grid; grid-template-columns:auto 1fr; gap:9px 20px}
dl.datos dt{font-family:"Oswald",sans-serif; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3); font-weight:600; padding-top:2px}
dl.datos dd{margin:0; color:var(--ink)}
table{width:100%; border-collapse:collapse; margin:18px 0; font-size:14.5px}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top; color:var(--ink-2)}
th{font-family:"Oswald",sans-serif; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--ink-3); font-weight:600; border-bottom-width:2px}
td:first-child{color:var(--ink); font-weight:600}
.todo{background:#FFE9A8; color:#5A4303; padding:1px 6px; border-radius:4px; font-weight:600}
.indice{background:var(--surface-2); border:1px solid var(--line); border-radius:13px; padding:17px 20px; margin-bottom:30px}
.indice ol{margin:0; padding-left:19px}
.indice li{margin-bottom:4px}
footer{border-top:1px solid var(--line); margin-top:46px; padding-top:22px; font-size:13px; color:var(--ink-3)}
footer p{color:var(--ink-3); margin-bottom:7px}
footer a{color:var(--ink-3)}
:focus-visible{outline:2px solid var(--accent); outline-offset:2px; border-radius:4px}
@media (max-width:560px){dl.datos{grid-template-columns:1fr; gap:2px 0} dl.datos dd{margin-bottom:12px} table{font-size:13.5px} th,td{padding:9px 8px}}