/* Páginas legales: se cargan junto a styles.css (cabecera, pie, variables y botones) */
.legal { padding: clamp(3rem, 7vw, 5.5rem) 0; min-height: 70vh;
  background-image: linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px); background-size: 48px 48px; }
.legal__inner { max-width: none; }
.legal h1 { font-size: clamp(2rem, 6vw, 3.3rem); text-transform: uppercase; font-weight: 800; margin-bottom: var(--space-3); }

/* Pestañas entre documentos */
.legal__tabs { display: flex; flex-wrap: wrap; gap: var(--space-1) var(--space-3); margin-bottom: var(--space-4); border-bottom: var(--border); }
.legal__tabs a { padding: .7rem 0; text-decoration: none; font-weight: 600; color: var(--color-muted); border-bottom: 2px solid transparent; margin-bottom: -1px; transition: color .2s, border-color .2s; }
.legal__tabs a:hover { color: var(--color-text); }
.legal__tabs a[aria-current="page"] { color: var(--color-text); border-color: var(--color-accent); }

/* Cuerpo del texto: líneas cortas, apartados numerados */
.legal__body { counter-reset: apartado; max-width: 70ch; }
.legal__body p, .legal__body li { color: #c9cdd2; }
.legal__body a { color: var(--color-accent-hover); text-underline-offset: 3px; }
.legal__body a:hover { color: #fff; }
.legal__body h2 { counter-increment: apartado; display: flex; align-items: baseline; gap: .8rem; margin: 2.6rem 0 var(--space-2); padding-top: 1.4rem; border-top: var(--border); font-size: 1.25rem; text-transform: uppercase; }
.legal__body h2::before { content: counter(apartado, decimal-leading-zero); font: 600 .8rem/1 var(--font-mono); letter-spacing: .12em; color: var(--color-accent-hover); }
.legal__body ul { margin: 0 0 var(--space-2); }
.legal__body li { position: relative; padding: .35rem 0 .35rem 1.3rem; }
.legal__body li::before { content: ""; position: absolute; left: 0; top: 1.1rem; width: .65rem; height: 2px; background: var(--color-accent); }

/* Ficha del titular */
.notice { margin: 0 0 var(--space-3); padding: 1.2rem 1.4rem; line-height: 1.9; border: var(--border); border-left: 3px solid var(--color-accent); background: rgba(255,255,255,.03); }
.notice strong { font: 600 .78rem/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--color-muted); margin-right: .4rem; }

.legal .btn { margin-top: var(--space-1); }

.legal__tabs, .legal__review { max-width: 70ch; }