/* ============================================================
   FIT EXPRESS 15 — ESTILOS DAS PÁGINAS LEGAIS
   Arquivo: pagina-legal.css
   Usado por: politica-privacidade.html, termos-de-uso.html
   e aviso-de-responsabilidade.html.
   Este arquivo COMPLEMENTA o style.css (que deve ser carregado
   antes dele) — aqui ficam apenas os estilos de texto corrido.
   ============================================================ */

/* Corpo da página legal: espaço superior para o cabeçalho fixo */
.pagina-legal {
  padding: 8.5rem 0 5rem;
}

/* Título principal da página */
.pagina-legal__titulo {
  font-size: clamp(2rem, 5vw, 2.8rem);
  font-weight: 800;
  margin-bottom: 0.5rem;
}

/* Linha "última atualização" */
.pagina-legal__atualizacao {
  color: var(--cor-texto-suave);
  font-size: 0.85rem;
  margin-bottom: 2.25rem;
}

/* Caixa de aviso "modelo de exemplo" (remover após revisar o conteúdo) */
.aviso-modelo {
  background-color: var(--cor-cartao);
  border: 1px dashed var(--cor-borda);
  border-radius: var(--raio-medio);
  padding: 1rem 1.25rem;
  color: var(--cor-texto-suave);
  font-size: 0.88rem;
  margin-bottom: 2.5rem;
}
.aviso-modelo strong {
  color: var(--cor-destaque);
}

/* Títulos das cláusulas/seções */
.pagina-legal h2 {
  font-size: 1.2rem;
  margin: 2.25rem 0 0.75rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--cor-borda); /* divisória discreta entre seções */
}

/* Texto corrido e listas */
.pagina-legal p,
.pagina-legal li {
  color: var(--cor-texto-suave);
  font-size: 0.97rem;
}
.pagina-legal p {
  margin-bottom: 0.9rem;
}
.pagina-legal ul {
  list-style: none;
  display: grid;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
/* Bolinhas verdes nas listas, no padrão da landing */
.pagina-legal ul li {
  display: flex;
  gap: 0.6rem;
}
.pagina-legal ul li::before {
  content: "•";
  color: var(--cor-destaque);
  font-weight: 700;
}

/* Links dentro do texto legal */
.pagina-legal a {
  color: var(--cor-destaque);
}

/* Campos pendentes de preenchimento: destaque esverdeado para
   você localizar rápido o que precisa editar antes de publicar */
.campo-editar {
  background-color: rgba(198, 245, 63, 0.12);
  color: var(--cor-destaque);
  font-weight: 600;
  border-radius: 4px;
  padding: 0 0.35em;
}

/* Link "voltar ao início" no cabeçalho das páginas legais */
.voltar-inicio {
  color: var(--cor-texto-suave);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
.voltar-inicio:hover {
  color: var(--cor-destaque);
}