/* La página de privacidad de un cliente.
   ------------------------------------------------------------------
   El mismo archivo para todos; lo que cambia son --marca y --hondo, que
   el servidor pisa con un bloque chico DESPUÉS del <link>. Se lee bien
   en papel: alguien puede imprimirla y guardarla, y eso es parte de que
   una política de datos sirva de algo. */
:root{--marca:#1B7FA8;--hondo:#0B4F6C;--papel:#F7FAFC;--tinta:#0B1622;
   --tinta-2:#45596B;--linea:rgba(11,22,34,.13)}
 @media (prefers-color-scheme:dark){:root{--papel:#0A1119;--tinta:#E6EFF5;
   --tinta-2:#A2B6C2;--linea:rgba(255,255,255,.15)}}
 *{box-sizing:border-box}
 body{margin:0;background:var(--papel);color:var(--tinta-2);
   font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;
   padding:0 20px 70px}
 .hoja{max-width:760px;margin:0 auto}
 header{padding:34px 0 26px;border-bottom:2px solid var(--marca)}
 .volver{display:inline-block;margin-bottom:18px;color:var(--marca);
   text-decoration:none;font-size:.9rem}
 .volver:hover{text-decoration:underline}
 h1{margin:0;color:var(--tinta);font-size:clamp(1.6rem,4vw,2.1rem);
   line-height:1.14;letter-spacing:-.02em}
 .sub{margin:10px 0 0;font-size:.92rem}
 h2{margin:36px 0 10px;color:var(--tinta);font-size:1.12rem;
   letter-spacing:-.01em}
 p,ul{margin:0 0 12px} ul{padding-left:22px} li{margin-bottom:7px}
 table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:.94rem}
 th,td{text-align:left;padding:11px 14px 11px 0;
   border-bottom:1px solid var(--linea);vertical-align:top}
 th{color:var(--tinta);width:34%;font-weight:600}
 @media (max-width:560px){th,td{display:block;width:auto;border:0;padding:0}
   th{padding-top:12px} td{padding-bottom:12px;border-bottom:1px solid var(--linea)}}
 .caja{background:color-mix(in srgb,var(--marca) 7%,transparent);
   border-left:3px solid var(--marca);padding:14px 18px;margin:14px 0;
   border-radius:0 4px 4px 0}
 .caja p:last-child{margin:0}
 .pendiente{background:color-mix(in srgb,#B4801A 12%,transparent);
   border-left:3px solid #B4801A;padding:14px 18px;margin:22px 0;
   border-radius:0 4px 4px 0}
 .pendiente p{margin:6px 0 0;font-size:.92rem}
 .falta{color:#B4801A;font-style:italic}
 a{color:var(--marca)}
 footer{margin-top:40px;padding-top:18px;border-top:1px solid var(--linea);
   font-size:.85rem}