/* SYSDATEC 2027 · Política de Tratamiento de Datos Personales (portal institucional) — maquetación propia de esta página.
   Documento jurídico: texto en columna de lectura, índice lateral fijo, sin tarjetas decorativas. Todo bajo .pd.
   Estándar de simetría: contenedor 1200, escala 4–64. Incluye hoja de impresión (@media print). */
body{overflow-x:clip}
.pd{--blue:#0060D4;--deep:#002784;--ink:#0b1630;--cyan:#01DAFE;--mist:#EAF3FF;--mut:#3b4a68;--bd:1px solid #d9e4fb;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r:24px;--rs:16px;
  font-family:'Manrope',system-ui,sans-serif;color:var(--ink);background:#fff;font-size:17px;line-height:1.7}
.pd *,.pd *::before,.pd *::after{box-sizing:border-box}
.pd h1,.pd h2,.pd h3{font-family:'Manrope',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--deep)}
.pd p{margin:0;color:inherit}.pd ul,.pd ol{margin:0;padding:0;list-style:none}
.pd a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.pd :focus-visible{outline:3px solid #ffbf00;outline-offset:3px;border-radius:4px}
.pd .w{width:min(1200px,100% - 40px);margin-inline:auto}
.pd .ss{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Aviso provisional */
.pd .prev{background:#fff4d6;color:#4a3500;border-bottom:1px solid #f0d78a;font-size:.9rem;padding:var(--s2) 0;line-height:1.5}
.pd .prev .w{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2) var(--s5)}
.pd .prev details{flex:1 1 280px;min-width:0}.pd .prev summary{cursor:pointer;font-weight:700;text-decoration:underline;min-height:24px}
.pd .prev ul{margin-top:var(--s2);padding-left:var(--s5);list-style:disc;display:grid;gap:4px}.pd .prev b{font-weight:800}.pd .prev a{color:inherit}

/* Botones */
.pd .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);min-height:48px;padding:0 var(--s5);border-radius:99px;font:800 1rem/1.2 'Manrope',system-ui,sans-serif;text-decoration:none;text-align:center;cursor:pointer;border:2px solid var(--cyan);background:var(--cyan);color:#050d24;transition:transform .2s,background .2s}
.pd .btn:hover{transform:translateY(-2px)}
.pd .btn--ghost{background:transparent;color:#fff;border-color:#ffffffaa}.pd .btn--ghost:hover{background:#ffffff22}
.pd .btn svg{width:18px;height:18px;flex:none}
.pd .acts{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* Encabezado sobrio */
.pd .hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#050d24;padding:var(--s7) 0 var(--s7)}
.pd .hero::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(70% 70% at 90% 0%,#0060D4aa,transparent 70%),linear-gradient(160deg,#050d24,#0a2160)}
.pd .hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(1,218,254,.06) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,rgba(1,218,254,.06) 1px,transparent 1px) 0 0/64px 64px;mask-image:linear-gradient(180deg,#000 20%,transparent)}
.pd .crumb{font-size:.86rem;color:#cfe0ff;margin-bottom:var(--s5)}.pd .crumb a{color:#cfe0ff}.pd .crumb a:hover{color:#fff}.pd .crumb span{margin:0 6px;opacity:.6}
.pd .hgrid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:var(--s7);align-items:end}
.pd .pill{display:inline-block;border:1px solid #ffffff77;padding:6px var(--s4);border-radius:99px;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase}
.pd .hero h1{color:#fff;font-size:clamp(2.1rem,4.4vw,3.6rem);margin:var(--s5) 0 var(--s4)}
.pd .lead{font-size:1.08rem;color:#e4ecff;max-width:62ch;line-height:1.6}
.pd .hero .acts{margin-top:var(--s6)}
.pd .meta{display:grid;background:#ffffff14;border:1px solid #ffffff33;border-radius:var(--rs);padding:var(--s2) var(--s5)}
.pd .meta div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:var(--s3);padding:var(--s3) 0;border-top:1px solid #ffffff26;align-items:baseline}.pd .meta div:first-child{border-top:0}
.pd .meta dt{font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#9fc4ff}.pd .meta dd{margin:0;font-weight:700;color:#fff;line-height:1.35}
.pd dl{margin:0}

/* Cuerpo: índice + documento */
.pd .body{padding-block:var(--s8);display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:var(--s8);align-items:start}
.pd .toc{position:sticky;top:112px;max-height:calc(100vh - 140px);overflow:auto;scrollbar-width:thin;border:var(--bd);border-radius:var(--rs);background:#f7faff;padding:var(--s2) var(--s3)}
.pd .toc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 var(--s3);font-weight:800;color:var(--deep)}
.pd .toc summary::-webkit-details-marker{display:none}
.pd .toc ol{display:grid;padding:0 0 var(--s2)}
.pd .toc a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:var(--s2);align-items:baseline;padding:6px var(--s3);border-radius:10px;text-decoration:none;color:var(--ink);font-size:.9rem;line-height:1.35;font-weight:600;counter-increment:t}
.pd .toc ol{counter-reset:t}.pd .toc a::before{content:counter(t) ".";color:var(--blue);font-weight:800}
.pd .toc a:hover{background:var(--mist)}.pd .toc a[aria-current=true]{background:var(--deep);color:#fff}.pd .toc a[aria-current=true]::before{color:var(--cyan)}
.pd .toc-h{display:none}

.pd .doc{max-width:740px}
.pd .doc section{padding:var(--s6) 0 var(--s6);border-top:1px solid #d9e4fb;scroll-margin-top:110px}
.pd .doc section:first-child{border-top:0;padding-top:0}
.pd .doc h2{font-size:clamp(1.45rem,2.6vw,1.9rem);margin-bottom:var(--s4);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--s3);align-items:baseline}
.pd .doc .sec-num{color:var(--blue);font-weight:800}
.pd .doc h3{font-size:1.15rem;margin:var(--s5) 0 var(--s3);color:var(--deep)}
.pd .doc p{margin:0 0 var(--s4);color:var(--ink)}
.pd .doc strong{color:var(--deep);font-weight:800}
.pd .doc ul{margin:0 0 var(--s4);padding-left:var(--s5);list-style:disc}
.pd .doc ul li{margin-bottom:var(--s2);padding-left:var(--s1)}.pd .doc ul li::marker{color:var(--blue)}
.pd .doc ol{padding-left:var(--s5);list-style:decimal;margin:0 0 var(--s4)}
.pd .terms-box{margin:0 0 var(--s4);border-left:4px solid var(--cyan);background:var(--mist);border-radius:0 var(--rs) var(--rs) 0;padding:var(--s4) var(--s5)}
.pd .terms-box p{margin:0 0 var(--s2)}.pd .terms-box p:last-child{margin:0}
.pd .paragrafo{margin:0 0 var(--s4);border-left:3px solid #9bb8ea;padding:var(--s2) 0 var(--s2) var(--s4);color:var(--ink)}
.pd .tw{position:relative;overflow-x:auto;border:var(--bd);border-radius:var(--rs);margin:0 0 var(--s5)}
.pd table{width:100%;border-collapse:collapse;font-size:.95rem;line-height:1.45}
.pd th,.pd td{padding:var(--s3) var(--s4);text-align:left;vertical-align:top;border-top:1px solid #e3ebfa}
.pd tr:first-child th,.pd tr:first-child td{border-top:0}
.pd th{background:var(--deep);color:#fff;font-weight:800;font-size:.82rem;letter-spacing:.04em}
.pd .pol-sign{margin-top:var(--s5)}.pd .pol-sign>p{margin-top:var(--s2);font-weight:800;color:var(--deep)}

/* Volver arriba */
.pd-top{position:fixed;right:20px;bottom:92px;z-index:30;width:48px;height:48px;border-radius:50%;border:0;background:#002784;color:#fff;font:800 1.3rem/1 'Manrope',sans-serif;cursor:pointer;box-shadow:0 10px 24px #00278455;opacity:0;pointer-events:none;transition:opacity .2s}
.pd-top.show{opacity:1;pointer-events:auto}.pd-top:focus-visible{outline:3px solid #ffbf00;outline-offset:3px}

@media(max-width:1000px){
  .pd .hgrid{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .pd .body{grid-template-columns:minmax(0,1fr);gap:var(--s6);padding-block:var(--s7)}
  .pd .toc{position:static;max-height:none;overflow:visible}
  .pd .toc summary::after{content:"+";font:800 1.5rem/1 'Manrope',sans-serif;color:var(--blue)}.pd .toc details[open] summary::after,.pd .toc[open] summary::after{content:"–"}
}
@media(min-width:1001px){.pd .toc summary{pointer-events:none}.pd .toc summary::after{content:none}}
@media(max-width:600px){
  .pd{font-size:16px}
  .pd .acts>.btn{flex:1 1 100%}
  .pd .meta div{grid-template-columns:minmax(0,1fr);gap:2px}
  .pd .doc h2{grid-template-columns:minmax(0,1fr)}.pd .doc .sec-num{display:block;font-size:.95rem}
  .pd th,.pd td{padding:var(--s2) var(--s3)}
}
@media(prefers-reduced-motion:reduce){.pd .btn,.pd-top{transition:none}.pd .btn:hover{transform:none}}

/* Impresión: solo el documento, en blanco y negro */
@media print{
  @page{margin:18mm 16mm}
  body{background:#fff!important}
  #site-header,#site-footer,.pd .prev,.pd .toc,.pd .acts,.pd-top,.pd .crumb,.ck,[class^="ck__"],[class*=" ck__"],aside[aria-label^="Chat con un asesor"],#sds-chat-btn,#sds-chat-window,[data-ck-open]{display:none!important}
  .pd{font-size:11pt;line-height:1.5;color:#000}
  .pd .hero{background:none!important;color:#000;padding:0 0 8mm;border-bottom:2px solid #000}
  .pd .hero::before,.pd .hero::after{display:none}
  .pd .hero h1,.pd .lead,.pd .pill{color:#000;border-color:#000}
  .pd .hgrid{display:block}.pd .meta{background:none;border:1px solid #000;margin-top:6mm}.pd .meta dt,.pd .meta dd{color:#000}
  .pd .body{display:block;padding:6mm 0}
  .pd .doc{max-width:none}
  .pd .doc section{break-inside:auto;padding:5mm 0}.pd .doc h2,.pd .doc h3{break-after:avoid;color:#000}
  .pd .doc .sec-num,.pd .doc strong{color:#000}
  .pd .terms-box,.pd .paragrafo,.pd .tw{break-inside:avoid}.pd .terms-box{background:none;border-left:3px solid #000}
  .pd table,.pd th,.pd td{border:1px solid #000!important;background:none!important;color:#000!important}
  .pd .tw{overflow:visible;border:0}
  .pd a{color:#000;text-decoration:underline}
  .pd .doc a[href^="http"]::after,.pd .doc a[href^="mailto"]::after{content:" (" attr(href) ")";font-size:9pt}
}