/* Paginas de texto largo (terminos, privacidad). landing.css ya puso las
   variables y el header/footer; esto solo pone tipografia legible para un
   documento, que el h1/h2 de tamano "hero" de landing.css no da. */

.legal{padding:64px 0 96px;}
.legal-h{max-width:720px;margin:0 auto 40px;}
.legal-h h1{font-size:clamp(1.9rem,3.4vw,2.6rem);margin:0 0 10px;}
.legal-h .fecha{color:var(--tinta3);font-size:.92rem;margin:0;}

.legal article{max-width:720px;margin:0 auto;color:var(--tinta2);font-size:1.02rem;line-height:1.65;}
.legal article h2{font-family:var(--disp);font-weight:700;font-size:1.4rem;line-height:1.2;
  color:var(--tinta);margin:2.4em 0 .6em;letter-spacing:-.015em;}
.legal article h2:first-of-type{margin-top:0;}
.legal article p{margin:0 0 1.1em;}
.legal article ul{margin:0 0 1.1em;padding-left:1.3em;}
.legal article li{margin:0 0 .5em;}
.legal article strong{color:var(--tinta);}
.legal article a{color:var(--marca);text-decoration:underline;text-underline-offset:2px;}