/* ===== INMO1 · hoja de estilo de las páginas legales ===== */
:root{
  --brand:#1F66FF; --brand-2:#0E52E6; --brand-100:#E9F1FF;
  --ink:#0A1020; --ink-2:#46506A; --ink-3:#6E7993; --ink-4:#A6AFC4;
  --paper:#ffffff; --paper-2:#F5F8FF; --line:#E4EBF7; --line-2:#D5DEEF;
  --navy:#070B16; --r2:14px; --r3:20px; --r-pill:50px;
  --maxw:900px; --ease:cubic-bezier(.22,.61,.36,1);
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --display:'Jost',system-ui,-apple-system,sans-serif;
}
*{margin:0; padding:0; box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--display); background:var(--paper); color:var(--ink-2);
  font-size:16px; line-height:1.72; -webkit-font-smoothing:antialiased;}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}

/* barra */
header{position:sticky; top:0; z-index:20; background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px); border-bottom:1px solid var(--line);}
header .wrap{max-width:1280px; display:flex; align-items:center; justify-content:space-between; height:70px;}
header img{height:26px; display:block;}
.back{font-family:var(--mono); font-size:12px; letter-spacing:.08em; text-transform:uppercase;
  color:var(--ink-3); text-decoration:none; display:inline-flex; align-items:center; gap:8px;
  border:1px solid var(--line); padding:9px 15px; border-radius:var(--r-pill); transition:.28s var(--ease);}
.back:hover{border-color:var(--brand); color:var(--brand);}
.legal-tools{display:flex;align-items:center;gap:9px}
.langbtn{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 11px;border:1px solid var(--line);border-radius:var(--r-pill);background:transparent;color:var(--ink-3);font:600 10.5px/1 var(--mono);letter-spacing:.06em;cursor:pointer;transition:.25s var(--ease)}
.langbtn:hover{border-color:var(--brand);color:var(--brand)}
.langbtn .on{color:var(--ink)}.langbtn .off{opacity:.45}.langbtn .sep{opacity:.3}
.langbtn.en .on{opacity:.45;color:inherit}.langbtn.en .off{opacity:1;color:var(--ink)}

/* encabezado del documento */
.doc-head{padding:70px 0 34px; border-bottom:1px solid var(--line); margin-bottom:44px;}
.kicker{font-family:var(--mono); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  color:var(--brand); margin-bottom:14px;}
h1{font-size:clamp(30px,4.4vw,46px); font-weight:600; letter-spacing:-.03em; color:var(--ink); line-height:1.1;}
.doc-meta{margin-top:18px; font-family:var(--mono); font-size:12px; color:var(--ink-3); letter-spacing:.04em;}
.translation-note{margin:14px 0 0;max-width:76ch;color:var(--ink-3);font-size:13px;line-height:1.55}

/* cuerpo */
main{padding-bottom:80px;}
h2{font-size:21px; font-weight:600; color:var(--ink); letter-spacing:-.015em; margin:44px 0 12px; scroll-margin-top:90px;}
h2 span{font-family:var(--mono); font-size:12px; color:var(--brand); margin-right:10px; letter-spacing:.06em;}
h3{font-size:16.5px; font-weight:600; color:var(--ink); margin:24px 0 8px;}
p{margin-bottom:14px; max-width:74ch;}
ul{margin:0 0 16px 0; padding-left:0; list-style:none; max-width:74ch;}
li{position:relative; padding-left:20px; margin-bottom:9px;}
li::before{content:""; position:absolute; left:2px; top:11px; width:6px; height:6px;
  background:var(--brand); border-radius:2px;}
a{color:var(--brand); text-decoration:none; border-bottom:1px solid rgba(31,102,255,.32);}
a:hover{border-bottom-color:var(--brand);}
b,strong{color:var(--ink); font-weight:600;}

/* bloques de apoyo */
.box{background:var(--paper-2); border:1px solid var(--line); border-radius:var(--r2);
  padding:22px 24px; margin:22px 0;}
