/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 04 2026 | 11:29:12 */
/* Conferidor de Citações — prefixo cp-cfc-
 *
 * ⚠️ BuddyBoss tem especificidade global alta: color, margin, padding, line-height,
 * font-weight, text-decoration e font-size precisam de !important. Ver
 * memory/reference_css_buddyboss.md antes de mexer.
 *
 * ⚠️ TODA seção leva o breakout de largura cheia, e não só as coloridas: sem ele o fundo
 * fica cortado nas laterais pelo container do WordPress.
 */

/* ------------------------------------------------------------------ seções */

.cp-cfc-sec {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 28px 20px !important;
}
.cp-cfc-in {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto;
}
.cp-cfc-sec-cinza { background: #f0f0f3; }

/* --------------------------------------------------------------------- capa */

/* ⚠️ Estas regras nasceram DEPOIS da primeira publicação. O CSS foi escrito contra o
 * protótipo, que tinha a capa num <style> inline, e o helper emite outro conjunto de
 * classes: no ar, a capa apareceu como texto solto sobre o cinza e os três selos saíram
 * colados um no outro. O defeito não aparece em nenhum gate, só na página renderizada. */

.cp-cfc-hero {
  background: var(--cp-preto, #1A1A1A);
  padding: 40px 20px 34px !important;
}
.cp-cfc-hero h1 {
  color: #fff !important;
  font-size: 32px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  margin: 0 0 10px !important;
}
.cp-cfc-hero p {
  color: #c9c9d2 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
  max-width: 780px;
}
.cp-cfc-eyebrow {
  color: var(--cp-amarelo, #F7D44A) !important;
  font-size: 12px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}
.cp-cfc-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px !important;
}
.cp-cfc-badge {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  border: 1px solid #3a3a45;
  border-radius: 999px;
  padding: 5px 13px !important;
  font-size: 12px !important;
  color: #d5d5dd !important;
  background: #26262e;
}
.cp-cfc-badge i { color: var(--cp-amarelo, #F7D44A); }

/* ------------------------------------------------------------------- seções */

.cp-cfc-kicker {
  color: #6d6d77 !important;
  font-size: 12px !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-weight: 700 !important;
  margin: 0 0 4px !important;
}
.cp-cfc-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  margin: 0 0 8px !important;
}
.cp-cfc-deck {
  color: #44444e !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 18px !important;
  max-width: 780px;
}
.cp-cfc-rotulo {
  display: block;
  font-size: 13px !important;
  color: #55555f !important;
  margin: 0 0 6px !important;
}
.cp-cfc-ajudinha {
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #6d6d77 !important;
  margin: 10px 0 0 !important;
  max-width: 780px;
}

/* ------------------------------------------------------------------ entrada */

.cp-cfc-campo {
  width: 100%;
  min-height: 260px;
  padding: 14px 16px !important;
  border: 1px solid #d3d3db;
  border-radius: 8px;
  font-family: inherit;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  background: #fff;
  resize: vertical;
}
.cp-cfc-campo:focus {
  outline: none;
  border-color: var(--cp-preto, #1A1A1A);
}

.cp-cfc-barra {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 12px !important;
}
.cp-cfc-btn {
  border: 1px solid var(--cp-preto, #1A1A1A);
  background: var(--cp-amarelo, #F7D44A);
  color: var(--cp-preto, #1A1A1A) !important;
  border-radius: 6px;
  padding: 9px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  cursor: pointer;
}
.cp-cfc-btn[disabled] { opacity: .45; cursor: default; }
.cp-cfc-btn-sec {
  background: #fff;
  font-weight: 500 !important;
  border-color: #c9c9d2;
}

.cp-cfc-fato {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13px !important;
  color: #55555f !important;
}
.cp-cfc-fato input {
  border: 1px solid #d3d3db;
  border-radius: 6px;
  padding: 7px 9px !important;
  font-size: 13px !important;
}

/* --------------------------------------------------------------- resultado */

.cp-cfc-placar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px !important;
}
.cp-cfc-chip {
  border: 1px solid #d8d8e0;
  border-radius: 999px;
  padding: 5px 14px !important;
  font-size: 13px !important;
  background: #fff;
  color: #33333b !important;
}
.cp-cfc-chip b { font-weight: 700 !important; }
.cp-cfc-chip-alerta { border-color: #b4813a; background: #fdf4e3; color: #6d4a12 !important; }
.cp-cfc-chip-grave { border-color: #a33; background: #fbeaea; color: #7d2626 !important; }

.cp-cfc-item {
  border: 1px solid #e2e2e8;
  border-left: 4px solid #c9c9d2;
  border-radius: 8px;
  background: #fff;
  padding: 14px 16px !important;
  margin: 0 0 10px !important;
}
/* A cor da borda carrega o estado. A palavra tambem: cor sozinha nao e informacao. */
.cp-cfc-item-com_ressalva { border-left-color: #b4813a; }
.cp-cfc-item-inexistente { border-left-color: #a33; }
.cp-cfc-item-nao_localizado,
.cp-cfc-item-nao_verificavel { border-left-color: #7b7b86; }
.cp-cfc-item-vigente { border-left-color: #3f7d4e; }

.cp-cfc-cab {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
}
.cp-cfc-cit {
  font-weight: 700 !important;
  font-size: 15px !important;
  color: var(--cp-preto, #1A1A1A) !important;
}
.cp-cfc-selo {
  font-size: 11px !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-weight: 700 !important;
  padding: 2px 8px !important;
  border-radius: 4px;
  background: #ececed;
  color: #4a4a54 !important;
}
.cp-cfc-selo-com_ressalva { background: #fdf4e3; color: #6d4a12 !important; }
.cp-cfc-selo-inexistente { background: #fbeaea; color: #7d2626 !important; }
.cp-cfc-selo-vigente { background: #eaf3ec; color: #2f5e3a !important; }

.cp-cfc-porque {
  margin: 6px 0 0 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #44444e !important;
}
.cp-cfc-ctx {
  font-size: 12px !important;
  color: #6d6d77 !important;
  margin: 4px 0 0 !important;
}
.cp-cfc-trecho {
  margin: 10px 0 0 !important;
  padding: 9px 12px !important;
  border-left: 3px solid #e2e2e8;
  background: #fafafc;
  font-size: 13px !important;
  line-height: 1.55 !important;
  color: #44444e !important;
}
.cp-cfc-trecho span { font-weight: 700 !important; color: var(--cp-preto, #1A1A1A) !important; }

.cp-cfc-sinal {
  margin: 8px 0 0 !important;
  font-size: 13px !important;
  color: #7d4a12 !important;
}
.cp-cfc-sinal i { margin-right: 6px; }

/* ⚠️ `block` com largura do conteúdo, e não `inline-block`: o botão de discordância do
 * design system é `inline-flex`, então com o link em linha os dois dividiam a mesma faixa
 * e o botão encostava no sublinhado. O link fica com a linha dele e o botão cai na de
 * baixo. A largura do conteúdo mantém o sublinhado só sob o texto. */
a.cp-cfc-fonte,
a.cp-cfc-fonte:visited {
  display: block;
  width: fit-content;
  margin-top: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  text-decoration: underline !important;
}

/* O botão começa a linha de baixo, alinhado à esquerda com o resto do item. */
.cp-cfc-item .cpds-disc-btn { margin-top: 8px !important; }

/* ------------------------------------------------------------------ avisos */

.cp-cfc-nota {
  border: 1px solid #e2e2e8;
  border-radius: 8px;
  background: #fff;
  padding: 14px 16px !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #44444e !important;
}
.cp-cfc-nota b { color: var(--cp-preto, #1A1A1A) !important; font-weight: 700 !important; }
.cp-cfc-nota + .cp-cfc-nota { margin-top: 10px !important; }

.cp-cfc-cobertura {
  margin-top: 18px !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  color: #6d6d77 !important;
}
.cp-cfc-cobertura b { color: #44444e !important; }

.cp-cfc-vazio {
  padding: 26px 16px !important;
  text-align: center;
  color: #6d6d77 !important;
  font-size: 14px !important;
}

@media (max-width: 768px) {
  .cp-cfc-sec { padding: 20px 14px !important; }
  .cp-cfc-campo { min-height: 200px; font-size: 14px !important; }
  .cp-cfc-barra { gap: 8px; }
  .cp-cfc-btn { width: 100%; }
  .cp-cfc-fato { width: 100%; }
}

@media (max-width: 480px) {
  .cp-cfc-cab { gap: 6px; }
  .cp-cfc-cit { font-size: 14px !important; }
}
