/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 31 2026 | 17:02:01 */
/* ==========================================================================
   cp-pages-pulso.css — Pulso do Dia (/pulso/)
   Prefixo: cp-pls-
   Helper: PagePulsoHelper · Doc: doc/planejamento/pulso-do-mundo.md

   Feed cronologico do que muda no direito criminal. Layout de leitura, nao de
   dashboard: coluna unica, cartao por acontecimento, agrupado por dia.

   BuddyBoss tem especificidade global alta — por isso !important nas
   propriedades da lista do memory/reference_css_buddyboss.md (color, margin,
   padding, line-height, font-weight, text-decoration, font-size).
   ========================================================================== */

/* --- Hero ---------------------------------------------------------------- */

.cp-pls-hero {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--cp-preto, #1A1A1A);
  padding: 56px 20px 40px !important;
}

.cp-pls-wrap {
  max-width: var(--cp-page-narrow, 900px);
  margin: 0 auto;
}

.cp-pls-title {
  color: #fff !important;
  font-size: 40px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  margin: 0 0 12px !important;
}

.cp-pls-sub {
  color: rgba(255, 255, 255, .82) !important;
  font-size: 17px !important;
  line-height: 1.55 !important;
  margin: 0 0 18px !important;
  max-width: 62ch;
}

.cp-pls-meta {
  color: var(--cp-amarelo, #F7D44A) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  margin: 0 !important;
}

/* --- Feed ---------------------------------------------------------------- */

.cp-pls-feed {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--cp-bg, #f4f4f6);
  padding: 40px 20px 64px !important;
}

.cp-pls-dia {
  margin: 0 0 34px !important;
}

/* A data ancora a leitura: e a primeira coisa que responde "isso e de quando". */
.cp-pls-dia-titulo {
  color: #6b6b76 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 12px !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid #e3e3e8;
}

.cp-pls-lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cp-pls-card {
  background: #fff;
  border: 1px solid #e6e6eb;
  border-radius: 10px;
  padding: 16px 18px !important;
}

.cp-pls-card-top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 0 0 8px !important;
}

/* Chip = a PORTA pela qual o item entrou. E o que diz ao leitor por que
   aquilo esta na pagina; sem ele, tudo vira "noticia". */
.cp-pls-chip {
  background: #edeef2;
  color: #3a3a44 !important;
  border-radius: 999px;
  padding: 3px 10px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
}

.cp-pls-chip-senado      { background: #e7f0ff; color: #1c4b9c !important; }
.cp-pls-chip-legislacao  { background: #eef1f5; color: #3d4a5c !important; }
.cp-pls-chip-tese        { background: #eaf7ee; color: #1d6b39 !important; }
.cp-pls-chip-informativo { background: #fdf2dc; color: #8a5a06 !important; }
.cp-pls-chip-sumula      { background: #f3eaff; color: #5a2a97 !important; }
.cp-pls-chip-em-pauta    { background: #ffeef0; color: #a3253c !important; }

.cp-pls-area {
  color: #7a7a85 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Carimbo de honestidade: a fonte nao publica a data do fato, entao a pagina
   diz que a data e a da NOSSA deteccao. Nao e detalhe visual, e contrato. */
.cp-pls-detectado {
  color: #8a5a06 !important;
  background: #fdf6e6;
  border: 1px dashed #e6cf93;
  border-radius: 6px;
  padding: 2px 8px !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.cp-pls-card-titulo {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin: 0 0 6px !important;
}

a.cp-pls-link,
a.cp-pls-link:visited {
  color: var(--cp-preto, #1A1A1A) !important;
  text-decoration: none !important;
}

a.cp-pls-link:hover {
  color: #1c4b9c !important;
  text-decoration: underline !important;
}

.cp-pls-card-resumo {
  color: #55555f !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* O card inteiro abre o detalhe (cp-mod-pulso.js), entao ele se comporta como
   alvo: cursor e realce no hover. O titulo segue sendo <a href> real. */
.cp-pls-card {
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.cp-pls-card:hover {
  border-color: #cfcfd8;
  box-shadow: 0 2px 10px rgba(26, 26, 26, .07);
}

.cp-pls-card-foot {
  margin: 10px 0 0 !important;
}

/* Afordancia do drawer: sem ela, um clique que abre painel vira surpresa. */
.cp-pls-card-open {
  color: #7a7a85 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
}

.cp-pls-card:hover .cp-pls-card-open { color: #1c4b9c !important; }

/* --- Drawer do detalhe ---------------------------------------------------- */
/* Estrutura, cabecalho e rodape vem das primitivas .cpds-drawer*; aqui so o
   que e do Pulso. */

/* Carimbo de honestidade dentro do painel (par do .cp-pls-detectado no card). */
.cp-pls-drawer-nota {
  background: #fdf6e6;
  border: 1px dashed #e6cf93;
  border-radius: 8px;
  color: #8a5a06 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 14px 0 0 !important;
  padding: 10px 12px !important;
}

.cp-pls-drawer-semresumo {
  color: #7a7a85 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  margin: 16px 0 0 !important;
}

.cp-pls-drawer-ir {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

a.cp-pls-drawer-go,
a.cp-pls-drawer-go:visited {
  align-self: flex-start;
  background: var(--cp-amarelo, #F7D44A);
  border-radius: 8px;
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  padding: 11px 18px !important;
  text-decoration: none !important;
}

a.cp-pls-drawer-go:hover {
  background: #ffe27a;
  color: var(--cp-preto, #1A1A1A) !important;
  text-decoration: none !important;
}

.cp-pls-drawer-ir-nota {
  color: #7a7a85 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}

.cp-pls-vazio {
  background: #fff;
  border: 1px dashed #d8d8e0;
  border-radius: 10px;
  padding: 28px 20px !important;
  text-align: center;
  color: #6b6b76 !important;
  font-size: 15px !important;
}

/* --- Responsivo ---------------------------------------------------------- */

@media (max-width: 768px) {
  .cp-pls-hero { padding: 40px 16px 30px !important; }
  .cp-pls-title { font-size: 30px !important; }
  .cp-pls-sub { font-size: 15px !important; }
  .cp-pls-feed { padding: 30px 16px 48px !important; }
  .cp-pls-card { padding: 14px 14px !important; }
  .cp-pls-card-titulo { font-size: 16px !important; }
}

@media (max-width: 480px) {
  .cp-pls-title { font-size: 25px !important; }
  .cp-pls-card-top { gap: 6px; }
  .cp-pls-chip { font-size: 11px !important; }
}