/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 31 2026 | 19:28:13 */
/* ============================================================
   cp-pages-pratica.css — Pergunta e resposta de prática (cp-pra-)
   Rota virtual /pratica/<slug>/ + índice /pratica/ (cp-api.php).
   Documento centrado, mesmo desenho da ficha de fonte (cp-fon-).
   Doc: doc/planejamento/cobertura-pergunta-resposta-padrao.md
   ============================================================ */

/* ── Página da pergunta ── */
.cp-pra-page {
  max-width: 760px;
  margin: 0 auto !important;
  padding: 6px 0 44px !important;
}
.cp-pra-bc {
  color: #8a8a92 !important;
  font-size: 13px !important;
  margin: 0 0 20px !important;
}
.cp-pra-bc a, .cp-pra-bc a:visited {
  color: #6c6c76 !important;
  text-decoration: none !important;
  border-bottom: 1px solid #d5d5dc;
}
.cp-pra-bc a:hover { color: var(--cp-preto, #1A1A1A) !important; }
.cp-pra-bc .sep { color: #c2c2ca !important; margin: 0 6px; }
.cp-pra-eyebrow {
  color: #8a8a92 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 8px !important;
}
h1.cp-pra-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 30px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin: 0 0 18px !important;
}

/* Resposta direta: o bloco que responde antes de qualquer contexto */
.cp-pra-resposta {
  border-left: 4px solid var(--cp-amarelo, #F7D44A);
  background: #fffcf0;
  border-radius: 0 10px 10px 0;
  color: #2b2b31 !important;
  font-size: 17px !important;
  line-height: 1.65 !important;
  padding: 16px 20px !important;
  margin: 0 0 26px !important;
}

/* Fundamento: os dispositivos citados, cada um uma porta pro texto da lei */
.cp-pra-fund {
  border: 1px solid #e4e4ea;
  border-radius: 10px;
  background: #fff;
  padding: 14px 18px !important;
  margin: 0 0 26px !important;
}
.cp-pra-fund-t {
  color: #55555c !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin: 0 0 8px !important;
}
.cp-pra-fund ul { margin: 0 !important; padding: 0 0 0 18px !important; }
.cp-pra-fund li {
  color: #45454c !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  margin: 0 0 4px !important;
}

/* Corpo */
.cp-pra-corpo p {
  color: #33333a !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  margin: 0 0 16px !important;
}
h2.cp-pra-h2 {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 20px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  margin: 26px 0 10px !important;
}

/* O que esta página não responde */
.cp-pra-nao {
  border-left: 4px solid #b9b9c2;
  background: #f4f4f6;
  border-radius: 0 10px 10px 0;
  color: #55555c !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  padding: 12px 16px !important;
  margin: 26px 0 !important;
}
.cp-pra-nao strong { color: #45454c !important; }

/* Convite: a ferramenta que faz o trabalho, com a porta declarada */
.cp-pra-convite {
  border: 1px solid #e4d9a8;
  border-radius: 12px;
  background: #fffdf5;
  padding: 20px 22px !important;
  margin: 0 0 26px !important;
}
.cp-pra-convite-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin: 0 0 6px !important;
}
.cp-pra-convite-p {
  color: #45454c !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
}
a.cp-pra-convite-cta, a.cp-pra-convite-cta:visited {
  display: inline-block;
  background: var(--cp-amarelo, #F7D44A) !important;
  border-radius: 999px !important;
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  padding: 10px 22px !important;
  text-decoration: none !important;
}
a.cp-pra-convite-cta:hover { filter: brightness(.96); }
.cp-pra-convite-porta {
  color: #77777f !important;
  font-size: 13px !important;
  margin: 10px 0 0 !important;
}
.cp-pra-convite-porta i { margin-right: 5px; }

/* Selo de verificação (assinatura do método) */
.cp-pra-selo {
  border-top: 1px solid #e4e4ea;
  color: #77777f !important;
  font-size: 13px !important;
  line-height: 1.65 !important;
  padding: 16px 0 0 !important;
  margin: 8px 0 0 !important;
}
.cp-pra-selo i { color: #a8892a !important; margin-right: 6px; }
.cp-pra-selo a, .cp-pra-selo a:visited {
  color: #6c6c76 !important;
  text-decoration: underline !important;
}

/* ── Índice /pratica/ ── */
.cp-pra-idx-page {
  max-width: 760px;
  margin: 0 auto !important;
  padding: 6px 0 44px !important;
}
.cp-pra-idx-lead {
  color: #45454c !important;
  font-size: 16px !important;
  line-height: 1.7 !important;
  margin: 0 0 26px !important;
}
h2.cp-pra-idx-gt {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 26px 0 10px !important;
}
a.cp-pra-idx-item, a.cp-pra-idx-item:visited {
  display: block;
  border: 1px solid #e4e4ea;
  border-radius: 10px;
  background: #fff;
  color: #2b2b31 !important;
  font-size: 15.5px !important;
  font-weight: 600 !important;
  line-height: 1.5 !important;
  padding: 13px 16px !important;
  margin: 0 0 10px !important;
  text-decoration: none !important;
}
a.cp-pra-idx-item:hover { border-color: var(--cp-amarelo, #F7D44A); }
.cp-pra-idx-item-val {
  display: block;
  color: #8a8a92 !important;
  font-size: 12.5px !important;
  font-weight: 400 !important;
  margin: 4px 0 0 !important;
}

/* ── Responsivo ── */
@media (max-width: 768px) {
  .cp-pra-page, .cp-pra-idx-page { padding: 2px 4px 36px !important; }
  h1.cp-pra-title { font-size: 25px !important; }
  .cp-pra-resposta { font-size: 16px !important; }
}
@media (max-width: 480px) {
  h1.cp-pra-title { font-size: 22px !important; }
  .cp-pra-corpo p { font-size: 15px !important; }
  .cp-pra-convite { padding: 16px 16px !important; }
}