/* Malla — estilos compartidos de páginas legales (sistema de diseño Malla). */
:root{
  --bg:#FFFFFF; --bg-2:#F5F5F7; --surface:#FFFFFF;
  --ink:#1D1D1F; --ink-2:#6E6E73; --ink-3:#8E8E93;
  --hair:rgba(0,0,0,.09); --border:rgba(0,0,0,.13);
  --accent:#0A84FF; --accent-2:#0060DF; --accent-soft:rgba(10,132,255,.10);
  --todo:rgba(255,159,10,.16); --todo-ink:#9A5B00;
  --shadow:0 1px 3px rgba(0,0,0,.08);
  --r-card:16px; --r-pill:999px;
  --font:-apple-system,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#000000; --bg-2:#0E0E10; --surface:#1C1C1E;
  --ink:#F5F5F7; --ink-2:#AEAEB2; --ink-3:#8E8E93;
  --hair:rgba(255,255,255,.10); --border:rgba(255,255,255,.16);
  --accent:#0A84FF; --accent-2:#409CFF; --accent-soft:rgba(10,132,255,.18);
  --todo:rgba(255,159,10,.22); --todo-ink:#FFB84D;
  --shadow:0 1px 3px rgba(0,0,0,.5);
}}
:root[data-theme="dark"]{
  --bg:#000000; --bg-2:#0E0E10; --surface:#1C1C1E;
  --ink:#F5F5F7; --ink-2:#AEAEB2; --ink-3:#8E8E93;
  --hair:rgba(255,255,255,.10); --border:rgba(255,255,255,.16);
  --accent:#0A84FF; --accent-2:#409CFF; --accent-soft:rgba(10,132,255,.18);
  --todo:rgba(255,159,10,.22); --todo-ink:#FFB84D;
  --shadow:0 1px 3px rgba(0,0,0,.5);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;
  -webkit-font-smoothing:antialiased;line-height:1.6;font-size:17px;}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:760px;margin:0 auto;padding-inline:20px;}
header.nav{position:sticky;top:0;z-index:20;
  backdrop-filter:saturate(180%) blur(20px);background:color-mix(in srgb,var(--bg) 78%,transparent);
  border-bottom:1px solid var(--hair);}
.nav .row{display:flex;align-items:center;justify-content:space-between;height:60px;max-width:1080px;margin:0 auto;padding-inline:20px;}
.brand{font-weight:600;font-size:22px;letter-spacing:-.02em;color:var(--ink);text-decoration:none;}
.brand .d{color:var(--accent);}
.nav-a{font-size:14px;font-weight:600;color:var(--ink);text-decoration:none;padding:8px 12px;border-radius:var(--r-pill);}
.nav-a:hover{color:var(--accent);background:var(--bg-2);text-decoration:none;}
main{padding:56px 0 40px;}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);}
h1{font-size:clamp(30px,5vw,42px);font-weight:600;letter-spacing:-.03em;line-height:1.1;margin:.3em 0 .2em;}
.updated{color:var(--ink-3);font-size:14px;margin:0 0 8px;}
.lede{color:var(--ink-2);font-size:18px;margin:0 0 8px;}
h2{font-size:clamp(20px,3vw,24px);font-weight:600;letter-spacing:-.02em;margin:2em 0 .4em;}
h3{font-size:17px;font-weight:600;margin:1.4em 0 .3em;}
p,li{color:var(--ink-2);}
ul{padding-left:1.2em;margin:.4em 0;}
li{margin:.3em 0;}
strong{color:var(--ink);font-weight:600;}
.card{background:var(--bg-2);border:1px solid var(--hair);border-radius:var(--r-card);padding:20px 22px;margin:20px 0;}
.card p:last-child{margin-bottom:0;}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:15px;}
th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--hair);vertical-align:top;color:var(--ink-2);}
th{color:var(--ink);font-weight:600;font-size:13px;letter-spacing:.02em;text-transform:uppercase;}
hr{border:none;border-top:1px solid var(--hair);margin:2.4em 0;}
.todo{background:var(--todo);color:var(--todo-ink);border-radius:6px;padding:1px 7px;font-weight:600;
  font-size:.92em;white-space:nowrap;}
.note{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 10px 10px 0;
  padding:14px 18px;margin:20px 0;font-size:15px;color:var(--ink-2);}
footer{padding:40px 0;color:var(--ink-3);font-size:14px;border-top:1px solid var(--hair);margin-top:40px;}
footer .row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  max-width:1080px;margin:0 auto;padding-inline:20px;}
footer .brand{font-size:18px;}
footer .links{display:flex;gap:16px;flex-wrap:wrap;}
footer .links a{color:var(--ink-3);font-weight:500;}
footer .links a:hover{color:var(--accent);}