/* Identidade do CIRCULO DE CONFIANCA (produto). Usada somente em /circulodeconfianca/. */
:root {
  --bg: #1b1312;        /* Noite */
  --bg-2: #241a18;
  --fg: #f3e7dc;        /* creme */
  --titulo: #fff5ec;    /* Areia */
  --muted: #c9b8aa;
  --line: #3a2a26;
  --accent: #f8d0b0;    /* Pessego */
  --accent-2: #ff9f80;  /* coral */
  --on-accent: #1b1312;
  --focus: #ff9f80;
  --raio: 18px;
  --raio-botao: 999px;
}

.marca { letter-spacing: 0.02em; font-size: 1.05rem; color: var(--titulo); }
.marca-7x7si { font-size: 0.8rem; color: var(--muted); text-decoration: none; padding: 8px 0; }
.marca-7x7si:hover { color: var(--accent); }
.topo .wrap > .topo-esq { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }