/*
 * Folha dos documentos legais. Herda os tokens de styles.css e só resolve o
 * que uma página de texto corrido precisa: medida de leitura, hierarquia de
 * título e uma marcação visível para o que ainda falta preencher.
 */
.doc {
  width: min(100% - 40px, 720px);
  margin: 0 auto;
  padding: 40px 0 90px;
  position: relative;
  z-index: 1;
}
.doc-volta {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 40px;
  font-size: 13.5px;
  font-weight: 600;
  text-decoration: none;
  color: rgba(242, 241, 246, 0.56);
}
.doc-volta:hover { color: var(--paper); }
.doc h1 {
  font-size: clamp(2.1rem, 5vw, 3rem);
  margin-bottom: 10px;
}
.doc-data {
  margin: 0 0 44px;
  font-family: var(--mono);
  font-size: 11.5px;
  color: rgba(242, 241, 246, 0.56);
}
.doc h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin: 44px 0 12px;
  padding-top: 22px;
  border-top: 1px solid var(--hair);
}
.doc p, .doc li {
  font-size: 15px;
  line-height: 1.72;
  color: rgba(242, 241, 246, 0.72);
}
.doc p { margin: 0 0 14px; }
.doc ul { margin: 0 0 14px; padding-left: 20px; }
.doc li { margin-bottom: 7px; }
.doc strong { color: var(--paper); }
.doc a { color: var(--violet-pale); }

/* O que ainda depende de dado que só o dono do produto tem. Fica gritante de
   propósito: um contrato publicado com lacuna é pior que contrato nenhum. */
.falta {
  display: inline-block;
  padding: 1px 7px;
  border-radius: 5px;
  background: rgba(255, 176, 32, 0.16);
  border: 1px solid rgba(255, 176, 32, 0.45);
  font-family: var(--mono);
  font-size: 12px;
  color: var(--amber);
}
.aviso {
  margin: 0 0 40px;
  padding: 16px 18px;
  border: 1px solid rgba(255, 176, 32, 0.4);
  border-radius: 14px;
  background: rgba(255, 176, 32, 0.07);
  font-size: 13.5px;
  line-height: 1.6;
  color: var(--amber-soft, #ffc46b);
}

/* ─────────────────────────────  404  ─────────────────────────────── */

.doc-vazio {
  min-height: 74vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.doc-vazio .codigo {
  margin: 0 0 14px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.24em;
  color: var(--violet-pale);
}
.doc-vazio h1 { margin-bottom: 14px; }
.doc-vazio p { max-width: 44ch; }
.doc-acoes {
  margin-top: 28px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}