/* Proto&Go! — páginas legales (18-09-2026). Reaprovecha el artículo del blog:
   cabecera, índice lateral y cuerpo. Solo ajusta lo propio de un documento. */
.legal .ahead .top{align-items:start}
.legal .ahead h1{font-size:clamp(2.6rem,6vw,5rem)}
.legal .alayout{padding-top:clamp(28px,4vw,56px)}
.legal .abody h2{margin-top:clamp(34px,4vw,54px)}
.legal .abody h2:first-child{margin-top:0}
.legal .abody blockquote{margin:22px 0;padding:20px 24px;background:#fff;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line)}
.legal .abody blockquote p{margin:0;font-size:.98rem}
.legal .abody blockquote p+p{margin-top:6px}
.legal .abody table{width:100%;border-collapse:collapse;margin:22px 0;font-size:.92rem}
.legal .abody th,.legal .abody td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.legal .abody th{font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--steel);font-weight:400}
.legal .atoc{top:calc(var(--nav) + 24px)}
.legal .atoc .otras{margin-top:26px;padding-top:22px;border-top:1px solid var(--line-strong);display:grid;gap:10px}
.legal .atoc .otras a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.9rem;color:var(--steel);transition:color .3s}
.legal .atoc .otras a:hover{color:var(--orange-deep)}
.legal .atoc .otras svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none}
@media (max-width:900px){
  .legal .atoc{display:block;position:static;margin-bottom:28px}
  .legal .atoc ol{display:none}
}