/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 23 2026 | 19:31:03 */
/* ============================================================================
   cp-pages-comparador.css — Comparador de Versões (/comparador-de-versoes/).
   Prefixo: cp-cmp-

   BuddyBoss tem especificidade global alta: color, margin, padding,
   line-height, font-weight, text-decoration e font-size pedem !important.
   Toda seção usa o breakout de largura total, inclusive as sem fundo — sem ele
   o container do WP corta as laterais.
   ========================================================================== */

.cp-cmp-hero,
.cp-cmp-sec {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  padding: 42px 20px !important;
}
.cp-cmp-hero { background: var(--cp-preto, #1A1A1A); padding: 56px 20px 46px !important; }
.cp-cmp-sec-alt { background: var(--cp-bg, #f4f4f6); }
.cp-cmp-hero-in,
.cp-cmp-in { max-width: var(--cp-page-max, 1100px); margin: 0 auto; }

.cp-cmp-kicker {
  font-size: 12px !important;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700 !important;
  color: var(--cp-amarelo, #F7D44A) !important;
  margin-bottom: 10px !important;
}
.cp-cmp-sec .cp-cmp-kicker { color: #6b6b76 !important; }
.cp-cmp-h1 {
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 14px !important;
}
.cp-cmp-h2 {
  font-size: 27px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  margin: 0 0 20px !important;
}
.cp-cmp-deck {
  font-size: 17px !important;
  line-height: 1.6 !important;
  color: #d8d8de !important;
  margin: 0 0 16px !important;
  max-width: 760px;
}
.cp-cmp-nota-priv {
  font-size: 14px !important;
  line-height: 1.55 !important;
  color: #a8a8b4 !important;
  margin: 0 !important;
}
.cp-cmp-nota-priv strong { color: var(--cp-amarelo, #F7D44A) !important; }

/* ── os dois lados ─────────────────────────────────────────────────────── */
.cp-cmp-lados { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.cp-cmp-lado-t {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  margin-bottom: 8px !important;
}
.cp-cmp-drop {
  border: 2px dashed #d4d4dc;
  border-radius: 12px;
  padding: 30px 18px !important;
  text-align: center;
  cursor: pointer;
  background: #fff;
  transition: border-color .15s, background .15s;
}
.cp-cmp-drop:hover,
.cp-cmp-drop:focus,
.cp-cmp-drop-on { border-color: var(--cp-amarelo, #F7D44A); background: #fffdf2; }
.cp-cmp-drop-ico { font-size: 26px !important; color: #b6b6c0 !important; margin-bottom: 8px !important; }
.cp-cmp-drop-title { font-size: 15px !important; font-weight: 700 !important; color: var(--cp-preto, #1A1A1A) !important; }
.cp-cmp-drop-sub { font-size: 13px !important; color: #6b6b76 !important; margin-top: 3px !important; }
.cp-cmp-file {
  display: flex; align-items: center; gap: 8px;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  background: #fff;
  border: 1px solid #e6e6ea;
  border-radius: 8px;
  font-size: 14px !important;
  color: var(--cp-preto, #1A1A1A) !important;
}
.cp-cmp-file-kb { color: #6b6b76 !important; font-size: 13px !important; }
button.cp-cmp-file-x {
  margin-left: auto !important;
  background: none !important;
  border: 0 !important;
  color: #9a9aa6 !important;
  cursor: pointer !important;
  padding: 2px 6px !important;
}
button.cp-cmp-file-x:hover { color: var(--cp-preto, #1A1A1A) !important; }

/* ── o controle do filtro: à vista, porque muda o resultado ────────────── */
.cp-cmp-opts { margin-top: 22px !important; }
.cp-cmp-check {
  display: flex; align-items: center; gap: 9px;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  cursor: pointer !important;
}
.cp-cmp-check input { width: 17px; height: 17px; accent-color: var(--cp-preto, #1A1A1A); }
.cp-cmp-hint {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #6b6b76 !important;
  margin: 7px 0 0 26px !important;
  max-width: 720px;
}

/* ⚠️ `gap` explicito: os dois botoes sao inline-flex e encostavam um no outro
   (relato do dono, 22/08). `margin` no botao nao serve — ele e compartilhado
   com a barra de reset e com o modal, que tem espacamento proprio. */
.cp-cmp-run {
  margin-top: 22px !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
button.cp-cmp-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 12px 22px !important;
  border-radius: 9px !important;
  border: 1px solid #d4d4dc !important;
  background: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  cursor: pointer !important;
}
button.cp-cmp-btn-dark {
  background: var(--cp-preto, #1A1A1A) !important;
  border-color: var(--cp-preto, #1A1A1A) !important;
  color: #fff !important;
}
button.cp-cmp-btn-dark:disabled { opacity: .45 !important; cursor: not-allowed !important; }
button.cp-cmp-mini {
  padding: 8px 14px !important;
  border-radius: 8px !important;
  border: 1px solid #d4d4dc !important;
  background: #fff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  cursor: pointer !important;
}
button.cp-cmp-mini:hover { border-color: var(--cp-preto, #1A1A1A) !important; background: #fffdf2 !important; }

.cp-cmp-prog { margin-top: 16px !important; max-width: 520px; }
.cp-cmp-bar { height: 6px; background: #e6e6ea; border-radius: 4px; overflow: hidden; }
.cp-cmp-bar span { display: block; height: 100%; width: 0; background: var(--cp-amarelo, #F7D44A); transition: width .2s; }
.cp-cmp-prog-label { font-size: 13px !important; color: #6b6b76 !important; margin-top: 6px !important; }
.cp-cmp-err {
  margin-top: 14px !important;
  padding: 12px 14px !important;
  background: #fff2f2 !important;
  border-left: 3px solid #d94a4a !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 14px !important;
  color: #8a2b2b !important;
}

/* ── resumo ────────────────────────────────────────────────────────────── */
.cp-cmp-resumo-n {
  font-size: 18px !important;
  line-height: 1.5 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  margin: 0 0 12px !important;
}
ul.cp-cmp-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none !important; margin: 0 0 8px !important; padding: 0 !important; }
li.cp-cmp-chip {
  margin: 0 !important;
  padding: 5px 11px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: #fff !important;
  border: 1px solid #e6e6ea !important;
  color: var(--cp-preto, #1A1A1A) !important;
}
li.cp-cmp-chip-alterado { border-color: #e0b400 !important; background: #fffbe8 !important; }
li.cp-cmp-chip-incluido { border-color: #3f9a5a !important; background: #eefbf1 !important; }
li.cp-cmp-chip-suprimido { border-color: #c25b5b !important; background: #fdf0f0 !important; }
li.cp-cmp-chip-movido { border-color: #5b7fc2 !important; background: #eff3fd !important; }

/* ⚠️ O aviso das folhas-imagem tem peso próprio: sem ele "nenhuma diferença"
   num documento digitalizado leria como "os documentos são iguais". */
.cp-cmp-aviso-img {
  margin: 14px 0 0 !important;
  padding: 13px 15px !important;
  background: #fff8e6 !important;
  border-left: 3px solid var(--cp-amarelo, #F7D44A) !important;
  border-radius: 0 8px 8px 0 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: var(--cp-preto, #1A1A1A) !important;
}

/* ── abas ──────────────────────────────────────────────────────────────── */
.cp-cmp-tabs { display: flex; gap: 6px; margin: 22px 0 16px !important; border-bottom: 1px solid #e6e6ea; }
button.cp-cmp-tab {
  padding: 10px 16px !important;
  background: none !important;
  border: 0 !important;
  border-bottom: 3px solid transparent !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #6b6b76 !important;
  cursor: pointer !important;
}
button.cp-cmp-tab-on { color: var(--cp-preto, #1A1A1A) !important; border-bottom-color: var(--cp-amarelo, #F7D44A) !important; }

/* ── lista de mudanças ─────────────────────────────────────────────────── */
ol.cp-cmp-lista { list-style: none !important; margin: 0 !important; padding: 0 !important; }
li.cp-cmp-item {
  margin: 0 0 12px !important;
  padding: 14px 16px !important;
  background: #fff;
  border: 1px solid #e6e6ea;
  border-left-width: 4px;
  border-radius: 0 10px 10px 0;
}
li.cp-cmp-item-alterado { border-left-color: #e0b400; }
li.cp-cmp-item-incluido { border-left-color: #3f9a5a; }
li.cp-cmp-item-suprimido { border-left-color: #c25b5b; }
li.cp-cmp-item-movido { border-left-color: #5b7fc2; }
.cp-cmp-item-top { display: flex; align-items: center; gap: 10px; margin-bottom: 9px !important; }
.cp-cmp-tag {
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: 3px 8px !important;
  border-radius: 5px !important;
}
.cp-cmp-tag-alterado { background: #fffbe8 !important; color: #8a6d00 !important; }
.cp-cmp-tag-incluido { background: #eefbf1 !important; color: #2b6b41 !important; }
.cp-cmp-tag-suprimido { background: #fdf0f0 !important; color: #8a2b2b !important; }
.cp-cmp-tag-movido { background: #eff3fd !important; color: #2b4a8a !important; }
.cp-cmp-fl { font-size: 13px !important; font-weight: 700 !important; color: #6b6b76 !important; }
.cp-cmp-par { margin-bottom: 8px !important; }
.cp-cmp-lab {
  display: block;
  font-size: 11.5px !important;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #9a9aa6 !important;
  margin-bottom: 2px !important;
}
.cp-cmp-par p {
  margin: 0 !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--cp-preto, #1A1A1A) !important;
}
.cp-cmp-par del { background: #fdf0f0; color: #8a2b2b !important; text-decoration: line-through !important; padding: 0 2px; border-radius: 3px; }
.cp-cmp-par ins { background: #eefbf1; color: #2b6b41 !important; text-decoration: none !important; padding: 0 2px; border-radius: 3px; }
.cp-cmp-obs { font-size: 13px !important; color: #6b6b76 !important; margin: 4px 0 0 !important; }
.cp-cmp-acts { margin-top: 14px !important; }

/* ── lado a lado ───────────────────────────────────────────────────────── */
.cp-cmp-ll { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.cp-cmp-ll-col h3 {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #6b6b76 !important;
  margin: 0 0 10px !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.cp-cmp-ll-bloco {
  padding: 12px 14px !important;
  margin-bottom: 10px !important;
  background: #fff;
  border: 1px solid #e6e6ea;
  border-left-width: 4px;
  border-radius: 0 8px 8px 0;
  min-height: 62px;
}
.cp-cmp-ll-alterado { border-left-color: #e0b400; }
.cp-cmp-ll-incluido { border-left-color: #3f9a5a; }
.cp-cmp-ll-suprimido { border-left-color: #c25b5b; }
.cp-cmp-ll-movido { border-left-color: #5b7fc2; }
.cp-cmp-ll-bloco p { margin: 0 !important; font-size: 14px !important; line-height: 1.6 !important; color: var(--cp-preto, #1A1A1A) !important; }
.cp-cmp-ll-vazio { color: #9a9aa6 !important; font-style: italic; }

/* ── método e escopo ───────────────────────────────────────────────────── */
.cp-cmp-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.cp-cmp-card { display: flex; gap: 13px; }
.cp-cmp-card-ico {
  flex: 0 0 auto;
  width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 9px;
  background: #fff;
  border: 1px solid #e6e6ea;
  color: var(--cp-preto, #1A1A1A) !important;
}
.cp-cmp-card-t { font-size: 16px !important; font-weight: 700 !important; margin: 0 0 5px !important; color: var(--cp-preto, #1A1A1A) !important; }
.cp-cmp-card-p { font-size: 14.5px !important; line-height: 1.6 !important; color: #4a4a55 !important; margin: 0 !important; }
ul.cp-cmp-ul { margin: 0 !important; padding-left: 20px !important; }
ul.cp-cmp-ul li { font-size: 15px !important; line-height: 1.65 !important; color: var(--cp-preto, #1A1A1A) !important; margin-bottom: 9px !important; }
a.cp-cmp-link, a.cp-cmp-link:visited {
  color: var(--cp-preto, #1A1A1A) !important;
  text-decoration: underline !important;
  font-weight: 700 !important;
}

@media (max-width: 900px) {
  .cp-cmp-lados, .cp-cmp-grid, .cp-cmp-ll { grid-template-columns: 1fr; }
  .cp-cmp-h1 { font-size: 31px !important; }
  .cp-cmp-h2 { font-size: 23px !important; }
}
@media (max-width: 480px) {
  .cp-cmp-hero, .cp-cmp-sec { padding: 30px 16px !important; }
  .cp-cmp-hint { margin-left: 0 !important; }
}

/* Nada comparado NAO e "nenhuma diferenca": o texto tem peso proprio para nao
   ser lido como "os documentos sao iguais". */
.cp-cmp-resumo-nada {
  padding: 14px 16px !important;
  background: #fff2f2 !important;
  border-left: 3px solid #d94a4a !important;
  border-radius: 0 8px 8px 0 !important;
}