/* SALVIA BLANCA — páginas legales (aviso de privacidad).
   Sobrias y legibles: una columna angosta, mucho interlineado. Lo que importa
   aquí es que se pueda leer, no que luzca. */

.legal {
  background: var(--sb-hueso);
  min-height: 100vh;
  padding: var(--sp-16) var(--canal) var(--sp-24);
  color: var(--sb-tinta);
}
.legal-in {
  max-width: 680px;
  margin: 0 auto;
}

.legal-head {
  text-align: center;
  padding-bottom: var(--sp-12);
  border-bottom: 1px solid var(--color-borde);
  margin-bottom: var(--sp-12);
}
.legal-head img {
  width: 110px;
  height: auto;
  margin: 0 auto var(--sp-6);
  display: block;
}
.legal-head h1 {
  font-family: var(--font-titulo);
  font-weight: 400;
  font-size: clamp(1.9rem, 5vw, 2.6rem);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0;
}
.legal-fecha {
  font-family: var(--font-cuerpo);
  font-size: var(--txt-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-texto-tenue);
  margin: var(--sp-3) 0 0;
}

.legal h2 {
  font-family: var(--font-titulo);
  font-weight: 400;
  font-size: var(--txt-lg);
  margin: var(--sp-12) 0 var(--sp-4);
}
.legal h3 {
  font-family: var(--font-cuerpo);
  font-weight: var(--peso-medio);
  font-size: var(--txt-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-acento);
  margin: var(--sp-6) 0 var(--sp-3);
}
.legal p,
.legal li {
  font-family: var(--font-cuerpo);
  font-weight: var(--peso-ligero);
  line-height: 1.8;
  color: var(--color-texto-suave);
}
.legal p {
  margin: 0 0 var(--sp-4);
}
.legal ul {
  margin: 0 0 var(--sp-4);
  padding-left: var(--sp-6);
}
.legal li {
  margin-bottom: var(--sp-2);
}
.legal a {
  color: var(--color-acento);
}

/* Tabla de terceros: en móvil se desplaza sola en vez de romper la página */
.legal-tabla {
  width: 100%;
  border-collapse: collapse;
  margin: var(--sp-6) 0 var(--sp-8);
  font-family: var(--font-cuerpo);
  font-size: var(--txt-sm);
  display: block;
  overflow-x: auto;
}
.legal-tabla th,
.legal-tabla td {
  text-align: left;
  padding: var(--sp-3) var(--sp-4);
  border-bottom: 1px solid var(--color-borde);
  vertical-align: top;
}
.legal-tabla th {
  font-weight: var(--peso-medio);
  font-size: var(--txt-xs);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--color-texto-tenue);
}
.legal-tabla td {
  font-weight: var(--peso-ligero);
  color: var(--color-texto-suave);
}

.legal-volver {
  margin-top: var(--sp-16);
  padding-top: var(--sp-8);
  border-top: 1px solid var(--color-borde);
  text-align: center;
}