/* ═══════════════════════════════════════════════════════════════════════════
 * arke-clientes.css — a página do módulo CLIENTES.
 *
 * COR: azul #0ea5e9, a cor registrada do módulo.
 *
 * A ASSINATURA DESTA PÁGINA É O ACÚMULO. E isso é uma decisão contra a
 * repetição: três páginas deste conjunto têm "uma entidade que não muda", e
 * cada uma precisa provar uma coisa diferente.
 *
 *   COMERCIAL → o que muda é uma COLUNA (estagio_funil). Estados SEQUENCIAIS:
 *               uma empresa é lead OU cliente.
 *   RH        → o que muda é a ARESTA (papel_a/papel_b). Papéis SIMULTÂNEOS.
 *   CLIENTES  → NADA muda. O CONTEXTO ENGORDA. O eixo é o TEMPO.
 *
 * Por isso aqui não há trilho de estados nem seletor de contexto: há uma régua
 * temporal, e o que ela move é a densidade do painel. É a única forma honesta
 * de desenhar "retenção é confiança mantida no tempo" — a frase precisa de um
 * eixo, e o eixo é o relógio.
 *
 * O QUE A PÁGINA EVITA, por ordem do briefing: coração genérico, aperto de
 * mão, gente sorrindo ao telefone, NPS gigante sem contexto, estética de SAC.
 * ═══════════════════════════════════════════════════════════════════════════ */

.tema-cli {
  --accent:        #0EA5E9;      /* azul registrado do módulo */
  --accent-rgb:    14, 165, 233;
  --accent-text:   #56C2F0;

  --cli-fundo:     #08080A;
  --cli-superficie:#0E0E11;
  --cli-tinta:     #F2EFE9;
  --cli-tinta-2:   #A29C93;
  --cli-tinta-3:   #6A645C;
  --cli-fio:       rgba(242,239,233,.09);
  --cli-fio-forte: rgba(242,239,233,.17);

  --cli-papel:     #EDF0F1;
  --cli-papel-2:   #D6DCDF;
  --cli-papel-tinta:#0D1418;
  --cli-papel-tinta-2:#4C5A61;

  /* Sinais da relação. Nenhum deles é uma conclusão — a página diz isso. */
  --s-bom:     #6E9E7C;  --s-bom-rgb:     110, 158, 124;
  --s-atencao: #C9992E;  --s-atencao-rgb: 201, 153, 46;
  --s-risco:   #B0564F;  --s-risco-rgb:   176, 86, 79;
  --s-novo:    #0EA5E9;  --s-novo-rgb:    14, 165, 233;

  background: var(--cli-fundo);
  color: var(--cli-tinta);
}
.tema-cli .ark-sec--surface { background: var(--cli-superficie); }
.tema-cli .ark-sec--deep, .tema-cli .ark-final { background: var(--cli-fundo); }
.tema-cli .ark-lead { color: var(--cli-tinta-2); }
.tema-cli .ark-lead strong { color: var(--cli-tinta); }

.cli-k { display: block; font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; color: var(--cli-tinta-3); }
.cli-num { font-family: var(--font-mono, monospace); font-variant-numeric: tabular-nums; }

.cli-e {
  display: inline-flex; align-items: center; gap: 6px; padding: 3px 9px; border-radius: 3px;
  font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .14em;
  text-transform: uppercase; white-space: nowrap;
}
.cli-e::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.cli-e[data-e="onboarding"] { color: var(--s-novo);    background: rgba(var(--s-novo-rgb),.13);    border: 1px solid rgba(var(--s-novo-rgb),.44); }
.cli-e[data-e="ativa"]      { color: var(--s-bom);     background: rgba(var(--s-bom-rgb),.13);     border: 1px solid rgba(var(--s-bom-rgb),.42); }
.cli-e[data-e="atencao"]    { color: var(--s-atencao); background: rgba(var(--s-atencao-rgb),.13); border: 1px solid rgba(var(--s-atencao-rgb),.44); }
.cli-e[data-e="risco"]      { color: var(--s-risco);   background: rgba(var(--s-risco-rgb),.15);   border: 1px solid rgba(var(--s-risco-rgb),.46); }
.cli-e[data-e="neutro"]     { color: var(--cli-tinta-3); background: rgba(242,239,233,.035);       border: 1px solid var(--cli-fio-forte); }

