/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 07 2026 | 17:35:09 */
/* =========================================================================
   cp-pages-precedentes.css — Hub "Precedentes Qualificados" (Súmulas + Temas)
   Prefixo: cp-prec-  | Landing pública que unifica os 2 catálogos.
   ========================================================================= */

.cp-ds .cp-prec-wrap {
  --cp-prec-accent: #243b63;     /* navy sóbrio (referência/normativo) */
  --cp-prec-accent-soft: #e8edf5;
  --cp-prec-line: #e5e7eb;
  --cp-prec-muted: #5b6472;
}

/* ---- Hero ---- */
.cp-ds .cp-prec-hero {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: linear-gradient(135deg, #1A1A1A 0%, #21314f 70%, var(--cp-prec-accent) 130%);
  padding: 52px 20px 44px !important;
}
.cp-ds .cp-prec-hero-inner { max-width: var(--cp-page-max, 1100px); margin: 0 auto !important; }
.cp-ds .cp-prec-crumb,
.cp-ds .cp-prec-crumb a { color: rgba(255,255,255,.75) !important; font-size: 13px !important; text-decoration: none !important; }
.cp-ds .cp-prec-crumb a:visited { color: rgba(255,255,255,.75) !important; }
.cp-ds .cp-prec-crumb a:hover { color: var(--cp-amarelo, #F7D44A) !important; }
.cp-ds .cp-prec-hero-title {
  color: #fff !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 1.12 !important;
  margin: 10px 0 14px !important;
}
.cp-ds .cp-prec-hero-deck {
  color: rgba(255,255,255,.88) !important;
  font-size: 17.5px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
  max-width: 720px;
}

/* ---- Cards ---- */
.cp-ds .cp-prec-cards {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--cp-bg, #f4f4f6);
  padding: 36px 20px !important;
}
.cp-ds .cp-prec-cards-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
.cp-ds a.cp-prec-card,
.cp-ds a.cp-prec-card:visited {
  display: block;
  background: #fff !important;
  border: 1px solid var(--cp-prec-line) !important;
  border-top: 4px solid var(--cp-prec-accent) !important;
  border-radius: 14px !important;
  padding: 24px 26px 22px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: box-shadow .15s, transform .15s;
}
.cp-ds a.cp-prec-card:hover {
  box-shadow: 0 6px 22px rgba(36,59,99,.14);
  transform: translateY(-2px);
}
.cp-ds .cp-prec-card-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px !important; }
.cp-ds .cp-prec-card-ico {
  width: 42px; height: 42px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--cp-prec-accent-soft);
  color: var(--cp-prec-accent) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
}
.cp-ds .cp-prec-card-title {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--cp-preto, #1A1A1A) !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}
.cp-ds .cp-prec-card-count {
  font-size: 15px !important;
  color: var(--cp-preto, #1A1A1A) !important;
  margin: 0 0 4px !important;
}
.cp-ds .cp-prec-card-count strong { font-size: 19px !important; color: var(--cp-prec-accent) !important; }
.cp-ds .cp-prec-card-penal {
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #7A2E3A !important;
  margin: 0 0 12px !important;
}
.cp-ds .cp-prec-card-penal i { margin-right: 5px; }
.cp-ds .cp-prec-card-desc {
  font-size: 14px !important;
  color: var(--cp-prec-muted) !important;
  line-height: 1.5 !important;
  margin: 0 0 16px !important;
}
.cp-ds .cp-prec-card-cta {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--cp-prec-accent) !important;
}
.cp-ds .cp-prec-card-cta i { margin-left: 4px; }

/* ---- Nota ---- */
.cp-ds .cp-prec-nota {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #fff;
  border-top: 1px solid var(--cp-prec-line) !important;
  padding: 28px 20px !important;
}
.cp-ds .cp-prec-nota-inner { max-width: var(--cp-page-max, 1100px); margin: 0 auto !important; }
.cp-ds .cp-prec-nota p {
  font-size: 15px !important;
  color: var(--cp-prec-muted) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
}

/* ---- Responsivo ---- */
@media (max-width: 768px) {
  .cp-ds .cp-prec-cards-inner { grid-template-columns: 1fr; }
  .cp-ds .cp-prec-hero-title { font-size: 28px !important; }
  .cp-ds .cp-prec-hero-deck { font-size: 16px !important; }
}