/* Paginas legales: texto largo sobre fondo claro, con indice lateral */
.barra{background:rgba(7,24,39,.92);backdrop-filter:blur(16px);box-shadow:0 1px 0 var(--linea)}   /* siempre oscura: el fondo de la pagina es claro */
.legal{background:var(--hielo);color:var(--tinta-clara);padding-block:8rem 5rem}
.legal__in{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:start}
.legal article{min-width:0}
.legal table{min-width:560px}
@media(min-width:960px){.legal__in{grid-template-columns:260px minmax(0,1fr);gap:4rem}.legal__nav{position:sticky;top:100px}}
.legal__nav{display:grid;gap:.15rem;font-size:.9rem}
.legal__nav b{margin:.8rem 0 .3rem;font-size:.8rem;color:var(--texto2-claro);font-weight:700}
.legal__nav b:first-child{margin-top:0}
.legal__nav a{color:var(--texto2-claro);padding:.35rem 0;min-height:32px;display:flex;align-items:center;border-left:2px solid transparent;padding-left:.7rem;transition:color .2s,border-color .2s}
.legal__nav a:hover,.legal__nav a[aria-current]{color:var(--tinta-clara);border-color:var(--turquesa-h)}
.legal article{max-width:72ch}
.legal h1{font-size:clamp(2rem,4vw,3rem);color:var(--tinta-clara)}
.legal .fecha{margin-top:.6rem;color:var(--texto2-claro);font-size:.9rem}
.legal .intro{margin-top:1.4rem;font-size:1.08rem}
.legal h2{font-size:1.45rem;margin-top:2.6rem;color:var(--tinta-clara);scroll-margin-top:100px}
.legal h3{font-size:1.05rem;margin-top:1.4rem;color:var(--tinta-clara)}
.legal p{margin-top:.8rem;max-width:none}
.legal ul,.legal ol{margin:.8rem 0 0;padding-left:1.3rem;display:grid;gap:.5rem}
.legal li{color:var(--tinta-clara)}
.legal a{color:var(--turquesa-h);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--tinta-clara)}
.legal mark{background:#ffe58a;color:#3a2f00;padding:.05em .3em;border-radius:4px}
.legal .borrador{margin:0 0 1.6rem;padding:.9rem 1.1rem;border-radius:10px;background:#fff7d6;border:1px solid #f0d77a;color:#3a2f00;font-size:.92rem}
.legal table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.92rem}
.legal th,.legal td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--linea-clara);vertical-align:top}
.legal th{font-weight:700;color:var(--tinta-clara);background:#fff}
.legal .tabla{overflow-x:auto}
.legal .pie{margin-top:0}
.pie__f a{color:var(--texto2)}.pie__f a:hover{color:var(--blanco)}