/* =========================================================
   BIIO Training Room — Política de Privacidad
   ========================================================= */

.legal { padding: 140px 0 100px; }
.legal__wrap { max-width: 760px; }

.legal__title {
  font-family: "Anton", sans-serif; text-transform: uppercase;
  font-size: clamp(2.2rem, 6vw, 3.2rem); line-height: 1.05;
  margin: 14px 0 10px; color: var(--white);
}
.legal__updated {
  font-family: "Space Mono", monospace; font-size: 0.82rem;
  color: var(--grey-2); margin-bottom: 26px;
}
.legal__intro {
  color: var(--grey); font-size: 1.05rem; line-height: 1.7;
  margin-bottom: 34px;
}
.legal__intro strong { color: var(--white); }

.legal__toc {
  display: flex; flex-wrap: wrap; gap: 8px 18px;
  padding: 20px 22px; margin-bottom: 44px;
  border: 1px solid var(--line-2); border-radius: var(--radius);
  background: var(--bg-2);
}
.legal__toc a {
  font-family: "Archivo", sans-serif; font-weight: 600; font-size: 0.86rem;
  color: var(--grey);
}
.legal__toc a:hover { color: var(--blue-soft); }

.legal__article section { margin-bottom: 38px; }
.legal__article h2 {
  font-family: "Archivo", sans-serif; font-weight: 800; font-size: 1.15rem;
  color: var(--white); margin-bottom: 14px;
  padding-top: 8px; scroll-margin-top: 100px;
}
.legal__article p { color: var(--grey); font-size: 0.98rem; line-height: 1.75; margin-bottom: 12px; }
.legal__article ul { color: var(--grey); font-size: 0.98rem; line-height: 1.75; margin: 0 0 12px 20px; }
.legal__article li { margin-bottom: 6px; }
.legal__article strong { color: var(--white); }
.legal__article a { color: var(--blue-soft); text-decoration: underline; text-underline-offset: 3px; }
.legal__article a:hover { color: var(--white); }

@media (max-width: 640px) {
  .legal { padding: 110px 0 70px; }
  .legal__toc { flex-direction: column; gap: 10px; }
}