/* legal.css — aviso legal y política de privacidad.
   Se carga sobre partner.css. Una sola columna de lectura, sin adornos. */
.legal-page{height:auto; min-height:100vh; overflow:visible; padding:clamp(120px,18vh,180px) 0 clamp(70px,10vh,110px)}
.legal-wrap{width:100%; max-width:960px; margin:0 auto; padding:0 clamp(28px,5vw,72px)}
.legal-body{max-width:70ch}
.legal-body h2{font-family:'Space Grotesk',sans-serif; font-weight:400; font-size:clamp(19px,1.9vw,25px);
  line-height:1.25; color:var(--ink); margin:clamp(44px,6vh,64px) 0 clamp(14px,2vh,20px)}
.legal-body h3{font-family:'Space Grotesk',sans-serif; font-weight:400; font-size:clamp(16px,1.5vw,19px);
  color:var(--ink); margin:clamp(28px,4vh,36px) 0 10px}
.legal-body p,.legal-body li{font-family:'Inter',sans-serif; font-weight:300; font-size:16px;
  line-height:1.7; color:var(--stone); margin:0 0 14px}
.legal-body ul{margin:0 0 14px; padding-left:22px}
.legal-body li{margin-bottom:8px}
.legal-body strong{color:var(--ink); font-weight:400}
.legal-body a{color:var(--bronze); text-decoration:underline; text-underline-offset:3px}
.legal-body dl{margin:0}
.legal-body dt{font-family:'Inter',sans-serif; font-weight:300; font-size:12px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--bronze); margin-top:22px}
.legal-body dd{margin:6px 0 0; font-family:'Inter',sans-serif; font-weight:300; font-size:16px;
  line-height:1.7; color:var(--stone)}
.legal-body .todo{display:inline-block; padding:1px 8px; border:1px dashed var(--bronze);
  border-radius:2px; color:var(--bronze); font-size:14px; letter-spacing:.04em}
.legal-body table{width:100%; border-collapse:collapse; margin:0 0 14px}
.legal-body th,.legal-body td{text-align:left; padding:12px 16px 12px 0; border-bottom:1px solid var(--line);
  font-family:'Inter',sans-serif; font-weight:300; font-size:15px; line-height:1.6; color:var(--stone);
  vertical-align:top}
.legal-body th{color:var(--bronze); font-size:11px; letter-spacing:.18em; text-transform:uppercase;
  border-bottom-color:var(--line-2)}
.legal-updated{font-family:'Inter',sans-serif; font-weight:300; font-size:13px; color:var(--gray);
  margin-top:clamp(44px,6vh,64px); padding-top:clamp(22px,3vh,30px); border-top:1px solid var(--line)}

/* En móvil la tabla se apila: cada celda muestra su encabezado con data-l, así el texto legal
   sigue siendo legible y la página nunca scrollea en horizontal. */
@media (max-width:680px){
  .legal-body table,.legal-body tbody,.legal-body tr,.legal-body td{display:block; width:100%}
  .legal-body thead{display:none}
  .legal-body tr{padding:20px 0; border-bottom:1px solid var(--line)}
  .legal-body tr:last-child{border-bottom:0}
  .legal-body td{border:0; padding:0 0 14px}
  .legal-body td:last-child{padding-bottom:0}
  .legal-body td::before{content:attr(data-l); display:block; font-family:'Inter',sans-serif;
    font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--bronze); margin-bottom:6px}
}