/* ═══════════════════════════════════════════════════════════════════════════
 * arke-marketing.css — a página do módulo MARKETING.
 *
 * COR: laranja #f97316, a cor registrada do módulo. A secundária cadastrada é
 * rosa #ec4899, e ela entra só no acento da PROVA SOCIAL — a única camada em
 * que quem fala é o mercado, não a empresa. Duas cores, dois emissores.
 *
 * A ASSINATURA DESTA PÁGINA É A DUPLA NATUREZA. O briefing define o módulo
 * como ACERVO + CONFIGURAÇÃO, e o sistema faz isso de um jeito literal: a
 * campanha existe como LINHA em mkt_campanhas e como ENTIDADE em cnt_entidades,
 * mantidas em sincronia. 6 campanhas na tabela, 6 no grafo. 7 canais, 7
 * entidades. A peça central da página é justamente alternar entre as duas
 * naturezas do MESMO registro.
 *
 * O QUE A PÁGINA EVITA, por ordem do briefing: estética de agência, megafone,
 * foguete, like flutuando, gráfico fake, post genérico de Instagram, ícone de
 * rede social como elemento central. A metáfora aqui é a MENSAGEM QUE VOLTA —
 * marketing não termina na publicação.
 * ═══════════════════════════════════════════════════════════════════════════ */

