/* --------------------------------------------------------------------------
   Página de Privacidade
   Herda o shell da documentação (docs.css) — mesmo layout de leitura com
   sumário lateral. Aqui só o que é próprio do conteúdo legal.
   -------------------------------------------------------------------------- */

.pv-vigencia {
  margin-top: 10px;
  font-size: 13px;
  color: var(--zap-faint-dark);
}

/* Listas com respiro — texto legal cansa, então cada item tem ar. */
.pv-lista {
  margin: 4px 0 0;
  padding: 0;
  list-style: none;
}
.pv-lista li {
  position: relative;
  padding: 7px 0 7px 22px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--zap-muted-dark);
}
/* Marcador em verde: é a cor do "OK/entregue" do produto, e aqui cada item é
   uma garantia — combina. */
.pv-lista li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 15px;
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--zap-green);
}
.pv-lista strong { color: var(--zap-text-dark); font-weight: 600; }

/* O destaque do "conteúdo das conversas" — a assinatura da página.
   Fundo verde muito baixo + borda à esquerda: dá peso sem gritar, e o verde
   diz "isto é a parte boa", não "isto é um alerta". */
.pv-destaque {
  padding: 22px 26px;
  border: 1px solid var(--zap-line-dark);
  border-left: 3px solid var(--zap-green);
  border-radius: 12px;
  background:
    linear-gradient(0deg, rgba(37, 211, 102, 0.04), rgba(37, 211, 102, 0.04));
}
.pv-destaque p { color: var(--zap-muted-dark); }
.pv-destaque strong { color: var(--zap-text-dark); }

/* Tabela de dados: grade real, não <table>, para empilhar limpo no mobile.
   Três colunas (dado / uso / base legal); a variante --2 tem duas. */
.pv-tabela {
  margin: 18px 0 8px;
  border: 1px solid var(--zap-line-dark);
  border-radius: 12px;
  overflow: hidden;
}
.pv-linha {
  display: grid;
  grid-template-columns: 1.1fr 1.3fr 0.9fr;
  gap: 16px;
  padding: 14px 18px;
  border-top: 1px solid var(--zap-line-dark);
  font-size: 14px;
  line-height: 1.55;
  color: var(--zap-muted-dark);
}
.pv-tabela--2 .pv-linha { grid-template-columns: 0.7fr 2fr; }
.pv-linha:first-child { border-top: 0; }
.pv-linha--cab {
  background: var(--zap-surface-1);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--zap-faint-dark);
  font-weight: 600;
}
.pv-linha strong { color: var(--zap-text-dark); font-weight: 600; }
.pv-linha em { color: var(--zap-faint-dark); font-style: normal; }

.pv-contato {
  font-size: 17px;
  font-weight: 600;
  margin: 6px 0 0;
}

.pv-rodape {
  margin-top: 48px;
  padding-top: 22px;
  border-top: 1px solid var(--zap-line-dark);
  font-size: 13px;
  color: var(--zap-faint-dark);
}

/* No estreito, as tabelas viram cartões empilhados: cada célula em sua linha,
   com o rótulo da coluna implícito no negrito da primeira. */
@media (max-width: 720px) {
  .pv-linha,
  .pv-tabela--2 .pv-linha {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .pv-linha--cab { display: none; }
}