/* ============================================================
   Páginas de apoio (términos · privacidad · reembolso)
   Um CSS só para as três: elas compartilham o mesmo layout de
   leitura e herdam os tokens da LP.
   ============================================================ */
.doc { max-width: 760px; margin-inline: auto; padding: 30px 20px 64px; }

.doc__volver { font-size: 14px; color: var(--verde-cl); font-weight: 600; }

.doc h1 {
  font-size: 26px;
  line-height: 34px;
  font-weight: 600;
  margin: 18px 0 6px;
  color: var(--verde);
}
.doc__fecha { font-size: 13px; color: var(--muted); }

/* navegação entre os três documentos — cada um é uma página própria,
   então a pessoa nunca fica presa em um deles */
.doc__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 20px 0 30px;
  padding-bottom: 22px;
  border-bottom: 1px solid var(--borde);
}
.doc__nav a {
  font-size: 13px;
  font-weight: 600;
  color: var(--verde);
  background: var(--crema);
  border: 1px solid rgba(20, 69, 47, .16);
  border-radius: 100px;
  padding: 7px 14px;
  transition: var(--trans);
}
.doc__nav a:hover { border-color: var(--verde-cl); }
.doc__nav a[aria-current] {
  background: var(--verde);
  border-color: var(--verde);
  color: var(--crema);
}

.doc h2 {
  font-size: 18px;
  line-height: 25px;
  font-weight: 600;
  color: var(--verde);
  margin: 30px 0 8px;
  padding-top: 18px;
  border-top: 1px solid var(--borde);
}
.doc h2:first-of-type { border-top: 0; padding-top: 0; }

.doc p, .doc li { font-size: 15px; line-height: 24px; color: var(--tinta-2); }
.doc p { margin-bottom: 10px; }
.doc ul { margin: 6px 0 12px; }
.doc li { position: relative; padding-left: 18px; margin-bottom: 6px; }
.doc li::before {
  content: "·";
  position: absolute;
  left: 6px;
  font-weight: 700;
  color: var(--terra);
}

.doc__aviso {
  background: var(--crema);
  border-left: 3px solid var(--terra);
  border-radius: 0 var(--r-md) var(--r-md) 0;
  padding: 14px 16px;
  margin: 8px 0 14px;
}
.doc__aviso p:last-child { margin-bottom: 0; }

.doc__pie {
  margin-top: 44px;
  padding-top: 18px;
  border-top: 1px solid var(--borde);
  font-size: 13px;
  color: var(--muted);
}