/* Página de aviso de privacidad: texto largo y legible, con la misma letra de la página */
.legal-top { padding: 1rem var(--gutter); border-bottom: 1px solid #c6d8cf; }
.legal-texto { max-width: 44rem; margin: 0 auto; padding: 2.5rem var(--gutter) 4rem; display: grid; gap: 1rem; }
.legal-texto h1 { font-size: clamp(2.6rem, 1.8rem + 3vw, 4rem); }
.legal-texto h2 { font-size: clamp(1.7rem, 1.4rem + 1vw, 2.2rem); margin-top: 1.5rem; }
.legal-texto p, .legal-texto li { color: #33423a; }
.legal-texto ul, .legal-texto ol { margin: 0; padding-left: 1.4rem; display: grid; gap: 0.4rem; }
.legal-texto mark { background: #fff1a8; padding: 0 0.15em; }
.legal-volver { margin-top: 2rem; }
/* En celular la página principal pone el logo en blanco (va sobre el video); aquí no hay video */
.legal .marca { color: var(--verde); }
.legal .marca b { color: var(--cancha); }