.box p:last-child{margin-bottom:0;}
.pend{background:#FFF8E8; border-color:#F3E3BF;}
.pend .pend-k{font-family:var(--mono); font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  color:#9A6B00; margin-bottom:8px;}
.toc{display:flex; flex-wrap:wrap; gap:8px; margin:26px 0 6px;}
.toc a{font-family:var(--mono); font-size:11.5px; letter-spacing:.04em; color:var(--ink-2);
  border:1px solid var(--line); border-bottom-color:var(--line); background:#fff;
  padding:7px 12px; border-radius:var(--r-pill); transition:.25s var(--ease);}
.toc a:hover{border-color:var(--brand); color:var(--brand);}
table{width:100%; border-collapse:collapse; margin:16px 0 22px; font-size:14.5px;}
th,td{text-align:left; padding:11px 12px; border-bottom:1px solid var(--line); vertical-align:top;}
th{font-family:var(--mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-3);}

/* pie */
footer{background:var(--navy); color:#9FB0CC; padding:40px 0; font-size:13.5px;}
footer .wrap{max-width:1280px; display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center;}
footer a{color:#C9D6EE; border-bottom-color:rgba(255,255,255,.22);}
footer a:hover{color:#fff; border-bottom-color:#fff;}
.rmark{font-size:.55em; vertical-align:super; opacity:.75;}

@media(max-width:640px){
  .doc-head{padding:44px 0 26px;} h2{margin-top:34px;} body{font-size:15.5px;}
}


/* =====================================================================
   VISTA NOCTURNA — heredada del sitio principal
   ===================================================================== */
html[data-theme="dark"]{color-scheme:dark;
  --paper:#0A101C; --paper-2:#0D1524; --paper-3:#111B2E;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --ink:#EEF3FC; --ink-2:#BDC9DF; --ink-3:#8E9CB8; --ink-4:#6B7994;
  --navy:#05080F;}
html[data-theme="dark"] body{background:#0A101C; color:#BDC9DF;}
html[data-theme="dark"] h1,html[data-theme="dark"] h2,
html[data-theme="dark"] h3,html[data-theme="dark"] h4,
html[data-theme="dark"] b,html[data-theme="dark"] strong{color:#EEF3FC;}
html[data-theme="dark"] header,html[data-theme="dark"] .hdr{
  background:rgba(10,16,28,.94); border-bottom-color:rgba(255,255,255,.09);}
html[data-theme="dark"] header img,html[data-theme="dark"] .hdr img{filter:brightness(0) invert(1);}
html[data-theme="dark"] .langbtn{border-color:rgba(255,255,255,.16);color:#8E9CB8}
html[data-theme="dark"] .langbtn .on,html[data-theme="dark"] .langbtn.en .off{color:#EEF3FC}
html[data-theme="dark"] a{color:#7FB0FF;}
html[data-theme="dark"] table th,html[data-theme="dark"] table td{border-color:rgba(255,255,255,.12);}
html[data-theme="dark"] table th{color:#8E9CB8; background:rgba(255,255,255,.03);}
html[data-theme="dark"] hr{border-color:rgba(255,255,255,.10);}
html[data-theme="dark"] footer{background:#05080F; color:#9FB0CC;}
html[data-theme="dark"] footer a{color:#C9D6EE;}
html[data-theme="dark"] .kicker,html[data-theme="dark"] .meta,
html[data-theme="dark"] .muted,html[data-theme="dark"] small{color:#8E9CB8;}
html[data-theme="dark"] .box,html[data-theme="dark"] .card,
html[data-theme="dark"] .nota{background:#0D1524; border-color:rgba(255,255,255,.10);}

@media(max-width:460px){
  header .wrap{padding-inline:18px}.legal-tools{gap:6px}.back{width:38px;justify-content:center;padding:0;font-size:0}.back::after{content:'←';font-size:17px}
}
