/* Páginas legales: hereda el sistema y añade lo propio de texto largo */
.legal{padding:clamp(130px,15vh,170px) 0 clamp(70px,8vw,110px);max-width:none}
.legal__in{max-width:min(760px,100%)}
.legal h1{font-size:clamp(1.9rem,3.4vw,3rem);margin:22px 0 14px}
.legal__fecha{font-size:.78rem;color:rgba(0,0,0,.42);margin-bottom:clamp(40px,5vw,60px)}
.legal h2{font-size:clamp(1.15rem,1.8vw,1.45rem);margin:clamp(38px,4vw,52px) 0 16px;letter-spacing:-.02em}
.legal h3{font-size:1rem;margin:26px 0 10px}
.legal p,.legal li{font-size:1rem;line-height:1.7;color:rgba(0,0,0,.72)}
.legal p+p{margin-top:14px}
.legal ul{margin:14px 0 0 0}
.legal li{position:relative;padding-left:20px;margin-bottom:10px}
.legal li::before{content:"";position:absolute;left:0;top:11px;width:6px;height:1px;background:var(--azul)}
.legal table{width:100%;border-collapse:collapse;margin-top:18px;font-size:.94rem}
.legal th,.legal td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--linea-clara);vertical-align:top}
.legal th{font-size:.62rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(0,0,0,.5)}
.legal a{color:var(--azul);text-decoration:underline;text-underline-offset:3px}
.rellenar{
  background:rgba(0,96,255,.09);color:#0047bd;font-weight:600;
  padding:1px 7px;border-radius:4px;white-space:nowrap;
}
.legal__aviso{
  margin-bottom:clamp(36px,4vw,52px);padding:22px 24px;border:1px solid var(--azul);
  border-radius:var(--r-m);background:rgba(0,96,255,.05);
}
.legal__aviso p{font-size:.92rem;color:rgba(0,0,0,.78)}
.legal__volver{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(48px,5vw,70px);font-size:.9rem;font-weight:700}
.legal__volver:hover{color:var(--azul)}