/* ==========================================================
   LABORATORY SYSTEM
   AVISO DE PRIVACIDADE
   Versão 1.0
========================================================== */

.privacy-page {
  min-height: 100vh;

  padding:
    48px
    24px;

  color:
    var(--text-dark);

  background:
    linear-gradient(
      rgba(8, 47, 40, 0.42),
      rgba(8, 47, 40, 0.58)
    ),
    url("../assets/backgrounds/Background_green.png")
    center center / cover
    fixed
    no-repeat;
}

.privacy-document {
  width:
    min(940px, 100%);

  margin:
    0 auto;

  overflow:
    hidden;

  border:
    1px solid rgba(255, 255, 255, 0.42);

  border-radius:
    26px;

  background:
    rgba(246, 244, 238, 0.985);

  box-shadow:
    var(--shadow-strong);

  animation:
    page-entrance
    650ms
    ease-out
    both;
}

.privacy-document__header {
  padding:
    42px
    48px
    34px;

  border-bottom:
    1px solid rgba(23, 51, 44, 0.1);

  text-align:
    center;

  background:
    rgba(255, 255, 255, 0.58);
}

.privacy-document__brand {
  display:
    inline-block;

  margin-bottom:
    24px;
}

.privacy-document__brand img {
  width:
    min(360px, 78vw);

  height:
    auto;
}

.privacy-document__eyebrow {
  margin-bottom:
    12px;

  color:
    var(--green-medium);

  font-size:
    0.78rem;

  font-weight:
    800;

  letter-spacing:
    0.14rem;

  text-transform:
    uppercase;
}

.privacy-document__header h1 {
  max-width:
    760px;

  margin:
    0 auto;

  color:
    var(--green-dark);

  font-size:
    clamp(
      1.65rem,
      4vw,
      2.45rem
    );

  line-height:
    1.18;
}

.privacy-document__version {
  margin-top:
    14px;

  color:
    var(--text-muted);

  font-size:
    0.86rem;
}

.privacy-document section {
  padding:
    30px
    48px;

  border-bottom:
    1px solid rgba(23, 51, 44, 0.08);
}

.privacy-document section:last-of-type {
  border-bottom:
    0;
}

.privacy-document h2 {
  margin-bottom:
    14px;

  color:
    var(--green-dark);

  font-size:
    1.08rem;

  line-height:
    1.35;
}

.privacy-document p {
  color:
    var(--text-muted);

  font-size:
    0.96rem;

  line-height:
    1.72;
}

.privacy-document p + p {
  margin-top:
    14px;
}

.privacy-document ul {
  margin:
    16px
    0
    0
    22px;

  color:
    var(--text-muted);
}

.privacy-document li {
  margin-bottom:
    9px;

  padding-left:
    4px;

  line-height:
    1.58;
}

.privacy-document__pending {
  padding:
    14px
    16px;

  border:
    1px solid rgba(214, 74, 91, 0.2);

  border-radius:
    12px;

  color:
    #9d3645 !important;

  background:
    rgba(214, 74, 91, 0.08);
}

.privacy-document__footer {
  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  gap:
    24px;

  padding:
    28px
    48px;

  background:
    rgba(13, 70, 59, 0.06);
}

.privacy-document__footer p {
  max-width:
    620px;

  font-size:
    0.82rem;

  line-height:
    1.5;
}

.privacy-document__footer a {
  flex-shrink:
    0;

  padding:
    12px
    16px;

  border-radius:
    12px;

  color:
    var(--white);

  background:
    var(--green-dark);

  box-shadow:
    0 10px 24px rgba(8, 47, 40, 0.18);

  font-size:
    0.86rem;

  font-weight:
    700;

  text-decoration:
    none;

  transition:
    transform var(--transition-standard),
    background-color var(--transition-standard),
    box-shadow var(--transition-standard);
}

.privacy-document__footer a:hover {
  transform:
    translateY(-2px);

  background:
    var(--green-medium);

  box-shadow:
    0 14px 30px rgba(8, 47, 40, 0.25);
}

@media (max-width: 720px) {
  .privacy-page {
    padding:
      24px
      14px;
  }

  .privacy-document {
    border-radius:
      22px;
  }

  .privacy-document__header {
    padding:
      34px
      24px
      28px;
  }

  .privacy-document section {
    padding:
      24px;
  }

  .privacy-document__footer {
    align-items:
      stretch;

    flex-direction:
      column;

    padding:
      24px;
  }

  .privacy-document__footer a {
    text-align:
      center;
  }
}

@media (max-width: 420px) {
  .privacy-document__header h1 {
    font-size:
      1.48rem;
  }

  .privacy-document section {
    padding:
      22px
      18px;
  }

  .privacy-document__footer {
    padding:
      22px
      18px;
  }
}