/* LEGALS PAGE */
.legals-wrapper {
  max-width: var(--max-width);
  padding: var(--section-padding-vertical) var(--section-padding-horizontal);
  padding-top: calc(var(--navbar-height) + var(--section-padding-vertical));
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.legals-title {
  font: var(--f-h-h4);
  color: var(--neutral-100);
  text-align: start;
  margin-bottom: 2rem;
}

.legals-content-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: 1rem;
}

.legals-subtitle {
  font: var(--f-h-h5);
  color: var(--neutral-100);
  margin-bottom: 1rem;
}

.legals-text {
  font: var(--f-t-l);
  color: var(--neutral-300);
  line-height: 1.6;
  margin-bottom: 1rem;
}

.legals-text:last-child {
  margin-bottom: 0;
}

.legals-links {
  color: var(--primary-300);
  text-decoration: underline;
  transition: color 0.2s ease;
}

.legals-links:hover {
  color: var(--primary-400);
}

/* RESPONSIVE */
@media screen and (max-width: 768px) {
  .legals-wrapper {
    padding: calc(var(--section-padding-vertical) / 2)
      var(--section-padding-horizontal);
    gap: 2rem;
  }

  .legals-title {
    font: var(--f-d-h4);
  }

  .legals-content-container {
    padding: 1.5rem;
  }

  .legals-subtitle {
    font: var(--f-d-h6);
  }

  .legals-text {
    font: var(--f-t-m);
  }
}

@media screen and (max-width: 480px) {
  .legals-wrapper {
    padding: calc(var(--section-padding-vertical) / 4)
      var(--section-padding-horizontal);
  }

  .legals-content-container {
    padding: 1rem;
  }
}