/* Contenedor general */
.legales {
  max-width: var(--ancho-maximo);
  margin: var(--espacio-4) auto var(--espacio-4);
  padding-inline: var(--espacio-2);
}

/* Cabecera */
.legales-hero {
  text-align: center;
  margin-bottom: var(--espacio-3);
}
.legales-hero h1 {
  font-family: var(--fuente-titulos);
  font-size: clamp(1.6rem, 3vw, 2.2rem);
  margin: 0 0 .4rem 0;
  color: var(--color-principal);
}
.legales-intro {
  opacity: .9;
}

/* Cuerpo */
.legales-contenido {
  display: grid;
  gap: var(--espacio-2);
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: var(--sombra);
  border-radius: var(--radio-borde);
  padding: clamp(1rem, 2.5vw, 2rem);
  line-height: 1.75;
}

.legales-contenido h2 {
  font-family: var(--fuente-titulos);
  color: var(--color-texto);
  margin: var(--espacio-2) 0 var(--espacio-1);
  font-size: clamp(1.1rem, 2.2vw, 1.35rem);
}

.legales-contenido a {
  color: var(--color-principal);
  text-decoration: none;
}
.legales-contenido a:hover {
  text-decoration: underline;
}

/* Listas */
.legales-contenido ul {
  margin: 0;
  padding-left: 1.1rem;
}
.legales-contenido li { margin: .35rem 0; }

/* Responsive extra */
@media (max-width: 600px) {
  .legales { margin: var(--espacio-3) auto; }
}