/* Páginas legales (aviso legal, privacidad): reutilizan los tokens de styles.css */
.legal { background: var(--gray-50); color: var(--gray-700); }

.legal__header {
  background: var(--white);
  border-bottom: 1px solid var(--gray-200);
  padding: 1rem 0;
}

.legal__logo { max-width: 170px; height: auto; display: block; }

.legal__main {
  max-width: 820px;
  padding-top: 3rem;
  padding-bottom: 4rem;
  line-height: 1.7;
}

.legal__main h1 {
  font-family: var(--font-display);
  color: var(--navy);
  font-size: clamp(1.8rem, 4vw, 2.4rem);
  margin-bottom: 0.25rem;
}

.legal__main h2 {
  font-family: var(--font-display);
  color: var(--navy);
  font-size: 1.15rem;
  margin: 2rem 0 0.5rem;
}

.legal__main p { margin-bottom: 0.9rem; }
.legal__main a { color: var(--blue); text-decoration: underline; }
.legal__updated { color: var(--gray-500); font-size: 0.85rem; }

.legal__data {
  list-style: none;
  padding: 1rem 1.25rem;
  background: var(--white);
  border: 1px solid var(--gray-200);
  border-radius: 10px;
}

.legal__data li { padding: 0.2rem 0; }

.footer__bottom a { color: var(--gray-400); }
.footer__bottom a:hover { color: var(--orange); }