/* Las dos páginas legales. TODAS SUS CLASES LLEVAN "lg-": reutilicé
   ".cuando", que en app.css es el selector de fecha y hora y trae fondo de
   tarjeta, y la fecha de la política salió metida en una caja blanca. Un
   prefijo lo hace imposible en vez de improbable.
 Comparten hoja con la aplicación -la paleta, la
   tipografía- y aquí va sólo lo que un documento largo necesita y una
   aplicación no: una columna estrecha para que la línea se lea, y números de
   sección a los que se pueda apuntar con un enlace. */
.legal{max-width:720px;margin:0 auto;padding:28px 20px 80px}
.legal h1{font-size:30px;letter-spacing:-.025em;margin:0 0 6px;line-height:1.15}
.legal .lg-fecha{font-size:14px;color:var(--suave);margin:0 0 6px}
.legal .lg-corto{background:var(--tarjeta);border-radius:var(--r-xl);
  padding:16px 18px;margin:20px 0 28px;box-shadow:var(--sombra-1),var(--aro)}
.legal .lg-corto > b:first-child{display:block;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:var(--azul);margin-bottom:7px}
.legal .lg-corto p{margin:0 0 8px;font-size:15.5px;line-height:1.5}
.legal .lg-corto p:last-child{margin-bottom:0}
.legal h2{font-size:19px;letter-spacing:-.02em;margin:30px 0 8px;
  scroll-margin-top:70px}
.legal h2 .lg-n{color:var(--tenue);font-variant-numeric:tabular-nums;
  margin-right:8px;font-weight:600}
.legal p,.legal li{font-size:15.5px;line-height:1.62;color:var(--tinta)}
.legal p{margin:0 0 12px;max-width:66ch}
.legal ul{margin:0 0 14px;padding-left:20px}
.legal li{margin-bottom:6px;max-width:64ch}
.legal .lg-ojo{border-left:3px solid var(--ambar);padding:2px 0 2px 14px;
  margin:16px 0;color:var(--tinta)}
.legal table{border-collapse:collapse;margin:6px 0 16px;font-size:15px}
.legal th,.legal td{text-align:left;padding:7px 16px 7px 0;
  border-bottom:.5px solid var(--pelo);vertical-align:top}
.legal th{font-weight:650;color:var(--suave);font-size:13px;
  text-transform:uppercase;letter-spacing:.05em}
.legal a{color:var(--azul)}
.legal .lg-pie{margin-top:44px;padding-top:18px;border-top:.5px solid var(--pelo);
  font-size:14px;color:var(--suave)}
.legal .lg-pie a{margin-right:14px}
@media (max-width:520px){
  .legal h1{font-size:25px}
  .legal{padding:20px 16px 64px}
}