/* Páginas legales de thefilter.io: los mismos tokens que la portada y la app (Inter, capas de blanco). */
:root{
  color-scheme:light;
  --bg:#fff;--surface:#fff;--surface-2:#fbfbfb;--surface-3:#f2f2f2;
  --line:#e8e8e8;--line-soft:#efefef;--line-strong:#d9d9d9;
  --ink:#0f0f0f;--ink-2:#4d4d4d;--ink-3:#737373;
  --ai:#1f5bff;--ai-deep:#1747d6;--ai-soft:#eef2ff;
  --waiting:#a14a07;--waiting-soft:#fff4e5;
  --band:#f5f5f5;--band-line:#ebebeb;--nav-bg:rgb(255 255 255/.86);
  --sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --brand:'Bricolage Grotesque','Inter',system-ui,sans-serif;
  --gutter:clamp(16px,4vw,32px);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0e0e0e;--surface:#1a1a1a;--surface-2:#141414;--surface-3:#262626;
  --line:#2b2b2b;--line-soft:#212121;--line-strong:#3b3b3b;
  --ink:#f0f0f0;--ink-2:#c4c4c4;--ink-3:#8f8f8f;
  --ai:#5583ff;--ai-deep:#3466ff;--ai-soft:#141c33;
  --waiting:#f2a65a;--waiting-soft:#2a1c0c;
  --band:#141414;--band-line:#212121;--nav-bg:rgb(14 14 14/.82);
}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--ink);text-underline-offset:3px;text-decoration-color:var(--line-strong)}
a:hover{text-decoration-color:var(--ink)}
h1,h2,h3{font-weight:600;letter-spacing:-.025em;line-height:1.15;margin:0;text-wrap:balance}
h1{font-size:clamp(2rem,4.5vw,2.75rem);letter-spacing:-.04em}
h2{font-size:1.3rem;margin-top:2.4rem;margin-bottom:.6rem}
h3{font-size:1.05rem;margin-top:1.4rem;margin-bottom:.35rem}
p,ul,ol{margin:0 0 .9rem;color:var(--ink-2)}
b{color:var(--ink);font-weight:600}
ul,ol{padding-left:1.3rem}
li{margin-bottom:.35rem}
.wrap{max-width:800px;margin-inline:auto;padding-inline:var(--gutter)}
.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:saturate(160%) blur(12px);-webkit-backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid var(--line-soft)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:64px;max-width:1120px}
.brand{display:flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--ink)}
.brand .mark{width:28px;height:28px;flex:none}
.brand strong{font-family:var(--brand);font-weight:700;font-size:1.28rem;letter-spacing:-.04em;line-height:1;white-space:nowrap}
.brand strong span{color:var(--ai)}
.back{font-size:.9rem;font-weight:500;color:var(--ink-2);text-decoration:none;padding:.4rem .7rem;border-radius:8px}
.back:hover{color:var(--ink);background:var(--surface-3)}
.nav .langs{display:flex;align-items:center;gap:.25rem}
.nav .langs .back{white-space:nowrap}
@media (max-width:460px){.nav .langs .back:first-child{display:none}}
main{padding-block:clamp(2.5rem,6vw,4.5rem)}
.eyebrow{display:inline-block;font-size:.85rem;font-weight:500;color:var(--ai);margin-bottom:.7rem}
.updated{font-size:.86rem;color:var(--ink-3);margin:.8rem 0 2rem}
.summary{background:var(--band);border:1px solid var(--band-line);border-radius:16px;padding:1.2rem 1.35rem;margin-bottom:2rem}
.summary .t{font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.55rem}
.summary ul{margin:0}
.summary li{color:var(--ink-2)}
.todo{background:var(--waiting-soft);color:var(--waiting);border-radius:6px;padding:.15rem .4rem;font-size:.85rem}
table{width:100%;border-collapse:collapse;font-size:.93rem;margin:.6rem 0 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgb(0 0 0/.035)}
[data-theme="dark"] table{box-shadow:none}
th,td{text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--line-soft);vertical-align:top;color:var(--ink-2)}
th{font-size:.8rem;color:var(--ink-3);font-weight:500;background:var(--surface-2)}
tr:last-child td{border-bottom:0}
.contact{background:var(--ai-soft);border-radius:12px;padding:1rem 1.2rem;margin:1.4rem 0}
.contact b{color:var(--ink)}
footer{border-top:1px solid var(--band-line);background:var(--band);color:var(--ink-3);padding-block:2rem;font-size:.88rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;max-width:1120px}
footer a{color:var(--ink-2);text-decoration:none;margin-right:1.1rem}
footer a:hover{color:var(--ink)}
footer .wrap>span:last-child{display:flex;flex-wrap:wrap;row-gap:.35rem}
@media (max-width:600px){table,thead,tbody,tr,th,td{display:block}thead{display:none}tr:first-child:has(th){display:none}td{border-bottom:0;padding:.3rem .8rem}td::before{content:attr(data-l);display:block;font-size:.74rem;color:var(--ink-3)}tr{border-bottom:1px solid var(--line-soft);padding:.5rem 0}}