/*!
 * Estilos propios de la página de política de privacidad.
 * Autónomos a propósito (tipografía serif, TOC, etc.) — separados de app.css
 * porque esta página no usa los componentes .qa-* del resto de la app.
 */
.legal :root,
.legal{
  --ink:#14201c;
  --ink-soft:#4a5a54;
  --line:#dfe3e0;
  --paper:#fbfbf9;
  --panel:#f2f5f3;
  --accent:#1f6b52;
  --accent-soft:#e7f0ec;
}
.legal *{box-sizing:border-box}
.legal{
  background:var(--paper);
  color:var(--ink);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  font-size:17px;
  line-height:1.65;
}
.legal .wrap{max-width:760px;margin:0 auto;padding:56px 24px 96px}
.legal header.legal-head{border-bottom:1px solid var(--line);padding-bottom:28px;margin-bottom:36px}
.legal .eyebrow{
  font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);font-weight:600;margin:0 0 10px
}
.legal h1{
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,6vw,42px);
  line-height:1.15;font-weight:600;margin:0 0 12px;letter-spacing:-.01em;
}
.legal .meta{color:var(--ink-soft);font-size:15px;margin:0}
.legal h2{
  font-family:Georgia,"Times New Roman",serif;
  font-size:23px;font-weight:600;margin:44px 0 12px;line-height:1.25;
  scroll-margin-top:20px;
}
.legal h3{font-size:17px;font-weight:600;margin:26px 0 6px}
.legal p,.legal li{color:var(--ink)}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 14px;padding-left:22px}
.legal li{margin-bottom:7px}
.legal a{color:var(--accent)}
.legal strong{font-weight:600}
.legal .summary{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:10px;
  padding:22px 24px;
  margin:0 0 12px;
}
.legal .summary h2{margin-top:0;font-size:19px}
.legal .summary ul{margin-bottom:0}
.legal .toc{margin:32px 0 0;padding:0;list-style:none;columns:2;column-gap:28px}
.legal .toc li{margin-bottom:6px;font-size:15px;break-inside:avoid}
.legal .note{
  border-left:3px solid var(--accent);
  background:var(--accent-soft);
  padding:14px 18px;border-radius:0 8px 8px 0;margin:18px 0;
  font-size:15.5px;
}
.legal .note p:last-child{margin-bottom:0}
.legal table{border-collapse:collapse;width:100%;margin:16px 0;font-size:15.5px}
.legal th,.legal td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.legal th{background:var(--panel);font-weight:600}
.legal footer.legal-foot{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);color:var(--ink-soft);font-size:15px}
@media (max-width:560px){.legal .toc{columns:1}.legal .wrap{padding:36px 20px 72px}}