/* ══ PEÇAS DO APP ══
   Pedaços reais das telas da demo — o quadro do pipeline, o cartão de fonte
   de receita, a conversa — recortados para caber dentro do site. Sem a moldura
   do app e sem o menu lateral: só a peça, que é o que prova alguma coisa.

   São HTML e CSS de verdade, não imagem e não iframe: carregam junto com a
   página e continuam nítidos em qualquer tela. Os nomes repetem os da demo com
   o prefixo `pc-` para não esbarrarem no CSS do site.

   Medidas em px de propósito. A demo desenha essas peças num app de 990px; aqui
   elas entram em caixas de 300 a 500px, então quem usa escolhe a escala com
   `--pc-s` em vez de herdar tamanho de fonte de onde caiu. */
.pc{
  --pc-borda:#E8E6E1; --pc-tinta:#14120F; --pc-suave:#8A857A; --pc-medio:#55524A;
  --pc-quente:linear-gradient(115deg,#FFB800 0%,#FF6B35 34%,#E63946 66%,#FF3D7F 100%);
  font-family:'Inter',system-ui,-apple-system,sans-serif;
  color:var(--pc-tinta);line-height:1.5;text-align:left;
  /* a escala é de transformação e não de fonte: mantém o desenho idêntico ao
     da demo, só menor. `origin` no topo à esquerda para a peça não descolar. */
  transform:scale(var(--pc-s,1));transform-origin:top left;
  width:calc(100% / var(--pc-s,1))}
.pc *{box-sizing:border-box}

/* ── o quadro do pipeline ── */
.pc-kb{display:grid;gap:9px;align-items:start}
.pc-kb--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.pc-kb--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pc-col{background:#F3F1EC;border-radius:12px;padding:8px;min-width:0}
.pc-cab{display:flex;align-items:center;gap:6px;padding:4px 4px 9px}
.pc-cab i{width:8px;height:8px;border-radius:50%;flex:none}
.pc-cab h5{margin:0;font-size:11.5px;font-weight:600;min-width:0;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-cab .pc-n{font-size:9px;background:#FFF;border:1px solid var(--pc-borda);
  border-radius:99px;padding:0 6px;color:var(--pc-medio)}
.pc-cab em{margin-left:auto;font-style:normal;font-size:10px;color:var(--pc-medio);font-weight:600}
.pc-fio{height:3px;border-radius:99px;margin:0 4px 9px}
.pc-card{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:9px;
  margin-bottom:7px;box-shadow:0 1px 2px rgba(20,18,15,.04);
  display:flex;flex-direction:column;gap:6px}
.pc-card:last-child{margin-bottom:0}
.pc-card--q{border-color:#FFB88A}
.pc-card--n{border-color:#7FD1A4;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.pc-topo{display:flex;align-items:center;gap:7px;min-width:0}
.pc-av{width:26px;height:26px;border-radius:50%;object-fit:cover;flex:none;display:block}
.pc-ini{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;
  color:#FFF;font-size:9px;font-weight:700}
.pc-nome{min-width:0;flex:1}
.pc-nome b{display:block;font-size:11px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-nome span{display:block;font-size:9px;color:var(--pc-suave);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-canal,.pc-topo > svg{width:14px;height:14px;flex:none}
.pc-valor{font-size:13px;font-weight:700;letter-spacing:-.01em}
.pc-valor small{font-size:9px;font-weight:500;color:var(--pc-suave);margin-left:3px}
.pc-orig{font-size:9px;color:var(--pc-suave);line-height:1.45}
.pc-orig b{color:var(--pc-medio);font-weight:600;margin-left:3px}
.pc-tags{display:flex;flex-wrap:wrap;gap:3px}
.pc-tg{font-size:8px;border-radius:99px;padding:1px 6px;background:#F2F1EE;
  color:var(--pc-medio);border:1px solid var(--pc-borda)}
.pc-tg--q{background:#FFF1E8;border-color:#FFD2B8;color:#B8420F;font-weight:600}
.pc-tg--n{background:#E8F7EF;border-color:#BFE3C8;color:#0A7C48;font-weight:600}
.pc-rod{display:flex;align-items:center;gap:6px;border-top:1px dashed var(--pc-borda);
  padding-top:6px;font-size:9px;color:var(--pc-suave)}
.pc-dono{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;
  color:#FFF;font-size:7.5px;font-weight:700;flex:none}

/* ── o cartão de receita por fonte ── */
.pc-rel{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:11px 12px}
.pc-rel h6{margin:0 0 8px;font-size:10.5px;font-weight:600}
.pc-b{display:grid;grid-template-columns:72px 1fr;align-items:center;gap:6px;padding:3px 0;
  font-size:9.5px;color:var(--pc-medio)}
.pc-bb{display:flex;align-items:center;gap:6px}
.pc-bb i{display:block;height:8px;border-radius:4px;background:#D8D0C0;flex:none}
.pc-bb i.q{background:var(--pc-quente)}
.pc-bb span{font-size:10px;white-space:nowrap;color:var(--pc-tinta);font-weight:500}
/* as linhas de fechamento do cartão: o mesmo desenho da lista do relatório */
.pc-sep{height:1px;background:var(--pc-borda);margin:9px 0 5px}
.pc-sl{display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:10px;color:var(--pc-medio);padding:4px 0;border-bottom:1px dashed var(--pc-borda)}
.pc-sl:last-child{border-bottom:0}
.pc-sl b{color:var(--pc-tinta);font-size:11px;white-space:nowrap}

/* ── a conversa com o agente ── */
.pc-zap{background:#EAF6EC;border:1px solid #CFE6D4;border-radius:12px;padding:10px;
  display:flex;flex-direction:column;gap:7px}
.pc-zap-cab{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--pc-medio);
  padding-bottom:7px;border-bottom:1px solid #CFE6D4}
.pc-zap-cab b{font-size:11px;color:var(--pc-tinta);white-space:nowrap}
.pc-zap-cab svg{width:15px;height:15px;flex:none}
.pc-zap-cab .pc-av{width:22px;height:22px}
.pc-zap-cab span{margin-left:auto;font-size:9px;color:#7A9B82}
.pc-bolha{max-width:84%;border-radius:11px;padding:8px 10px;font-size:11.5px;line-height:1.45;
  box-shadow:0 1px 1px rgba(20,18,15,.05)}
.pc-bolha--lead{background:#FFF;border-radius:11px 11px 11px 3px;align-self:flex-start}
.pc-bolha--nos{background:#DCF8C6;border-radius:11px 11px 3px 11px;align-self:flex-end}
.pc-bolha u{display:block;text-decoration:none;color:#1E62E0;margin-top:3px;font-size:10.5px}
.pc-bolha .hora{display:block;text-align:right;font-size:9px;color:#7A9B82;margin-top:4px}
.pc-selo{align-self:center;font-size:9px;font-weight:600;color:#0A7C48;background:#E8F7EF;
  border:1px solid #BFE3C8;border-radius:99px;padding:2px 9px}

/* ── o fluxo da automação ──
   Cópia fiel do que a demo desenha: o anel laranja em volta de cada nó e o
   ladrilho do gatilho em gradiente são o que dá o ar de "está ligado". */
.pc-wf{display:flex;flex-direction:column;align-items:center}
.pc-no{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:9px 13px;
  width:100%;display:flex;gap:10px;align-items:center;font-size:12px;
  box-shadow:0 0 0 2px rgba(255,107,53,.25)}
/* `> div` de propósito: `.pc-no span` pegava o ladrilho do ícone, que também
   é um span, e derrubava a cor branca do gatilho. É a mesma armadilha que a
   demo já tinha levado. */
.pc-no > div b{display:block;font-weight:600;font-size:11.5px}
.pc-no > div span{display:block;color:#6B6357;font-size:10px}
.pc-no--gat{border-color:#FF6B35}
.pc-ic{width:30px;height:30px;border-radius:9px;flex:none;display:grid;place-items:center;
  background:#F5F0E7;color:inherit;font-size:0}
.pc-ic svg{width:15px;height:15px;display:block}
.pc-ic--gat{background:var(--pc-quente);color:#FFF}
.pc-ic--esp{background:#EEF0FF;color:#4F46E5}
.pc-ic--msg{background:#E7F8EE}
.pc-ic--msg svg{width:17px;height:17px}
.pc-ic--cond{background:#FFF4DB;color:#B7791F}
.pc-ic--ia{background:#F3EDFF;color:#7C3AED}
.pc-ic--mail{background:#FDECEC;color:#D93025}
.pc-ic--ok{background:#E7F8EE;color:#0A7C48}
.pc-li{width:2px;height:16px;background:#D8D0C0}
/* a bifurcação do fim: os dois caminhos lado a lado */
.pc-wf2{display:flex;gap:9px;width:100%}
.pc-wf2 .pc-no{flex:1;min-width:0;padding:9px 10px}

/* ── a jornada do relatório ── */
.pc-jor{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.pc-jn{background:#FFF;border:1px solid var(--pc-borda);border-radius:8px;padding:6px 10px;
  font-size:10px;color:var(--pc-medio)}
.pc-jn b{display:block;font-weight:600;font-size:11px;color:var(--pc-tinta)}
.pc-jn--fim{border-color:#7FD1A4;background:#F4FCF7}
.pc-js{color:#FF6B35;font-weight:700;font-size:11px}

/* ── o planejador social ── */
.pc-ig{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;overflow:hidden;
  font-size:10px}
.pc-ig-cab{display:flex;align-items:center;gap:7px;padding:8px 10px}
.pc-ig-cab i{width:22px;height:22px;border-radius:50%;padding:1.5px;flex:none;
  background:linear-gradient(45deg,#FEDA75,#D62976,#4F5BD5)}
.pc-ig-cab i span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;
  background:#101A33;color:#FFC857;font-style:normal;font-size:8px;font-weight:700;border:1.5px solid #FFF}
.pc-ig-cab b{font-weight:600;font-size:10.5px}
.pc-ig-cab em{margin-left:auto;font-style:normal;color:var(--pc-suave);font-size:9px}
.pc-arte{aspect-ratio:1.35/1;position:relative;display:flex;flex-direction:column;
  justify-content:center;padding:14px;color:#FFF;
  background:radial-gradient(70% 60% at 80% 10%,#2C4A8F,transparent 70%),linear-gradient(160deg,#101A33,#16254A)}
.pc-arte small{font-size:8px;letter-spacing:.16em;color:#FFC857;font-weight:700}
.pc-arte b{font-size:17px;line-height:1.05;margin:5px 0 6px;font-weight:800}
.pc-arte span{font-size:9px;color:#C9D2E8}
.pc-arte em{position:absolute;right:11px;bottom:11px;font-style:normal;background:#FFC857;
  color:#101A33;border-radius:99px;padding:3px 9px;font-size:9px;font-weight:700}
.pc-ig-leg{padding:7px 10px;line-height:1.45;color:var(--pc-tinta)}
.pc-sem{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:8px}
.pc-dia{background:#FFF;border:1px solid var(--pc-borda);border-radius:7px;padding:5px 4px;min-height:46px;min-width:0}
.pc-dia h5{margin:0 0 4px;font-family:'Geist Mono',monospace;font-size:7.5px;letter-spacing:.06em;
  text-transform:uppercase;color:#6B6357;font-weight:500}
.pc-pst{display:flex;align-items:center;gap:3px;border-radius:5px;background:#F5F0E7;
  padding:3px;font-size:8px;color:var(--pc-tinta);margin-bottom:3px;overflow:hidden;
  white-space:nowrap;min-width:0}
.pc-pst svg{width:9px;height:9px;flex:none}
.pc-pst--novo{background:#FFF1E8;border:1px solid #FFD2B8}

/* no celular a coluna fica com 150px: o contador e o total roubam o espaço do
   nome da etapa, que é o que precisa ser lido */
@media (max-width:640px){
  .pc-cab .pc-n,.pc-cab em{display:none}
  .pc-cab h5{font-size:10.5px}
  .pc-kb{gap:6px}
  .pc-col{padding:6px}
  .pc-card{padding:7px}
}

/* ── a linha do tempo da jornada ──
   Na vertical e não na horizontal: com seta e quebra de linha, a ordem dos
   passos virava adivinhação. */
.pc-tl{position:relative;padding:4px 12px 4px 31px;background:#FFF;
  border:1px solid var(--pc-borda);border-radius:10px}
.pc-tl::before{content:"";position:absolute;left:16px;top:16px;bottom:16px;width:2px;
  background:var(--pc-borda)}
.pc-tli{position:relative;display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:11px}
.pc-tli::before{content:"";position:absolute;left:-19px;top:9px;width:10px;height:10px;
  border-radius:50%;background:#FFF;border:2px solid #D8D0C0;box-sizing:border-box}
.pc-tli b{font-weight:600;color:var(--pc-tinta)}
.pc-tli span{color:var(--pc-medio)}
.pc-tli em{margin-left:auto;font-style:normal;color:var(--pc-suave);font-size:10px;white-space:nowrap}
.pc-tli--vende::before{border-color:#FF6B35}
.pc-tli--fim::before{border-color:#10B981;background:#10B981}
.pc-tli--fim b{color:#0A7C48}

/* ── as redes conectadas do planejador ── */
.pc-net{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:8px}
.pc-nt{display:flex;flex-direction:column;align-items:center;gap:3px;background:#FFF;
  border:1px solid var(--pc-borda);border-radius:9px;padding:6px 3px;font-size:8px;
  color:#0A7C48;font-weight:600}
.pc-nt svg{width:17px;height:17px}
.pc-pst em{margin-left:auto;font-style:normal;color:#B8420F;font-size:7.5px;font-weight:600}

/* o perfil da funil.ai no planejador: o mesmo selo da demo, com o anel do
   Instagram por fora e o raio da marca dentro */
.pc-ig-cab i.pc-fa{width:24px;height:24px;border-radius:50%;padding:1.5px;flex:none;
  background:linear-gradient(45deg,#FEDA75,#D62976,#4F5BD5)}
.pc-ig-cab i.pc-fa svg{width:100%;height:100%;border-radius:50%;border:1.5px solid #FFF;
  box-sizing:border-box;display:block}

/* o brilho quente do alto da área de conteúdo, igual ao da Funil de verdade.
   Vai no cartão que faz as vezes de tela, não na peça em si. */
.pc-palco{background-image:radial-gradient(130% 42% at 50% 0%,rgba(255,111,44,.16),transparent 58%)}


/* ══ A FAIXA DA DEMO ══
   A tela aparece desfocada de propósito: o que se vende aqui não é a imagem,
   é a vontade de ver por dentro. O clique leva para a demo, que abre com as
   perguntas e se monta com o negócio de quem respondeu. */
.dmb{background:#14120F;color:#FDFCF9;padding:clamp(48px,7vw,84px) 0;overflow:hidden}
.dmb-in{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;
  grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}
.dmb .eyebrow{color:#FF8A4C}
.dmb-h{font-family:'Fraunces',Georgia,serif;font-weight:400;letter-spacing:-.02em;
  font-size:clamp(1.85rem,1.1rem + 2.4vw,2.9rem);line-height:1.08;margin:10px 0 14px}
.dmb-h em{font-style:italic;background:linear-gradient(115deg,#FFB800,#FF6B35 45%,#FF3D7F);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.dmb-d{font-size:1.0625rem;line-height:1.55;color:#B5AC9E;margin:0 0 18px;max-width:46ch}
.dmb-l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.dmb-l li{position:relative;padding-left:23px;font-size:.9375rem;color:#E9E4DC}
.dmb-l li::before{content:"";position:absolute;left:0;top:.42em;width:13px;height:13px;
  border-radius:50%;background:linear-gradient(135deg,#FFB800,#FF6B35 55%,#FF3D7F)}
.dmb-l li::after{content:"";position:absolute;left:4px;top:.72em;width:5px;height:2.5px;
  border-left:1.6px solid #14120F;border-bottom:1.6px solid #14120F;transform:rotate(-45deg)}

/* a janela desfocada */
.dmb-vis{position:relative;display:block;border-radius:16px;overflow:hidden;
  background:#F7F6F4;border:1px solid rgba(255,255,255,.14);text-decoration:none;
  box-shadow:0 40px 80px -40px rgba(0,0,0,.7);cursor:pointer;
  aspect-ratio:4/3}
.dmb-borrao{position:absolute;inset:0;padding:14px;
  background-image:radial-gradient(130% 38% at 50% 0%,rgba(255,111,44,.16),transparent 55%);
  filter:blur(5px) saturate(1.06);transform:scale(1.06);transform-origin:center;
  pointer-events:none;user-select:none}
.dmb-veu{position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(20,18,15,.18) 0%,rgba(20,18,15,.52) 100%)}
.dmb-bt{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  display:inline-flex;align-items:center;gap:11px;white-space:nowrap;
  background:#FDFCF9;color:#14120F;border-radius:99px;padding:13px 22px 13px 15px;
  font-size:.9375rem;font-weight:600;box-shadow:0 18px 40px -16px rgba(0,0,0,.6);
  transition:transform .2s,box-shadow .2s}
.dmb-vis:hover .dmb-bt{transform:translate(-50%,-50%) scale(1.04);
  box-shadow:0 22px 48px -16px rgba(0,0,0,.72)}
.dmb-bt i{width:28px;height:28px;border-radius:50%;flex:none;display:grid;place-items:center;
  background:linear-gradient(135deg,#FFB800,#FF6B35 55%,#FF3D7F)}
.dmb-bt i svg{width:11px;height:11px;display:block;margin-left:2px}
.dmb-pe{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;text-align:center;
  font-size:.75rem;color:rgba(253,252,249,.82)}
@media (max-width:900px){
  .dmb-in{grid-template-columns:1fr}
  .dmb-vis{aspect-ratio:16/11}
}
/* a peça cresce para preencher a janela: ela vai ser borrada mesmo, então o
   que importa é não sobrar fundo vazio embaixo */
.dmb-borrao .pc{--pc-s:1.34}

/* ── a agenda do dia ──
   A lista da tela de calendário: horário, quem é, e em que pé está. O horário
   vazio entra de propósito, porque é o buraco que a confirmação preenche. */
.pc-ag{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:2px 12px}
.pc-agi{display:flex;align-items:center;gap:10px;padding:7px 0;
  border-bottom:1px dashed var(--pc-borda)}
.pc-agi:last-child{border-bottom:0}
.pc-agh{font-family:'Geist Mono',monospace;font-size:10px;color:var(--pc-medio);
  width:33px;flex:none}
.pc-agi > div{flex:1;min-width:0}
.pc-agi > div b{display:block;font-size:11px;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-agi > div span{display:block;font-size:9.5px;color:var(--pc-suave);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-agc{font-style:normal;font-size:8.5px;font-weight:600;border-radius:99px;
  padding:2px 7px;white-space:nowrap;border:1px solid var(--pc-borda);
  background:#F2F1EE;color:var(--pc-medio);flex:none}
.pc-agc--ok{background:#E8F7EF;border-color:#BFE3C8;color:#0A7C48}
.pc-agc--esp{background:#FFF1E8;border-color:#FFD2B8;color:#B8420F}
.pc-agi--liv > div b{color:var(--pc-suave);font-weight:500}

/* ── a ficha do Google ──
   As estrelas são duas camadas do mesmo texto: a cinza por baixo e a dourada
   recortada em `--n`, para a nota parcial (4,8 de 5) aparecer como meia
   estrela em vez de arredondar. */
.pc-gg{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:11px 12px}
.pc-gg-cab{display:flex;align-items:center;gap:8px;padding-bottom:9px;
  border-bottom:1px solid var(--pc-borda)}
.pc-gg-cab > svg{width:20px;height:20px;flex:none}
.pc-gg-cab div{min-width:0}
.pc-gg-cab b{display:block;font-size:11px;font-weight:600}
.pc-gg-cab span{display:block;font-size:9.5px;color:var(--pc-suave)}
.pc-gg-nota{display:flex;align-items:center;gap:8px;padding:9px 0}
.pc-gg-nota strong{font-size:20px;font-weight:700;letter-spacing:-.02em;line-height:1}
.pc-gg-nota em{font-style:normal;font-size:9.5px;color:var(--pc-suave)}
.pc-est{position:relative;display:inline-block;font-size:12px;line-height:1;
  letter-spacing:1px;color:#DCD5C7;white-space:nowrap}
.pc-est::before{content:"★★★★★"}
.pc-est::after{content:"★★★★★";position:absolute;left:0;top:0;
  width:var(--n,100%);overflow:hidden;color:#FBBC04}
.pc-est--p{font-size:9px;letter-spacing:.5px}
.pc-ggr{display:flex;gap:8px;padding-top:9px;border-top:1px dashed var(--pc-borda)}
.pc-ggr > div{min-width:0}
.pc-ggr b{display:block;font-size:10.5px;font-weight:600}
.pc .pc-ggr p{margin:3px 0 0;font-size:10px;line-height:1.45;color:var(--pc-medio)}
.pc-ggr .pc-ini{width:22px;height:22px;font-size:8px}

/* ── o contrato assinado ──
   As linhas cinzas fazem as vezes do texto do documento: o que prova alguma
   coisa aqui é o campo de assinatura preenchido, não o corpo do contrato. */
.pc-doc{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;
  padding:13px 14px}
.pc-doc h6{margin:0 0 3px;font-size:11px;font-weight:600}
.pc .pc-doc-sub{font-size:9.5px;color:var(--pc-suave);margin:0 0 10px}
.pc-doc-l{height:5px;border-radius:99px;background:#F0EDE6;margin-bottom:6px}
.pc-doc-l--c{width:62%}
.pc-ass{display:flex;align-items:flex-end;gap:10px;margin-top:12px}
.pc-ass > div{flex:1;min-width:0}
.pc-ass-f{border-bottom:1px solid var(--pc-tinta);padding-bottom:2px;
  font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:15px;line-height:1.1}
.pc-ass-r{display:block;font-size:8.5px;color:var(--pc-suave);margin-top:4px}
.pc-ass-ok{display:flex;align-items:center;gap:4px;font-size:8.5px;font-weight:600;
  color:#0A7C48;background:#E8F7EF;border:1px solid #BFE3C8;border-radius:99px;
  padding:3px 8px;white-space:nowrap;flex:none}
.pc-ass-ok svg{width:9px;height:9px}

/* ── os links de pagamento ── */
.pc-lk{background:#FFF;border:1px solid var(--pc-borda);border-radius:10px;padding:11px 12px}
.pc-lk h6{margin:0 0 8px;font-size:10.5px;font-weight:600}
.pc-lki{display:flex;align-items:center;gap:9px;padding:8px 0;font-size:10px;
  border-bottom:1px dashed var(--pc-borda)}
.pc-lki:last-child{border-bottom:0}
.pc-lki > div{flex:1;min-width:0}
.pc-lki b{display:block;font-size:11px;font-weight:600}
.pc-lki span{display:block;color:var(--pc-suave);font-family:'Geist Mono',monospace;font-size:9px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-lki em{font-style:normal;font-weight:600;color:#0A7C48;font-size:10px;white-space:nowrap}
.pc-lki--novo{background:#FFF6EF;border:1px solid #FFD9C0;border-radius:9px;padding:9px;margin-bottom:6px}
.pc-qr{width:34px;height:34px;flex:none;border-radius:4px;border:3px solid #FFF;
  box-shadow:0 0 0 1px var(--pc-tinta);
  background:conic-gradient(#14120F 25%,#FFF 0 50%,#14120F 0 75%,#FFF 0) 0 0/8px 8px}