/* Estilos propios de las páginas legales. Tokens, navegación, botones y footer vienen de site.css. */
main.legal{max-width:920px; padding-top:var(--s7); padding-bottom:var(--s5)}
@media(max-width:700px){ main.legal{padding-top:var(--s6)} }
.doc-title{font-size:clamp(2.6rem,7.5vw,5.6rem); font-weight:600; line-height:.95; letter-spacing:-.05em}
.updated{color:var(--muted); font-size:.95rem; margin-top:var(--s2)}

.doc{background:var(--card); border-radius:var(--r); padding:clamp(24px,5vw,56px); margin-top:var(--s5); line-height:1.7}
.doc a{color:var(--brand); border-bottom:1px solid rgba(3,21,128,.3)}
.doc a:hover{border-color:var(--brand)}
.doc h2{font-size:1.4rem; font-weight:600; letter-spacing:-.025em; margin:var(--s5) 0 var(--s2); color:var(--ink)}
.doc h2:first-child{margin-top:0}
.doc h3{font-size:1.1rem; font-weight:600; letter-spacing:-.015em; margin:var(--s4) 0 10px; color:var(--ink)}
.doc p{margin:0 0 var(--s2); color:var(--ink-2)}
.doc ul{margin:0 0 var(--s2) 1.3em; color:var(--ink-2)}
.doc li{margin-bottom:8px}
.doc strong{color:var(--ink); font-weight:600}

.note{
  background:var(--bg); border-left:3px solid var(--brand); border-radius:12px;
  padding:var(--s3); margin:var(--s3) 0; font-size:.96rem; color:var(--ink-2);
}
.legal-legend{background:var(--bg); border-radius:12px; padding:var(--s3); margin:var(--s2) 0; font-size:.92rem; color:var(--ink-2)}

.steps-ol{margin:var(--s2) 0 var(--s2) 1.3em; color:var(--ink-2)}
.steps-ol li{margin-bottom:12px}

/* Botón de WhatsApp de "Eliminación de datos" */
.doc a.btn-wa{
  display:inline-flex; align-items:center; gap:9px; margin-top:var(--s2);
  background:var(--brand); color:#fff; font-weight:600; border:0;
  padding:0 24px; min-height:50px; border-radius:999px;
  transition:background var(--spring), box-shadow var(--spring);
}
.doc a.btn-wa:hover{background:var(--brand-2); box-shadow:0 8px 22px rgba(3,21,128,.28)}
.doc a.btn-wa svg{width:18px; height:18px}