/* Hoja de las páginas legales (privacy, terms, data-deletion).
   Aparte de style.css a propósito: son páginas de TEXTO, sin hero ni vídeo, y lo único que
   necesitan de la marca es la tipografía, el fondo y el dorado. Todo lo demás sobra. */
.legal{max-width:760px;margin:0 auto;padding:120px 22px 90px}
.legal h1{font-size:clamp(30px,4.2vw,42px);font-weight:700;margin:0 0 6px;letter-spacing:.5px}
.legal .upd{color:var(--text-dim);font-size:14px;margin:0 0 34px}
.legal h2{font-size:21px;font-weight:700;margin:34px 0 10px;letter-spacing:.3px}
.legal p,.legal li{color:var(--text-dim);font-size:16px;line-height:1.65}
.legal ul{padding-left:20px;margin:10px 0}
.legal li{margin:6px 0}
.legal a{color:var(--gold)}
.legal strong{color:var(--text)}
.legal .box{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:18px 20px;margin:20px 0}
.legal .box p:last-child{margin-bottom:0}