/* Estilos de los documentos legales — lectura larga, cómoda en el móvil */
.legal{width:min(100% - 40px,760px);margin-inline:auto;padding:clamp(110px,14vw,160px) 0 90px}
.legal__vuelta{display:inline-block;margin-bottom:22px;color:var(--cyan);font-weight:600;font-size:.94rem}
.legal h1{font-size:clamp(1.9rem,5vw,2.7rem);font-weight:700;letter-spacing:-.02em;margin:0 0 .3em}
.legal .fecha{color:var(--tx-3);font-size:.92rem;margin:0 0 42px}
.legal h2{
  font-size:1.32rem;font-weight:600;margin:44px 0 .6em;padding-top:22px;
  border-top:1px solid var(--line);
}
.legal h3{font-size:1.05rem;font-weight:600;margin:26px 0 .4em;color:var(--tx)}
.legal p,.legal li{color:var(--tx-2);line-height:1.75;font-size:1.02rem}
.legal p{margin:0 0 1em}
.legal ul,.legal ol{padding-left:1.3em;margin:0 0 1.2em}
.legal li{margin-bottom:.5em}
.legal b,.legal strong{color:var(--tx);font-weight:600}
.legal a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.legal__resumen{
  padding:22px 24px;border-radius:var(--r-l);margin:0 0 36px;
  background:rgba(46,175,230,.09);border:1px solid rgba(46,175,230,.28);
}
.legal__resumen p:last-child{margin-bottom:0}
.legal__aviso{
  padding:18px 22px;border-radius:var(--r-m);margin:0 0 32px;font-size:.95rem;
  background:rgba(248,199,0,.08);border:1px solid rgba(248,199,0,.28);
}
.legal__aviso b{color:var(--gold)}
.legal table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.95rem}
.legal th{text-align:left;padding:10px 12px;color:var(--tx-3);font-weight:600;font-size:.82rem;
          text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--line)}
.legal td{padding:12px;border-bottom:1px solid var(--line);color:var(--tx-2);vertical-align:top}
.legal td:first-child{color:var(--tx);font-weight:500;white-space:nowrap}
.legal__pie{margin-top:56px;padding-top:26px;border-top:1px solid var(--line);color:var(--tx-3);font-size:.92rem}
@media (max-width:600px){
  .legal td:first-child{white-space:normal}
  .legal table,.legal thead,.legal tbody,.legal tr,.legal td{display:block;width:100%}
  .legal th{display:none}
  .legal tr{padding:12px 0;border-bottom:1px solid var(--line)}
  .legal td{border:0;padding:2px 0}
}