/* =========================================================
   LEGAL SIMPLE (legal-simple.css)
   Estilo documento: fondo blanco, título centrado + línea roja
========================================================= */

/* Opcional: si tu styles.css ya trae container, esto no molesta */
.container{
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 18px;
}

/* Base */
.legalDoc{
  background: #fff;
  color: #111;
}

.legalWrap{
  max-width: 980px;
  margin: 0 auto;
  padding: 44px 18px 60px;
}

/* Título centrado + subrayado rojo */
.legalTitle{
  text-align: center;
  font-size: clamp(2rem, 3.2vw, 3.1rem);
  line-height: 1.1;
  margin: 0;
  font-weight: 900;
  letter-spacing: -0.02em;
}

.legalTitleLine{
  width: 120px;
  height: 4px;
  background: #121168; /* rojo estilo documento */
  margin: 12px auto 26px;
  border-radius: 999px;
}

/* Intro */
.legalIntro{
  font-size: 1.02rem;
  line-height: 1.7;
  margin: 0 0 26px;
}

/* Secciones */
.legalSection{
  margin: 26px 0 0;
}

.legalH2{
  font-size: 1.55rem;
  margin: 0 0 10px;
  font-weight: 900;
}

.legalSection p{
  margin: 0 0 12px;
  line-height: 1.7;
  font-size: 1.02rem;
}

/* Datos del responsable en bloque simple */
.legalData p{
  margin: 0 0 6px;
}

/* Links */
.legalWrap a{
  color: #111;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Footer simple */
.legalFooter{
  border-top: 1px solid #eaeaea;
  background: #fff;
}

.legalFooter__wrap{
  padding: 18px 18px;
  font-size: 0.95rem;
  color: #444;
}

/* Responsive */
@media (max-width: 520px){
  .legalWrap{
    padding-top: 34px;
  }
  .legalH2{
    font-size: 1.35rem;
  }
}