.tema-mkt {
  --accent:        #F97316;      /* laranja registrado do módulo */
  --accent-rgb:    249, 115, 22;
  --accent-text:   #FB9A55;

  --mkt-prova:     #EC4899;      /* rosa — a cor secundária registrada */
  --mkt-prova-rgb: 236, 72, 153;

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

  --mkt-papel:     #F1EEE7;
  --mkt-papel-2:   #DFDBD1;
  --mkt-papel-tinta:#16120C;
  --mkt-papel-tinta-2:#5C5748;

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

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

.mkt-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;
}
.mkt-selo::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: currentColor; flex: 0 0 auto; align-self: center; }
.mkt-selo[data-s="real"]     { color: #7FB08C; background: rgba(74,124,89,.13); border: 1px solid rgba(74,124,89,.4); }
.mkt-selo[data-s="exemplo"]  { color: #D8A93F; background: rgba(184,134,11,.12); border: 1px solid rgba(184,134,11,.4); }
.mkt-selo[data-s="futuro"]   { color: #7E9AA8; background: rgba(91,123,138,.14); border: 1px solid rgba(91,123,138,.44); }
.mkt-selo[data-s="pendencia"]{ color: var(--mkt-prova); background: rgba(var(--mkt-prova-rgb),.11); border: 1px solid rgba(var(--mkt-prova-rgb),.42); }

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

/* ═══════════════════════════════════════════════════════════════════════════
   §01 · HERO
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-hero { position: relative; padding-block: clamp(104px, 12vw, 176px) clamp(56px, 6.4vw, 92px); overflow: hidden; }
.mkt-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%);
}
.mkt-hero > .container { position: relative; z-index: 2; }
.mkt-hero__t { margin: 0; font-size: clamp(32px, 5.2vw, 76px); font-weight: 800; line-height: .97; letter-spacing: -.038em; color: var(--mkt-tinta); }
.mkt-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;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §02 · A PERGUNTA EM QUATRO BLOCOS
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-perg { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: clamp(38px, 4.4vw, 58px); }
.mkt-perg__c {
  min-width: 0; padding: clamp(20px, 2.2vw, 30px); border-radius: 3px;
  background: var(--mkt-superficie); border: 1px solid var(--mkt-fio);
  border-top: 2px solid rgba(var(--accent-rgb), var(--forca, .4));
}
.mkt-perg__q { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: clamp(17px, 1.8vw, 23px); line-height: 1.25; color: var(--accent-text); }
.mkt-perg__t { display: block; margin-top: 14px; font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: var(--mkt-tinta); }
.mkt-perg__d { display: block; margin-top: 11px; font-size: 12.5px; line-height: 1.6; color: var(--mkt-tinta-2); }

/* ═══════════════════════════════════════════════════════════════════════════
   §03 · O LOOP — as 4 camadas que voltam ao começo
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-loop { margin-top: clamp(38px, 4.4vw, 58px); }
.mkt-loop__fila { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.mkt-cam {
  min-width: 0; padding: clamp(20px, 2.2vw, 28px); border-radius: 3px; text-align: left;
  background: var(--mkt-superficie); border: 1px solid var(--mkt-fio);
  border-top: 2px solid rgba(var(--accent-rgb), var(--forca, .35));
  cursor: pointer; transition: background .45s ease, border-color .45s ease;
}
.mkt-cam:hover { background: rgba(var(--accent-rgb),.04); }
.mkt-cam.is-on { border-color: rgba(var(--accent-rgb),.5); background: rgba(var(--accent-rgb),.06); }
.mkt-cam--prova { border-top-color: rgba(var(--mkt-prova-rgb),.7); }
.mkt-cam--prova.is-on { border-color: rgba(var(--mkt-prova-rgb),.5); background: rgba(var(--mkt-prova-rgb),.06); }
.mkt-cam__n { font-family: var(--font-mono, monospace); font-size: 9.5px; letter-spacing: .18em; text-transform: uppercase; color: var(--mkt-tinta-3); }
.mkt-cam__t { display: block; margin-top: 12px; font-size: clamp(18px, 1.9vw, 25px); font-weight: 750; letter-spacing: -.025em; color: var(--mkt-tinta); }
.mkt-cam--prova .mkt-cam__t { color: var(--mkt-prova); }
.mkt-cam__d { display: block; margin-top: 11px; font-size: 12.5px; line-height: 1.6; color: var(--mkt-tinta-2); }
.mkt-cam__nucs { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 15px; }
.mkt-cam__nucs span {
  padding: 4px 10px; border-radius: 3px; font-family: var(--font-mono, monospace);
  font-size: 9px; letter-spacing: .06em; color: var(--mkt-tinta-2);
  background: rgba(242,239,233,.035); border: 1px solid var(--mkt-fio);
}
.mkt-loop__volta {
  display: flex; align-items: center; justify-content: center; gap: 12px;
  margin-top: 14px; padding: 14px 18px; border-radius: 3px;
  background: rgba(var(--accent-rgb),.05); border: 1px dashed rgba(var(--accent-rgb),.4);
  font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .16em;
  text-transform: uppercase; color: var(--accent-text); text-align: center;
}
.mkt-loop__volta svg { width: 16px; height: 16px; flex: 0 0 auto; }

/* ═══════════════════════════════════════════════════════════════════════════
   §24 · §25 · §35 — A PEÇA CENTRAL: A DUPLA NATUREZA
   A mesma campanha como LINHA e como ENTIDADE.
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-dupla { margin-top: clamp(38px, 4.4vw, 58px); border: 1px solid var(--mkt-fio); border-radius: 4px; overflow: hidden; }
.mkt-dupla__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(--mkt-fio);
}
.mkt-dupla__cab > b { font-size: 13.5px; font-weight: 650; color: var(--mkt-tinta); }
.mkt-abas { display: flex; flex-wrap: wrap; gap: 7px; }
.mkt-aba {
  padding: 7px 15px; border-radius: 3px; cursor: pointer;
  font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .13em; text-transform: uppercase;
  color: var(--mkt-tinta-2); background: transparent; border: 1px solid var(--mkt-fio);
  transition: color .4s ease, border-color .4s ease, background .4s ease;
}
.mkt-aba:hover { color: var(--mkt-tinta); border-color: var(--mkt-fio-forte); }
.mkt-aba.is-on { color: var(--accent-text); border-color: rgba(var(--accent-rgb),.6); background: rgba(var(--accent-rgb),.1); }

.mkt-dupla__corpo { min-height: 330px; transition: opacity .3s ease; }
.mkt-dupla__corpo.is-trocando { opacity: 0; }

/* Vista TABELA — a linha operacional, com as colunas reais */
.mkt-tab { display: grid; gap: 1px; background: var(--mkt-fio); }
.mkt-tab__l {
  display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 16px; align-items: baseline;
  background: var(--mkt-superficie); padding: 11px clamp(18px, 2vw, 26px);
}
.mkt-tab__l > i { font-style: normal; font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .06em; color: var(--accent-text); overflow-wrap: anywhere; }
.mkt-tab__l > span { font-size: 13px; line-height: 1.5; color: var(--mkt-tinta); min-width: 0; }
.mkt-tab__l > span em { font-style: italic; color: var(--mkt-tinta-3); }

/* Vista GRAFO — a mesma campanha como nó com relações */
.mkt-grafo { padding: clamp(20px, 2.4vw, 32px); }
.mkt-grafo__centro {
  max-width: 340px; margin: 0 auto; padding: 16px 22px; text-align: center; border-radius: 3px;
  background: rgba(var(--accent-rgb),.07); border: 1px solid rgba(var(--accent-rgb),.42);
}
.mkt-grafo__centro b { display: block; font-size: 16px; font-weight: 700; color: var(--mkt-tinta); }
.mkt-grafo__centro span { display: block; margin-top: 6px; font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent-text); }
.mkt-grafo__rels { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: clamp(22px, 2.6vw, 34px); }
.mkt-rel { min-width: 0; padding: 14px 15px; border-radius: 3px; background: var(--mkt-fundo); border: 1px solid var(--mkt-fio); }
.mkt-rel i { display: block; font-style: normal; font-family: var(--font-mono, monospace); font-size: 8.5px; letter-spacing: .12em; color: var(--mkt-tinta-3); }
.mkt-rel b { display: block; margin-top: 8px; font-size: 13px; font-weight: 650; color: var(--mkt-tinta); }
.mkt-rel span { display: block; margin-top: 7px; font-size: 11.5px; line-height: 1.5; color: var(--mkt-tinta-2); }

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

/* Contagem gêmea — 6 = 6, 7 = 7 */
.mkt-gemeos { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: clamp(30px, 3.4vw, 44px); }
.mkt-gemeo { min-width: 0; padding: clamp(20px, 2.2vw, 28px); border-radius: 3px; background: var(--mkt-superficie); border: 1px solid var(--mkt-fio); }
.mkt-gemeo__par { display: flex; align-items: center; justify-content: center; gap: clamp(16px, 2vw, 30px); }
.mkt-gemeo__n { text-align: center; }
.mkt-gemeo__n b { display: block; font-family: var(--font-mono, monospace); font-size: clamp(38px, 4.6vw, 62px); font-weight: 700; line-height: 1; letter-spacing: -.04em; color: var(--accent-text); }
.mkt-gemeo__n span { display: block; margin-top: 9px; font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .12em; color: var(--mkt-tinta-3); overflow-wrap: anywhere; }
.mkt-gemeo__ig { font-size: clamp(22px, 2.4vw, 32px); color: var(--mkt-tinta-3); }
.mkt-gemeo > p { margin: 18px 0 0; font-size: 12.5px; line-height: 1.6; color: var(--mkt-tinta-2); text-align: center; }

/* ═══════════════════════════════════════════════════════════════════════════
   §40 · SOCIAL COMO ESCUTA — a seção da cor rosa
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-escuta { display: grid; grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) 44px minmax(0, 1fr); align-items: center; margin-top: clamp(38px, 4.4vw, 58px); }
.mkt-escuta__c { min-width: 0; padding: clamp(18px, 2vw, 26px); border-radius: 3px; background: var(--mkt-superficie); border: 1px solid var(--mkt-fio); }
.mkt-escuta__c--saida { border-color: rgba(var(--mkt-prova-rgb),.4); background: rgba(var(--mkt-prova-rgb),.05); }
.mkt-escuta__c > b { display: block; font-size: 14px; font-weight: 700; color: var(--mkt-tinta); }
.mkt-escuta__c > span { display: block; margin-top: 9px; font-size: 12.5px; line-height: 1.58; color: var(--mkt-tinta-2); }
.mkt-escuta__c ul { list-style: none; margin: 13px 0 0; padding: 0; display: grid; gap: 6px; }
.mkt-escuta__c li { position: relative; padding-left: 15px; font-size: 12.5px; line-height: 1.5; color: var(--mkt-tinta-2); }
.mkt-escuta__c li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 1px; background: rgba(var(--accent-rgb),.7); }
.mkt-escuta__c--saida li::before { background: rgba(var(--mkt-prova-rgb),.8); }
.mkt-escuta__seta { display: grid; place-items: center; color: rgba(var(--accent-rgb),.5); }
.mkt-escuta__seta svg { width: 20px; height: 20px; }

/* ═══════════════════════════════════════════════════════════════════════════
   §21 · VAIDADE × OBJETIVO
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-metricas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: clamp(38px, 4.4vw, 58px); }
.mkt-met { min-width: 0; padding: clamp(20px, 2.2vw, 28px); border-radius: 3px; background: var(--mkt-superficie); border: 1px solid var(--mkt-fio); }
.mkt-met > b { display: block; font-family: var(--font-mono, monospace); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; margin-bottom: 16px; }
.mkt-met--vaidade > b { color: var(--mkt-tinta-3); }
.mkt-met--objetivo > b { color: var(--accent-text); }
.mkt-met ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.mkt-met li { position: relative; padding-left: 18px; font-size: 13.5px; line-height: 1.5; color: var(--mkt-tinta-2); }
.mkt-met li::before { content: ""; position: absolute; left: 0; top: 9px; width: 8px; height: 1px; }
.mkt-met--vaidade li::before { background: var(--mkt-fio-forte); }
.mkt-met--vaidade li { color: var(--mkt-tinta-3); }
.mkt-met--objetivo li::before { background: rgba(var(--accent-rgb),.75); }
.mkt-met > em { display: block; margin-top: 18px; padding-top: 15px; border-top: 1px solid var(--mkt-fio); font-style: normal; font-size: 12.5px; line-height: 1.6; color: var(--mkt-tinta-2); }

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

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

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

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

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

/* ═══════════════════════════════════════════════════════════════════════════
   §33 · §34 — PATRONO: CÍCERO
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-ficha { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); background: var(--mkt-superficie); border: 1px solid var(--mkt-fio); border-radius: 4px; overflow: hidden; margin-top: clamp(38px, 4.4vw, 58px); }
.mkt-ficha__retrato { position: relative; min-height: 360px; }
.mkt-ficha__retrato img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.mkt-ficha__retrato::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(to top, rgba(14,14,17,.95), rgba(14,14,17,.1) 54%),
              linear-gradient(to right, transparent 68%, rgba(14,14,17,.86));
}
.mkt-ficha__id { position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 24px; z-index: 2; }
.mkt-ficha__nome { margin: 0; font-size: clamp(23px, 2.3vw, 32px); font-weight: 750; letter-spacing: -.025em; color: var(--mkt-tinta); }
.mkt-ficha__papel { display: block; margin-top: 5px; font-family: var(--font-mono, monospace); font-size: 9.5px; letter-spacing: .16em; text-transform: uppercase; color: var(--accent-text); }
.mkt-ficha__corpo { padding: clamp(24px, 2.8vw, 38px); display: grid; gap: clamp(20px, 2.2vw, 28px); min-width: 0; }
.mkt-ficha__frase { margin: 0; font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: clamp(17px, 1.8vw, 24px); line-height: 1.3; color: var(--mkt-tinta); }
.mkt-ficha__frase b { font-style: normal; font-weight: 600; color: var(--accent-text); }
.mkt-ficha__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); }
.mkt-bl > b { display: block; font-family: var(--font-mono, monospace); font-size: 9px; letter-spacing: .17em; text-transform: uppercase; color: var(--mkt-tinta-3); margin-bottom: 11px; }
.mkt-bl ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.mkt-bl li { position: relative; padding-left: 15px; font-size: 12.5px; line-height: 1.55; color: var(--mkt-tinta-2); }
.mkt-bl li::before { content: ""; position: absolute; left: 0; top: 8px; width: 7px; height: 1px; background: rgba(var(--accent-rgb),.7); }
.mkt-ficha__aviso { padding-top: 18px; border-top: 1px solid var(--mkt-fio); font-size: 12px; line-height: 1.62; color: var(--mkt-tinta-3); }
.mkt-ficha__aviso strong { color: var(--mkt-tinta-2); font-weight: 600; }
.mkt-vozes { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.mkt-vozes span {
  padding: 5px 11px; border-radius: 3px; font-size: 11.5px; color: var(--mkt-tinta-2);
  background: rgba(242,239,233,.035); border: 1px solid var(--mkt-fio);
}
.mkt-vozes span.is-patrono { color: var(--accent-text); background: rgba(var(--accent-rgb),.09); border-color: rgba(var(--accent-rgb),.36); }

/* ═══════════════════════════════════════════════════════════════════════════
   §42 · MANIFESTO
   ═══════════════════════════════════════════════════════════════════════════ */
.mkt-manifesto { background: var(--mkt-papel); color: var(--mkt-papel-tinta); padding-block: clamp(96px, 12vw, 180px); }
.mkt-manifesto p { margin: 0 0 .3em; font-size: clamp(25px, 4vw, 56px); font-weight: 800; line-height: 1.04; letter-spacing: -.035em; color: var(--mkt-papel-tinta); }
.mkt-manifesto p em { font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-weight: 400; color: #A34A0C; }
.mkt-manifesto__ass { margin-top: clamp(40px, 4.4vw, 64px); padding-top: 28px; border-top: 1px solid rgba(22,18,12,.15); text-align: center; }
.mkt-manifesto__ass b { display: block; font-family: 'Playfair Display', Georgia, serif; font-size: clamp(26px, 3vw, 42px); font-weight: 500; color: var(--mkt-papel-tinta); }
.mkt-manifesto__ass span { display: block; margin-top: 6px; font-family: var(--font-mono, monospace); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; color: var(--mkt-papel-tinta-2); }

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

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

/* ═══════════════════════════════════════════════════════════════════════════
   RESPONSIVO — nenhuma grid-template-columns inline no HTML.
   ═══════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  .mkt-seis { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .mkt-perg, .mkt-loop__fila, .mkt-grafo__rels { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mkt-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mkt-escuta { grid-template-columns: minmax(0, 1fr); }
  .mkt-escuta__seta { height: 34px; transform: rotate(90deg); }
}

@media (max-width: 991px) {
  .mkt-ponte, .mkt-ficha, .mkt-metricas, .mkt-gemeos { grid-template-columns: minmax(0, 1fr); }
  .mkt-ficha__retrato { min-height: 300px; }
  .mkt-ponte__seta { height: 36px; transform: rotate(90deg); }
  .mkt-tab__l { grid-template-columns: 132px minmax(0, 1fr); gap: 12px; }
}

@media (max-width: 767px) {
  .mkt-seis, .mkt-perg, .mkt-loop__fila, .mkt-cards,
  .mkt-grafo__rels, .mkt-ficha__grid { grid-template-columns: minmax(0, 1fr); }
  .mkt-tab__l { grid-template-columns: minmax(0, 1fr); gap: 4px; }
  .mkt-gemeo__par { gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  .mkt-cam, .mkt-dupla__corpo { transition: none !important; }
}