/* LEGAL · PERFECTOS PROMETIDOS (AISLADO) */

main.legal-page{
  background: #fbfaf7;
  padding: 220px 0 200px;
}

.legal-wrap{
  max-width: 780px;
  margin: 0 auto;
  padding: 0 28px;
}

.legal-wrap h1{
  font-size: clamp(2.2rem, 4vw, 3.0rem);
  margin: 0 0 44px;
  letter-spacing: -0.02em;
}

.legal-wrap h2{
  font-size: 1.2rem;
  margin: 38px 0 14px;
  letter-spacing: 0.02em;
}

.legal-wrap p,
.legal-wrap li{
  font-size: 1.05rem;
  line-height: 1.85;
  color: rgba(17,17,17,.78);
}

.legal-wrap p{ margin: 0 0 26px; }

.legal-wrap ul{
  margin: 0 0 26px;
  padding-left: 18px;
}

.legal-wrap a{
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(17,17,17,.25);
}

.legal-wrap a:hover{
  border-bottom-color: rgba(17,17,17,.5);
}

.legal-back{ margin-top: 56px; }

.legal-back a{
  font-size: .9rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(17,17,17,.6);
}

/* Mobile */
@media (max-width:720px){
  main.legal-page{ padding: 140px 0 120px; }
  .legal-wrap{ padding: 0 18px; }
}
/* ===============================
   LEGAL · PERFECTOS PROMETIDOS (FINAL)
   =============================== */

.legal-wrap{
  letter-spacing: 0.01em;
}

.legal-wrap h1{
  font-weight: 500;
}

.legal-wrap h2{
  font-weight: 500;
  color: rgba(17,17,17,.9);
}

.legal-wrap p,
.legal-wrap li{
  text-align: left;
}

.legal-wrap h2::before{
  content: "";
  display: block;
  width: 28px;
  height: 1px;
  background: rgba(17,17,17,.25);
  margin: 48px 0 18px;
}

.legal-wrap ul{
  list-style: none;
  padding-left: 0;
}

.legal-wrap ul li{
  position: relative;
  padding-left: 18px;
}

.legal-wrap ul li::before{
  content: "—";
  position: absolute;
  left: 0;
  color: rgba(17,17,17,.45);
}

.legal-wrap a{
  border-bottom-color: rgba(17,17,17,.18);
}

.legal-wrap a:hover{
  border-bottom-color: rgba(17,17,17,.4);
}

.legal-back a{
  font-weight: 500;
  letter-spacing: .12em;
}

/* ===============================
   PORTADILLA LEGAL · PP
   =============================== */

.legal-cover{
  margin: 0 0 54px;
  padding: 18px 0 22px;
  position: relative;
}

.legal-cover::after{
  content: "";
  display: block;
  width: 84px;
  height: 1px;
  background: rgba(17,17,17,.22);
  margin-top: 18px;
}

.legal-kicker{
  font-size: 0.82rem;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: rgba(17,17,17,.55);
}

.legal-caption{
  margin-top: 10px;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
  color: rgba(17,17,17,.78);
}

.legal-cover + h1{
  margin-top: 0;
}