:root{
  --legal-text:  var(--catsi-black, #1F1F1F);
  --legal-muted: rgba(31,31,31,.78);
}

/* mateixa tipografia que login/register */
.legal-layout,
.legal-layout *{
  font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

/* contenidor general */
.legal-layout{
  width: 100%;
  background: #fff;
  margin-top: -100px;
  padding-top: 140px;   /* ajusta aquí si vols més o menys aire sota la pastilla */
  padding-bottom: 80px;
  display: block;
}

/* alineació exacta amb el sistema del header-home */
.legal-inner{
  width: 100%;
  padding-left: calc((100vw - 1400px) / 2 + 120px);
  padding-right: 80px;
  box-sizing: border-box;
  display: block;
}

/* wrapper real del contingut de lectura */
.legal-content-wrapper{
  max-width: min(1180px, 100%);
  width: 100%;
  display: block;
}

/* títol principal */
.legal-page__title{
  margin: 0 0 34px 0;
  font-size: clamp(40px, 4vw, 50px);
  line-height: 1.05;
  font-weight: 800;
  color: var(--legal-text);
}

/* cos del text */
.legal-page__content{
  width: 100%;
  display: block;
  font-size: 15px;
  line-height: 1.32;
  color: var(--legal-muted);
}

/* paràgrafs */
.legal-page__content p{
  margin: 0 0 18px 0;
}

/* subtítols */
.legal-page__content h2{
  margin: 26px 0 8px 0;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  color: var(--legal-text);
}

/* enllaços */
.legal-page__content a{
  color: inherit;
  text-decoration: underline;
}

/* evita talls estranys en paraules/enllaços llargs */
.legal-page__content,
.legal-page__content p,
.legal-page__content h2{
  overflow-wrap: break-word;
  word-break: normal;
}

/* responsive */
@media (max-width: 1400px){
  .legal-inner{
    padding-left: 120px;
    padding-right: 80px;
  }
}

@media (max-width: 900px){
  .legal-layout{
    margin-top: 0;
    padding-top: 36px;
    padding-bottom: 56px;
  }

  .legal-inner{
    padding-left: 18px;
    padding-right: 18px;
  }

  .legal-content-wrapper{
    max-width: 100%;
  }

  .legal-page__title{
    font-size: 40px;
    margin-bottom: 24px;
  }

  .legal-page__content{
    font-size: 15px;
    line-height: 1.5;
  }

  .legal-page__content h2{
    font-size: 18px;
    margin-top: 24px;
  }
}