/* legal.css — estilos de las páginas legales de victorpi.com.
   Reutiliza los tokens de marca (marca.css) y las fuentes (fonts.css). */

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--ground);color:var(--ink);
  font-family:'Montserrat',system-ui,-apple-system,'Segoe UI',sans-serif;
  line-height:1.7;font-size:1.02rem;
}

.lwrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}

/* Cabecera */
.lhead{border-bottom:1px solid var(--line);background:var(--ground)}
.lhead__in{display:flex;align-items:center;justify-content:space-between;height:4.25rem}
.lbrand{
  text-decoration:none;color:var(--ink);font-weight:700;font-size:1.15rem;letter-spacing:-.01em;
}
.lbrand strong{color:var(--c-primary)}
.lback{text-decoration:none;color:var(--link);font-weight:600;font-size:.95rem}
.lback:hover{text-decoration:underline}

/* Cuerpo */
main.legal{padding:2.75rem 0 3.5rem}
.legal h1{
  font-size:clamp(1.7rem,5vw,2.3rem);font-weight:800;letter-spacing:-.02em;
  line-height:1.15;margin:0 0 .4rem;color:var(--ink);
}
.legal__meta{color:var(--ink-faint);font-size:.9rem;margin:0 0 2rem}
.legal h2{
  font-size:1.2rem;font-weight:700;margin:2.4rem 0 .7rem;color:var(--c-primary);
  padding-top:1.4rem;border-top:1px solid var(--line);
}
.legal h2:first-of-type{border-top:0;padding-top:0}
.legal h3{font-size:1.02rem;font-weight:700;margin:1.4rem 0 .4rem;color:var(--ink)}
.legal p{margin:0 0 1rem;color:var(--ink-soft)}
.legal ul{margin:0 0 1rem;padding-left:1.3rem;color:var(--ink-soft)}
.legal li{margin:0 0 .5rem}
.legal a{color:var(--link);font-weight:600}
.legal strong{color:var(--ink)}
.legal__box{
  background:var(--surface);border:1px solid var(--line);border-radius:.7rem;
  padding:1.1rem 1.3rem;margin:0 0 1.4rem;
}
.legal__box p:last-child{margin-bottom:0}
table.legal__t{width:100%;border-collapse:collapse;margin:0 0 1.4rem;font-size:.95rem}
.legal__t th,.legal__t td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--line);vertical-align:top}
.legal__t th{color:var(--ink);font-weight:700;background:var(--surface)}
.legal__t td{color:var(--ink-soft)}
.legal__tscroll{overflow-x:auto}

/* Pie */
.lfoot{border-top:1px solid var(--line);padding:1.75rem 0;color:var(--ink-faint);font-size:.9rem}
.lfoot__nav{margin:0 0 .5rem}
.lfoot__nav a{color:var(--link);font-weight:600;text-decoration:none}
.lfoot__nav a:hover{text-decoration:underline}
.lfoot p{margin:.25rem 0}