/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 27 2026 | 16:59:45 */
/* ============================================================================
   cp-pages-leitor-assinado.css — Leitor de Documento Assinado
   Prefixo: cp-lda-

   ⚠️ A peça tem UMA operação e nenhuma bancada: o Kit PDF precisou de uma
   porque tem quinze ferramentas sobre o mesmo documento; um seletor com um
   item só seria moldura vazia. Daí a folha ser curta.

   ⚠️ A hierarquia visual carrega uma decisão de produto: o TITULAR é o maior
   elemento do cartão, e o campo de nome do documento (quando diverge) é uma
   nota discreta. Medido em 25 assinaturas de 4 origens, o campo do documento é
   útil em 52% delas e às vezes traz um login de sistema. Inverter o peso visual
   seria dar destaque ao dado menos confiável.
   ========================================================================== */

/* ── capa ─────────────────────────────────────────────────────────────────── */
.cp-lda-cover {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  background: var(--cp-preto, #1A1A1A) !important;
  padding: 50px 20px 44px !important;
}
.cp-lda-in {
  max-width: var(--cp-page-max, 1100px) !important;
  margin: 0 auto !important;
}
.cp-lda-eyebrow {
  color: var(--cp-amarelo, #F7D44A) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  margin: 0 0 12px 0 !important;
}
.cp-lda-title {
  color: #fff !important;
  font-size: 42px !important;
  line-height: 1.13 !important;
  font-weight: 800 !important;
  margin: 0 0 16px 0 !important;
  max-width: 900px !important;
}
.cp-lda-title em { color: var(--cp-amarelo, #F7D44A) !important; font-style: normal !important; }
.cp-lda-deck {
  color: #d8d8dd !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 0 18px 0 !important;
  max-width: 780px !important;
}
/* Um único <span> dentro: em inline-flex, três nós de texto viram três colunas
   e o ponto final fica órfão (visto na Mesa de Autos, 25/08). */
.cp-lda-cover-nota {
  display: inline-flex !important;
  align-items: flex-start !important;
  gap: 9px !important;
  margin: 0 !important;
  padding: 11px 16px !important;
  background: rgba(247, 212, 74, .12) !important;
  border: 1px solid rgba(247, 212, 74, .32) !important;
  border-radius: 10px !important;
  color: #e6e6ea !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  max-width: 760px !important;
}
.cp-lda-cover-nota i { color: var(--cp-amarelo, #F7D44A) !important; margin-top: 3px !important; }

/* ── seções ───────────────────────────────────────────────────────────────── */
.cp-lda-sec {
  width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  padding: 40px 20px !important;
  background: var(--cp-bg, #f4f4f6) !important;
}
.cp-lda-sec-alt { background: #fff !important; }
.cp-lda-kicker {
  color: #8a8a95 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin: 0 0 7px 0 !important;
}
.cp-lda-h2 {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  margin: 0 0 22px 0 !important;
}
a.cp-lda-link, a.cp-lda-link:visited {
  color: #1a5fb4 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

/* ── área de soltar ───────────────────────────────────────────────────────── */
.cp-lda-drop {
  display: block !important;
  padding: 42px 24px !important;
  background: #fff !important;
  border: 2px dashed #c8d6cb !important;
  border-radius: 14px !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: border-color .15s, background .15s !important;
}
.cp-lda-drop:hover, .cp-lda-drop:focus, .cp-lda-drop-on {
  border-color: var(--cp-amarelo, #F7D44A) !important;
  background: #fffdf3 !important;
  outline: none !important;
}
.cp-lda-drop-ico { font-size: 34px !important; color: #9aa8a0 !important; margin: 0 0 10px 0 !important; }
.cp-lda-drop-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 0 4px 0 !important;
}
.cp-lda-drop-sub { color: #6b7a72 !important; font-size: 14px !important; margin: 0 !important; }

.cp-lda-arquivo {
  margin: 14px 0 0 !important;
  padding: 10px 14px !important;
  background: #fff !important;
  border: 1px solid #e3e3e8 !important;
  border-radius: 9px !important;
  color: #44444d !important;
  font-size: 14px !important;
  word-break: break-all !important;
}
.cp-lda-prog {
  margin: 12px 0 0 !important;
  color: #6b7a72 !important;
  font-size: 14px !important;
}

/* ── o resultado ──────────────────────────────────────────────────────────── */
.cp-lda-out { margin: 20px 0 0 !important; }
.cp-lda-resumo { margin: 0 0 12px 0 !important; }
.cp-lda-badge {
  display: inline-block !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  background: #eef3ef !important;
  color: #3a4a42 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.cp-lda-cartao {
  padding: 22px 24px !important;
  margin: 0 0 14px 0 !important;
  background: #fff !important;
  border: 1px solid #e3e3e8 !important;
  border-left: 4px solid var(--cp-amarelo, #F7D44A) !important;
  border-radius: 12px !important;
}
.cp-lda-cartao-neutro { border-left-color: #c8d6cb !important; }
.cp-lda-c-ord {
  color: #8a8a95 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  margin: 0 0 6px 0 !important;
}
/* O titular é o maior elemento do cartão — ver o cabeçalho desta folha. */
.cp-lda-r-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 21px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 4px 0 !important;
}
.cp-lda-r-t-vazio { color: #6b7a72 !important; font-size: 18px !important; font-weight: 700 !important; }
.cp-lda-r-d {
  color: #55555f !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  margin: 0 0 10px 0 !important;
}
.cp-lda-c-id { color: #6b7a72 !important; font-size: 13px !important; margin: 0 0 12px 0 !important; }
.cp-lda-c-div {
  margin: 0 0 12px 0 !important;
  padding: 9px 12px !important;
  background: #f4f7f5 !important;
  border-radius: 8px !important;
  color: #4a5a5a !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
}
.cp-lda-c-div i { color: #8a8a95 !important; margin-right: 5px !important; }

.cp-lda-dl {
  display: grid !important;
  grid-template-columns: minmax(160px, auto) 1fr !important;
  gap: 6px 18px !important;
  margin: 0 !important;
}
.cp-lda-dl dt {
  color: #6b7a72 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}
.cp-lda-dl dd {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  word-break: break-word !important;
}
/* A ausência é dita, e é dita em cinza: informação de segunda ordem, mas
   presente. Campo em branco seria a peça calando o que não sabe. */
.cp-lda-ausente { color: #8a8a95 !important; font-style: italic !important; }

.cp-lda-porta {
  margin: 14px 0 0 !important;
  padding: 10px 13px !important;
  background: #eef4fb !important;
  border-radius: 8px !important;
  color: #26456b !important;
  font-size: 13.5px !important;
  line-height: 1.5 !important;
  word-break: break-all !important;
}
.cp-lda-porta-sem { background: #f4f4f6 !important; color: #55555f !important; }
.cp-lda-porta i { margin-right: 5px !important; }
.cp-lda-porta-n { color: #4a5a5a !important; }

.cp-lda-integ {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  padding: 14px 18px !important;
  margin: 4px 0 0 !important;
  border-radius: 11px !important;
  font-size: 14.5px !important;
  line-height: 1.58 !important;
}
.cp-lda-integ-ok { background: #eef7f0 !important; color: #245b34 !important; }
.cp-lda-integ-ok i { color: #2e7d4f !important; }
.cp-lda-integ-alerta { background: #fdf4e6 !important; color: #7a4a00 !important; }
.cp-lda-integ-alerta i { color: #b8730a !important; }
.cp-lda-integ i { font-size: 17px !important; margin-top: 1px !important; }

/* O limite fica fixo no resultado, nunca recolhido: é daqui que o advogado
   tira a informação para a peça. */
.cp-lda-limite {
  margin: 14px 0 0 !important;
  color: #55555f !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
}
.cp-lda-limite i { color: #8a8a95 !important; margin-right: 5px !important; }

.cp-lda-acts { margin: 16px 0 0 !important; }
.cp-lda-btn {
  padding: 9px 16px !important;
  background: var(--cp-preto, #1A1A1A) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 9px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
}
.cp-lda-btn:hover { background: #2c2c2c !important; }
.cp-lda-btn i { margin-right: 6px !important; }

.cp-lda-erro {
  padding: 14px 18px !important;
  background: #fdecea !important;
  border-radius: 11px !important;
  color: #8a2a24 !important;
  font-size: 14.5px !important;
  line-height: 1.55 !important;
}
.cp-lda-erro i { margin-right: 6px !important; }

/* ── o par com a Custódia ─────────────────────────────────────────────────── */
.cp-lda-par {
  display: flex !important;
  gap: 18px !important;
  padding: 24px 26px !important;
  background: var(--cp-bg, #f4f4f6) !important;
  border: 1px solid #e3e3e8 !important;
  border-radius: 12px !important;
}
.cp-lda-par-ico { flex: 0 0 auto !important; font-size: 26px !important; color: var(--cp-amarelo, #F7D44A) !important; }
.cp-lda-par-body { flex: 1 1 auto !important; min-width: 0 !important; }
.cp-lda-par-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  margin: 0 0 8px 0 !important;
}
.cp-lda-par-d {
  color: #55555f !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin: 0 !important;
  max-width: 760px !important;
}

/* ── o método ─────────────────────────────────────────────────────────────── */
.cp-lda-metodo {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)) !important;
  gap: 20px !important;
}
.cp-lda-mi-ic { font-size: 22px !important; color: var(--cp-amarelo, #F7D44A) !important; margin: 0 0 8px 0 !important; }
.cp-lda-mi-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  margin: 0 0 6px 0 !important;
}
.cp-lda-mi-d {
  color: #55555f !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ── o escopo ─────────────────────────────────────────────────────────────── */
.cp-lda-escopo { margin: 0 !important; padding: 0 0 0 20px !important; }
.cp-lda-escopo li {
  color: #44444d !important;
  font-size: 15px !important;
  line-height: 1.62 !important;
  margin: 0 0 12px 0 !important;
}
.cp-lda-escopo li:last-child { margin-bottom: 0 !important; }

/* ── responsivo ───────────────────────────────────────────────────────────── */
@media (max-width: 900px) {
  .cp-lda-title { font-size: 33px !important; }
  .cp-lda-h2 { font-size: 24px !important; }
  .cp-lda-par { flex-direction: column !important; gap: 12px !important; }
}
@media (max-width: 560px) {
  .cp-lda-cover { padding: 34px 16px 30px !important; }
  .cp-lda-sec { padding: 30px 16px !important; }
  .cp-lda-title { font-size: 27px !important; }
  .cp-lda-deck { font-size: 15.5px !important; }
  .cp-lda-cartao { padding: 18px 16px !important; }
  /* Em coluna: rótulo acima do valor, senão a coluna de rótulos come a tela. */
  .cp-lda-dl { grid-template-columns: 1fr !important; gap: 2px 0 !important; }
  .cp-lda-dl dd { margin: 0 0 9px 0 !important; }
  .cp-lda-drop { padding: 32px 16px !important; }
}