.cli-selo {
  display: inline-flex; align-items: baseline; gap: 6px; padding: 3px 9px; border-radius: 3px;
  font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .15em;
  text-transform: uppercase; line-height: 1.55; max-width: 100%; overflow-wrap: anywhere;
}
.cli-selo::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; flex: 0 0 auto; align-self: center; }
.cli-selo[data-s="real"]    { color: #7FB08C; background: rgba(74,124,89,.13); border: 1px solid rgba(74,124,89,.4); }
.cli-selo[data-s="exemplo"] { color: #D8A93F; background: rgba(184,134,11,.12); border: 1px solid rgba(184,134,11,.4); }
.cli-selo[data-s="futuro"]  { color: #7E9AA8; background: rgba(91,123,138,.14); border: 1px solid rgba(91,123,138,.44); }
.cli-selo[data-s="vazio"]   { color: var(--cli-tinta-3); background: rgba(242,239,233,.035); border: 1px solid var(--cli-fio-forte); }

.cli-nota {
  margin-top: 20px; padding: 14px 17px; border-radius: 3px; font-size: 12.5px; line-height: 1.62;
  color: var(--cli-tinta-2); background: rgba(242,239,233,.03);
  border: 1px solid var(--cli-fio); border-left: 2px solid rgba(var(--accent-rgb),.5);
}
.cli-nota strong { color: var(--cli-tinta); font-weight: 600; }
.cli-nota em { font-style: italic; color: var(--accent-text); }
.cli-nota code { font-family: var(--font-mono, monospace); color: var(--accent-text); font-size: .95em; }

/* ═══════════════════════════════════════════════════════════════════════════
   §01 · HERO
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-hero { position: relative; padding-block: clamp(104px, 12vw, 176px) clamp(56px, 6.4vw, 92px); overflow: hidden; }
.cli-hero::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(58% 62% at 50% 8%, rgba(var(--accent-rgb),.07), transparent 68%);
}
.cli-hero > .container { position: relative; z-index: 2; }
.cli-hero__t { margin: 0; font-size: clamp(32px, 5.2vw, 76px); font-weight: 800; line-height: .97; letter-spacing: -.038em; color: var(--cli-tinta); }
.cli-hero__t em {
  display: block; margin-top: .16em; font-family: 'Playfair Display', Georgia, serif;
  font-style: italic; font-weight: 400; letter-spacing: -.02em; color: var(--accent-text);
  font-size: .84em; line-height: 1.02;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §08 · §33 · §37 — A PEÇA CENTRAL: A RELAÇÃO AO LONGO DO TEMPO
   A entidade não muda. O contexto engorda.
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-palco { margin-top: clamp(38px, 4.4vw, 60px); border: 1px solid var(--cli-fio); border-radius: 4px; overflow: hidden; }
.cli-palco__cab {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px;
  padding: 15px clamp(18px, 2vw, 26px); background: rgba(242,239,233,.025); border-bottom: 1px solid var(--cli-fio);
}
.cli-palco__cab > b { font-size: 13.5px; font-weight: 650; color: var(--cli-tinta); }

/* A régua do tempo */
.cli-regua { display: flex; flex-wrap: wrap; gap: 7px; }
.cli-regua button {
  padding: 7px 14px; border-radius: 3px; cursor: pointer;
  font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--cli-tinta-2); background: transparent; border: 1px solid var(--cli-fio);
  transition: color .4s ease, border-color .4s ease, background .4s ease;
}
.cli-regua button:hover { color: var(--cli-tinta); border-color: var(--cli-fio-forte); }
.cli-regua button.is-on { color: var(--accent-text); border-color: rgba(var(--accent-rgb),.6); background: rgba(var(--accent-rgb),.11); }

.cli-corpo { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 1px; background: var(--cli-fio); }

/* Lado fixo — a entidade */
.cli-ent { background: var(--cli-superficie); padding: clamp(22px, 2.4vw, 32px); border-left: 3px solid var(--accent); min-width: 0; }
.cli-ent__nome { margin: 12px 0 0; font-size: clamp(21px, 2.2vw, 30px); font-weight: 750; letter-spacing: -.03em; color: var(--cli-tinta); }
.cli-ent__campos { display: grid; gap: 1px; margin-top: 18px; background: var(--cli-fio); border: 1px solid var(--cli-fio); }
.cli-ent__f {
  display: grid; grid-template-columns: 104px minmax(0, 1fr); gap: 10px; align-items: baseline;
  background: var(--cli-superficie); padding: 9px 13px;
}
.cli-ent__f > i { font-style: normal; font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .13em; text-transform: uppercase; color: var(--cli-tinta-3); }
.cli-ent__f > span { font-size: 12.5px; color: var(--cli-tinta-2); min-width: 0; overflow-wrap: anywhere; }
.cli-ent__f > span b { color: var(--cli-tinta); font-weight: 600; }
.cli-ent__aviso { margin-top: 16px; font-size: 12px; line-height: 1.6; color: var(--cli-tinta-3); }
.cli-ent__aviso strong { color: var(--cli-tinta-2); font-weight: 600; }

/* Lado que engorda — o contexto acumulado */
.cli-ctx { background: var(--cli-superficie); padding: clamp(22px, 2.4vw, 32px); min-width: 0; transition: opacity .3s ease; }
.cli-ctx.is-trocando { opacity: 0; }
.cli-ctx__topo { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 12px; }
.cli-ctx__mes { font-family: var(--font-mono, monospace); font-size: clamp(19px, 2vw, 27px); font-weight: 600; letter-spacing: -.02em; color: var(--accent-text); }

/* Os 13 contadores da view — o coração do acúmulo */
.cli-cont { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1px; margin-top: 20px; background: var(--cli-fio); border: 1px solid var(--cli-fio); }
.cli-c { background: var(--cli-superficie); padding: 12px 13px; min-width: 0; transition: background .45s ease; }
.cli-c.is-zero { background: rgba(242,239,233,.012); }
.cli-c__n { display: block; font-family: var(--font-mono, monospace); font-variant-numeric: tabular-nums; font-size: 19px; font-weight: 600; line-height: 1; color: var(--cli-tinta); }
.cli-c.is-zero .cli-c__n { color: var(--cli-tinta-3); }
.cli-c__l { display: block; margin-top: 8px; font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .09em; color: var(--cli-tinta-3); overflow-wrap: anywhere; }

.cli-ctx__linha { margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--cli-fio); font-size: 13px; line-height: 1.62; color: var(--cli-tinta-2); }
.cli-ctx__linha strong { color: var(--cli-tinta); font-weight: 600; }
.cli-ctx__linha em { font-style: italic; color: var(--accent-text); }

.cli-palco__pe {
  padding: 15px clamp(18px, 2vw, 26px); border-top: 1px solid var(--cli-fio);
  background: rgba(242,239,233,.02); font-size: 12.5px; line-height: 1.6; color: var(--cli-tinta-2);
}
.cli-palco__pe strong { color: var(--cli-tinta); font-weight: 600; }

/* ═══════════════════════════════════════════════════════════════════════════
   §03 — COMERCIAL × CLIENTES: as duas colunas da mesma linha
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-colunas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 200px) minmax(0, 1fr); gap: 12px; margin-top: clamp(38px, 4.4vw, 58px); align-items: stretch; }
.cli-col { min-width: 0; padding: clamp(20px, 2.2vw, 28px); border-radius: 3px; background: var(--cli-superficie); border: 1px solid var(--cli-fio); }
.cli-col--eu { border-color: rgba(var(--accent-rgb),.42); }
.cli-col > b { display: block; font-size: clamp(17px, 1.7vw, 22px); font-weight: 750; letter-spacing: -.02em; color: var(--cli-tinta); }
.cli-col--eu > b { color: var(--accent-text); }
.cli-col > code { display: block; margin-top: 9px; font-family: var(--font-mono, monospace); font-size: 11.5px; color: var(--accent-text); }
.cli-col > em { display: block; margin-top: 11px; font-style: normal; font-size: 12.5px; line-height: 1.6; color: var(--cli-tinta-2); }
.cli-col ul { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 6px; }
.cli-col li {
  padding: 7px 11px; border-radius: 3px; font-family: var(--font-mono, monospace);
  font-size: 11px; color: var(--cli-tinta-2);
  background: rgba(242,239,233,.03); border: 1px solid var(--cli-fio);
}
.cli-col li.is-on { color: var(--accent-text); border-color: rgba(var(--accent-rgb),.4); background: rgba(var(--accent-rgb),.08); }
.cli-meio {
  display: grid; place-content: center; gap: 11px; text-align: center; padding: 22px 16px;
  border-radius: 3px; background: rgba(var(--accent-rgb),.05); border: 1px dashed rgba(var(--accent-rgb),.35);
}
.cli-meio b { font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent-text); }
.cli-meio span { font-size: 12px; line-height: 1.55; color: var(--cli-tinta-2); }

/* ═══════════════════════════════════════════════════════════════════════════
   §10 · §11 — SINAIS DA RELAÇÃO
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-sinal { margin-top: clamp(38px, 4.4vw, 58px); border: 1px solid var(--cli-fio); border-radius: 4px; overflow: hidden; }
.cli-sinal__cab { padding: 15px clamp(18px, 2vw, 26px); background: rgba(242,239,233,.025); border-bottom: 1px solid var(--cli-fio); }
.cli-sinal__cab b { font-size: 13.5px; font-weight: 650; color: var(--cli-tinta); }
.cli-sinal__fato {
  padding: clamp(20px, 2.2vw, 30px) clamp(18px, 2vw, 26px); border-bottom: 1px solid var(--cli-fio);
  font-family: 'Playfair Display', Georgia, serif; font-style: italic;
  font-size: clamp(19px, 2vw, 27px); line-height: 1.28; color: var(--cli-tinta);
}
.cli-causas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--cli-fio); }
.cli-causa { background: var(--cli-superficie); padding: clamp(16px, 1.8vw, 22px); min-width: 0; }
.cli-causa b { display: block; font-size: 13px; font-weight: 650; color: var(--cli-tinta); }
.cli-causa span { display: block; margin-top: 8px; font-size: 11.5px; line-height: 1.55; color: var(--cli-tinta-2); }
.cli-causa i { display: block; margin-top: 10px; font-style: normal; font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--cli-tinta-3); }
.cli-sinal__pe { padding: 16px clamp(18px, 2vw, 26px); border-top: 1px solid var(--cli-fio); background: rgba(var(--accent-rgb),.05); font-size: 13px; line-height: 1.62; color: var(--cli-tinta); }
.cli-sinal__pe strong { font-weight: 650; }

/* ═══════════════════════════════════════════════════════════════════════════
   BLOCOS GENÉRICOS
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: clamp(38px, 4.4vw, 58px); }
.cli-card { min-width: 0; padding: clamp(18px, 2vw, 26px); border-radius: 3px; background: var(--cli-superficie); border: 1px solid var(--cli-fio); }
.cli-card > b { display: block; font-size: 14.5px; font-weight: 700; color: var(--cli-tinta); }
.cli-card > span { display: block; margin-top: 9px; font-size: 12.5px; line-height: 1.6; color: var(--cli-tinta-2); }
.cli-card ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 7px; }
.cli-card li { position: relative; padding-left: 15px; font-size: 12.5px; line-height: 1.5; color: var(--cli-tinta-2); }
.cli-card li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 1px; background: rgba(var(--accent-rgb),.7); }
.cli-card--eu { border-color: rgba(var(--accent-rgb),.42); }
.cli-card--eu > b { color: var(--accent-text); }

.cli-quatro { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: clamp(38px, 4.4vw, 58px); }
.cli-duas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: clamp(38px, 4.4vw, 58px); }
.cli-seis { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; margin-top: clamp(38px, 4.4vw, 58px); }
.cli-elo { min-width: 0; padding: 18px 15px; border-radius: 3px; background: var(--cli-superficie); border: 1px solid var(--cli-fio); border-top: 2px solid rgba(var(--accent-rgb), var(--forca, .3)); }
.cli-elo__n { font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .18em; text-transform: uppercase; color: var(--cli-tinta-3); }
.cli-elo__t { display: block; margin-top: 10px; font-size: 13.5px; font-weight: 650; color: var(--cli-tinta); }
.cli-elo__d { display: block; margin-top: 8px; font-size: 12px; line-height: 1.5; color: var(--cli-tinta-2); }

.cli-ponte { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); align-items: center; margin-top: clamp(30px, 3.4vw, 44px); }
.cli-ponte__seta { display: grid; place-items: center; color: rgba(var(--accent-rgb),.5); }
.cli-ponte__seta svg { width: 20px; height: 20px; }

.cli-chips { display: flex; flex-wrap: wrap; gap: 7px; }
.cli-chips span {
  padding: 6px 12px; border-radius: 3px; font-size: 12px; color: var(--cli-tinta-2);
  background: rgba(242,239,233,.035); border: 1px solid var(--cli-fio);
}

.cli-passos { position: relative; margin-top: clamp(38px, 4.4vw, 58px); padding-left: 30px; counter-reset: cl; }
.cli-passos::before {
  content: ""; position: absolute; left: 9px; top: 10px; bottom: 10px; width: 1px;
  background: linear-gradient(to bottom, transparent, var(--cli-fio-forte) 8%, var(--cli-fio-forte) 92%, transparent);
}
.cli-p { position: relative; padding-bottom: clamp(20px, 2.4vw, 30px); }
.cli-p:last-child { padding-bottom: 0; }
.cli-p::before {
  content: counter(cl); counter-increment: cl; position: absolute; left: -30px; top: 0;
  width: 19px; height: 19px; border-radius: 50%; display: grid; place-items: center;
  background: var(--cli-fundo); border: 1px solid rgba(var(--accent-rgb),.45);
  font-family: var(--font-mono, monospace); font-size: 9px; color: var(--accent-text);
}
.cli-p b { display: block; font-size: 14px; font-weight: 650; line-height: 1.35; color: var(--cli-tinta); }
.cli-p span { display: block; margin-top: 6px; font-size: 12.5px; line-height: 1.58; color: var(--cli-tinta-2); max-width: 66ch; }
.cli-p em {
  display: inline-block; margin-top: 9px; padding: 3px 9px; border-radius: 3px; font-style: normal;
  font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--cli-tinta-3); background: rgba(242,239,233,.035); border: 1px solid var(--cli-fio);
}

/* §28 · risco de dependência */
.cli-risco {
  margin-top: clamp(38px, 4.4vw, 58px); padding: clamp(22px, 2.4vw, 32px); border-radius: 3px;
  background: rgba(176,86,79,.06); border: 1px solid rgba(176,86,79,.4);
}
.cli-risco > b { display: block; font-size: clamp(17px, 1.8vw, 23px); font-weight: 750; letter-spacing: -.02em; color: #C97C74; }
.cli-risco > p { margin: 12px 0 0; font-size: 13px; line-height: 1.65; color: var(--cli-tinta-2); max-width: 76ch; }
.cli-risco > p strong { color: var(--cli-tinta); font-weight: 600; }

/* §36 · patrono candidato */
.cli-patrono {
  display: grid; grid-template-columns: minmax(0, 244px) minmax(0, 1fr);
  margin-top: clamp(38px, 4.4vw, 58px); border-radius: 4px; overflow: hidden;
  background: var(--cli-superficie); border: 1px dashed var(--cli-fio-forte);
}
.cli-patrono__vazio {
  position: relative; min-height: 240px; display: grid; place-content: center; gap: 12px; text-align: center;
  padding: 30px 24px; background: rgba(242,239,233,.02); border-right: 1px dashed var(--cli-fio-forte);
}
.cli-patrono__vazio svg { width: 32px; height: 32px; margin: 0 auto; color: var(--cli-tinta-3); }
.cli-patrono__vazio b { font-family: var(--font-mono, monospace); font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--cli-tinta-3); }
.cli-patrono__corpo { padding: clamp(24px, 2.8vw, 36px); display: grid; gap: 20px; min-width: 0; }
.cli-patrono__corpo > p { margin: 0; font-size: 13.5px; line-height: 1.65; color: var(--cli-tinta-2); max-width: 72ch; }
.cli-patrono__corpo > p strong { color: var(--cli-tinta); font-weight: 600; }
.cli-vozes { display: flex; flex-wrap: wrap; gap: 7px; }
.cli-vozes span {
  padding: 5px 11px; border-radius: 3px; font-size: 11.5px; color: var(--cli-tinta-2);
  background: rgba(242,239,233,.035); border: 1px solid var(--cli-fio);
}
.cli-vozes span.is-cand { color: var(--accent-text); background: rgba(var(--accent-rgb),.09); border-color: rgba(var(--accent-rgb),.36); }

/* ═══════════════════════════════════════════════════════════════════════════
   §40 · MANIFESTO
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-manifesto { background: var(--cli-papel); color: var(--cli-papel-tinta); padding-block: clamp(96px, 12vw, 180px); }
.cli-manifesto p { margin: 0 0 .3em; font-size: clamp(25px, 4vw, 56px); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; color: var(--cli-papel-tinta); }
.cli-manifesto p em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #0B6A93; }
.cli-manifesto__cada { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: clamp(34px, 4vw, 52px) 0; }
.cli-manifesto__cada div {
  padding: 16px 17px; border-radius: 3px; min-width: 0;
  background: rgba(13,20,24,.045); border-left: 2px solid rgba(11,106,147,.45);
  font-size: 13.5px; line-height: 1.45; font-weight: 600; color: var(--cli-papel-tinta);
}
.cli-manifesto__ass { margin-top: clamp(36px, 4vw, 56px); padding-top: 28px; border-top: 1px solid rgba(13,20,24,.15); text-align: center; }
.cli-manifesto__ass b { display: block; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(26px, 3.2vw, 46px); font-weight: 500; color: var(--cli-papel-tinta); line-height: 1.15; }
.cli-manifesto__ass span { display: block; margin-top: 10px; font-family: var(--font-mono, monospace); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--cli-papel-tinta-2); }

/* ═══════════════════════════════════════════════════════════════════════════
   §41 · CTA FINAL
   ═══════════════════════════════════════════════════════════════════════════ */
.cli-fim__q {
  margin: 0 auto clamp(30px, 3.4vw, 48px); max-width: 17ch; text-align: center;
  font-size: clamp(30px, 4.8vw, 70px); font-weight: 800; line-height: 1;
  letter-spacing: -.04em; color: var(--cli-tinta);
}
.cli-fim__q em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: var(--accent-text); }

