/* ===== Paginas legales: Terminos y Privacidad ===== */

.legal-page{padding:3.5rem 1.5rem 5rem;}
.legal-container{
  max-width:var(--container); margin:0 auto;
  display:grid; grid-template-columns:240px 1fr; gap:3.5rem;
  align-items:start;
}

.legal-toc{
  position:sticky; top:6.5rem;
  display:flex; flex-direction:column; gap:.55rem;
  border-left:2px solid var(--line); padding-left:1.2rem;
}
.legal-toc-label{
  font-family:var(--mono); font-size:.7rem; letter-spacing:.1em; text-transform:uppercase;
  color:var(--teal); margin-bottom:.4rem; font-weight:600;
}
.legal-toc a{
  font-size:.84rem; color:var(--ink-soft); line-height:1.5; transition:color .2s;
}
.legal-toc a:hover{color:var(--navy);}

.legal-content{max-width:680px;}
.legal-eyebrow{
  font-family:var(--mono); font-size:.72rem; letter-spacing:.12em; text-transform:uppercase;
  color:var(--teal); font-weight:500; margin-bottom:.8rem;
}
.legal-content h1{font-size:clamp(2rem,4vw,2.7rem); color:var(--navy); line-height:1.1;}
.legal-updated{margin-top:.8rem; font-size:.86rem; color:var(--ink-soft); font-family:var(--mono);}
.legal-intro{
  margin-top:1.8rem; padding:1.4rem 1.6rem; background:var(--teal-light); border-radius:var(--radius-s);
  font-size:.96rem; color:var(--navy); line-height:1.65;
}
.legal-content h2{
  margin-top:3rem; margin-bottom:1rem; font-size:1.35rem; color:var(--navy);
  scroll-margin-top:6rem;
}
.legal-content p{font-size:.96rem; color:var(--ink-soft); line-height:1.75; margin-bottom:1rem;}
.legal-content ul{margin:1rem 0 1.2rem; display:flex; flex-direction:column; gap:.6rem;}
.legal-content li{
  font-size:.94rem; color:var(--ink-soft); line-height:1.65; padding-left:1.3rem; position:relative;
}
.legal-content li::before{
  content:""; position:absolute; left:0; top:.55em; width:6px; height:6px; border-radius:50%; background:var(--gold);
}
.legal-content strong{color:var(--navy); font-weight:600;}
.legal-content a{color:var(--teal); font-weight:600; border-bottom:1px solid transparent; transition:border-color .2s;}
.legal-content a:hover{border-color:var(--teal);}

.legal-table-wrap{overflow-x:auto; margin:1.2rem 0 1.6rem; border:1px solid var(--line); border-radius:var(--radius-s);}
.legal-table{width:100%; border-collapse:collapse; font-size:.9rem;}
.legal-table th{
  background:var(--navy); color:#fff; text-align:left; padding:.8rem 1rem; font-weight:600; font-size:.85rem;
}
.legal-table td{padding:.8rem 1rem; border-bottom:1px solid var(--line); color:var(--ink-soft);}
.legal-table tr:last-child td{border-bottom:none;}
.legal-table tr:nth-child(even){background:var(--ivory);}

.legal-footer-nav{margin-top:3.5rem; padding-top:2rem; border-top:1px solid var(--line);}
.legal-footer-nav a{
  font-weight:700; color:var(--navy); font-size:.98rem;
}

@media (max-width: 900px){
  .legal-container{grid-template-columns:1fr;}
  .legal-toc{
    position:static; border-left:none; border-top:1px solid var(--line); padding-left:0; padding-top:1.2rem;
    flex-direction:row; flex-wrap:wrap; gap:.6rem 1.2rem; order:2;
  }
  .legal-content{order:1;}
}