.section-title-page {
  background: #fff;

  position: relative;
  z-index: 1;
}

.section-title-page .nav {
  max-width: 1477px;
  margin: auto;
  width: 100%;
  padding: 10px;
  display: flex;
  gap: 10px;
}

.section-title-page .nav a {
  color: var(--bleu-1-vivactis, #000082);
  font-family: "Quicksand", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
  text-decoration: none;
  text-transform: uppercase;
}

.section-title-page .nav span {
  color: var(--bleu-1-vivactis, #000082);
  font-family: "Quicksand", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}

.content-legal {
  max-width: 1477px;
  margin: 0 auto 130px;
}

.content-legal .principal {
  max-width: 1257px;
  margin: auto;
  z-index: 1;
  position: relative;
}

.content-legal p,
.content-legal ul li,
.content-legal a {
  color: var(--blanc, #fff);
  font-family: "Quicksand", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 140.069%;
}

.content-legal a {
  text-decoration: none;
}

.content-legal h1 {
  color: var(--blanc, #fff);
  text-align: justify;
  font-family: "Unica One";
  font-size: 100px;
  font-style: normal;
  font-weight: 400;
  line-height: 83%; /* 83px */
  text-transform: uppercase;
}

.content-legal .subtitle {
  color: var(--blanc, #fff);
  font-family: "Quicksand", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 200%;
  text-transform: uppercase;
}

.title-content {
  margin-top: 80px;
  margin-bottom: 88px;
}

.bold {
  font-weight: 700 !important;
}

.mt-p {
  margin-top: 25px;
}

.mb-p {
  margin-bottom: 25px;
}

ul {
  margin-left: 20px;
}

@media (max-width: 1500px) {
  .content-legal {
    padding: 0 15px;
  }
}

main {
  position: relative;
  overflow: hidden;
}

/** Imagenes legal-notice **/
.img--1 {
  position: absolute;
  top: 730px;
  right: 71px;
  rotate: 118deg;
  max-width: 207px;
  width: 100%;
}

.img--2 {
  position: absolute;
  top: 1389px;
  right: -113px;
  rotate: -172deg;
  max-width: 367px;
  width: 100%;
}

.img--3 {
  position: absolute;
  top: 2015px;
  right: 170px;
  max-width: 164px;
  width: 100%;
}

.img--4 {
  position: absolute;
  top: 1887px;
  left: -99px;
  max-width: 415px;
  width: 100%;
}

/** Imagenes legal-privacy **/
.img--5 {
  position: absolute;
  top: 680px;
  right: 71px;
  rotate: 118deg;
  max-width: 207px;
  width: 100%;
}

.img--6 {
  position: absolute;
  top: 1352px;
  right: -113px;
  rotate: -172deg;
  max-width: 367px;
  width: 100%;
}

.img--7 {
  position: absolute;
  top: 1994px;
  right: 170px;
  max-width: 164px;
  width: 100%;
}

.img--8 {
  position: absolute;
  top: 1846px;
  left: -99px;
  max-width: 415px;
  width: 100%;
}

.img--9 {
  position: absolute;
  top: 2692px;
  right: -128px;
  max-width: 367px;
  width: 100%;
  rotate: -172deg;
}

.img--10 {
  position: absolute;
  top: 2698px;
  left: 60px;
  max-width: 113px;
  width: 100%;
}

.img--11 {
  position: absolute;
  bottom: -85px;
  left: -112px;
  max-width: 294px;
  width: 100%;
  rotate: -58deg;
}

/** Imagenes cookies **/
.img--12 {
  position: absolute;
  top: 719px;
  right: 71px;
  rotate: 118deg;
  max-width: 207px;
  width: 100%;
}

.img--13 {
  position: absolute;
  top: 1376px;
  right: -113px;
  rotate: -172deg;
  max-width: 367px;
  width: 100%;
}

.img--14 {
  position: absolute;
  top: 1994px;
  right: 170px;
  max-width: 164px;
  width: 100%;
}

.img--15 {
  position: absolute;
  top: 1900px;
  left: -99px;
  max-width: 415px;
  width: 100%;
}