/* PERFIL · v219 · moverse en los documentos largos (manuales, términos y privacidad).
   Índice fijo al costado en la PC (lo arma docs.js), «↑ Arriba» en el celular y el índice de Privacidad.
   Sin docs.js la página queda como siempre: el índice de arriba sigue funcionando. */
h2[id],h3[id]{scroll-margin-top:64px}   /* el título queda debajo de la barra fija «← PERFIL» */
[id][tabindex="-1"]:focus{outline:none}   /* v227: la sección recibe el foco al llegar (para seguir con Tab), sin marco */
/* índice al costado (solo en la PC; docs.js lo crea y acomoda la página en dos columnas) */
.doc-lado{display:none}
@media (min-width:1100px){
  .wrap.doc{max-width:1130px;display:grid;grid-template-columns:230px minmax(0,1fr);column-gap:48px;align-items:start}
  .doc-cuerpo{min-width:0}
  .doc-lado{display:block;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:88px 0 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
  .doc-cuerpo .indice{display:none}
}
.doc-lado b{display:block;font-family:"IBM Plex Mono",ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink2);margin:0 0 10px}
.doc-lado ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.doc-lado a{display:block;padding:7px 12px;margin-left:-1px;border-left:2px solid transparent;color:var(--ink2);text-decoration:none;font-size:.86rem;line-height:1.35;transition:color .18s,border-color .18s}
.doc-lado a:hover{color:var(--ink)}
.doc-lado a.on{color:var(--oro);border-left-color:var(--oro)}
.doc-lado a:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
/* «↑ Arriba» en el celular y la tableta: aparece al bajar */
.doc-arriba{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--card,#161A1F);border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.9rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .2s}
.doc-arriba.ver{opacity:1;pointer-events:auto}
.doc-arriba:focus-visible{outline:2px solid var(--oro);outline-offset:2px}
@media (min-width:1100px){.doc-arriba{display:none}}
@media (prefers-reduced-motion:reduce){.doc-arriba,.doc-lado a{transition:none}}
/* Privacidad: su índice, con el mismo estilo que el de Términos */
.indice-priv{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 8px;padding:0;list-style:none}
.indice-priv a{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--ink2);text-decoration:none;font-size:.84rem}
.indice-priv a:hover{color:var(--ink);border-color:var(--oro)}