/* ============================================================
   «EN ESTA PÁGINA» — cómo se ve el esquema (en-esta-pagina.js).
   Lo comparten Documentación y los textos legales; dónde va lo
   pone cada página (.docsite-toc en docs-site.css, .legal-toc en
   styles.css).
   ============================================================ */
.en-esta-pagina-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.11em;
    color: var(--muted-soft);
    margin: 0 0 10px;
    padding-left: 16px;
}
.en-esta-pagina nav {
    /* Reset de lo que se filtra del selector de elemento `nav {}` de
       styles.css: align-items:center centraba cada enlace y desalineaba
       las barras. Columna estirada a la izquierda. */
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    max-width: none;
    width: auto;
}
.en-esta-pagina a {
    display: block;
    padding: 8px 0 8px 14px;
    border-left: 2px solid var(--border);
    color: var(--muted);
    text-decoration: none;
    font-size: 14.5px;
    line-height: 1.3;
    transition: color .15s ease, border-color .15s ease;
}
.en-esta-pagina a:hover { color: var(--fg); }
.en-esta-pagina a.is-current {
    color: var(--accent-hover);
    border-left-color: var(--accent);
}
/* El número de un apartado legal («8.», «7 bis.»), más tenue que su
   título: se lee primero de qué va. Lo pone legal.js. */
.en-esta-pagina-num {
    color: color-mix(in srgb, var(--muted-soft) 72%, var(--bg));
    font-variant-numeric: tabular-nums;
    margin-right: 0.35em;
    transition: color .15s ease;
}
.en-esta-pagina a.is-current .en-esta-pagina-num { color: inherit; }