/* ── VAZAMENTOS DO TEMA DOURADO ─────────────────────────────────────────── */
.tema-cli .tp-section-title-playfair span,
.tema-cli .st-hero-title i { color: var(--accent-text) !important; }
.tema-cli a:hover { color: var(--accent-text) !important; }
.tema-cli .st-hero-btn a { background-color: var(--accent); color: #04141C; }
.tema-cli .st-hero-btn a:hover { background-color: var(--accent-text); color: #04141C; }

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVO — nenhuma grid-template-columns inline no HTML.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  .cli-seis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cli-quatro, .cli-cards, .cli-manifesto__cada { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cli-colunas { grid-template-columns: minmax(0, 1fr); }
  .cli-causas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 991px) {
  .cli-corpo, .cli-ponte, .cli-duas, .cli-patrono { grid-template-columns: minmax(0, 1fr); }
  .cli-patrono__vazio { border-right: 0; border-bottom: 1px dashed var(--cli-fio-forte); min-height: 180px; }
  .cli-ponte__seta { height: 36px; transform: rotate(90deg); }
  .cli-cont { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
  .cli-seis, .cli-quatro, .cli-cards, .cli-causas,
  .cli-manifesto__cada { grid-template-columns: minmax(0, 1fr); }
  .cli-cont { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cli-ent__f { grid-template-columns: minmax(0, 1fr); gap: 4px; }
}

@media (prefers-reduced-motion: reduce) {
  .cli-ctx, .cli-c { transition: none !important; }
}