/* ============================================================
   Haricode — documentos legales.
   Lectura larga: una columna de unos 70 caracteres e índice al
   lado en escritorio. Sin cierre comercial.
   ============================================================ */
.legal-in{display:grid;gap:var(--sp-7)}
.legal-doc{min-width:0;max-width:70ch}

.legal-doc h2{
  margin:var(--sp-8) 0 var(--sp-4);font-size:var(--fs-xl);line-height:1.3;
  scroll-margin-top:96px;
}
.legal-doc>h2:first-child{margin-top:0}
.legal-doc p{margin:0 0 var(--sp-4);color:var(--text-2);line-height:1.75;overflow-wrap:break-word}
.legal-doc strong{color:var(--text);font-weight:var(--fw-semibold)}
.legal-doc p a{color:var(--text);text-decoration:underline}

/* La tabla desliza dentro de su marco: la página nunca lo hace en un teléfono. */
.legal-doc .table-wrap{margin:var(--sp-5) 0;scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}
.legal-doc .data-table{min-width:520px}
.legal-doc .table-wrap:focus-visible{outline:2px solid var(--text-2);outline-offset:2px}

.legal-indice p,.legal-otros p{
  margin:0 0 var(--sp-3);color:var(--text-3);font-size:var(--fs-xs);
  font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;
}
.legal-indice ol,.legal-otros ul{margin:0;padding:0;list-style:none}
.legal-indice li{margin-bottom:var(--sp-2)}
.legal-indice a{color:var(--text-2);font-size:var(--fs-sm);line-height:1.45;transition:color var(--dur)}
.legal-indice a:hover{color:var(--text)}

.legal-otros{margin-top:var(--sp-8);padding-top:var(--sp-5);border-top:1px solid var(--border)}
.legal-otros ul{display:flex;flex-wrap:wrap;gap:var(--sp-2) var(--sp-5);font-size:var(--fs-sm)}
.legal-otros a{color:var(--text-2);text-decoration:underline}
.legal-otros a:hover{color:var(--text)}
.legal-otros [aria-current]{color:var(--text-3)}

@media(min-width:1000px){
  .legal-in{grid-template-columns:240px minmax(0,70ch);gap:var(--sp-8);align-items:start}
  .legal-indice{position:sticky;top:104px}
}