/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 07 2026 | 22:03:06 */
/* ============================================================
   cp-pages-glossario.css — Glossário da Prova Digital (cp-glo-)
   Página /glossario-prova-digital/ (PageGlossarioHelper) + drawer
   transversal [data-cp-gloss] nas demais páginas da vertical.
   Verbete em drawer canônico (cpds-drawer).
   Doc: glossario-prova-digital.md
   ============================================================ */

/* ── Cover ── */
.cp-glo-cover {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--cp-preto, #1A1A1A);
  padding: 56px 20px 48px !important;
}
.cp-glo-cover-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}
.cp-glo-cover-eyebrow {
  color: var(--cp-amarelo, #F7D44A) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 14px !important;
}
h1.cp-glo-cover-title {
  color: #fff !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
}
.cp-glo-cover-deck {
  color: #d8d8dc !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 760px;
}

/* ── Seções ── */
.cp-glo-sec {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #fff;
  padding: 48px 20px !important;
}
.cp-glo-sec-alt { background: var(--cp-bg, #f4f4f6); }
.cp-glo-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}
.cp-glo-sec-kicker {
  color: #8a8a92 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin: 0 0 8px !important;
}
h2.cp-glo-sec-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 26px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin: 0 0 10px !important;
}
.cp-glo-sec-deck {
  color: #55555c !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 0 22px !important;
  max-width: 720px;
}

/* ── Como ler um verbete ── */
.cp-glo-como {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
  margin-top: 22px;
}
.cp-glo-como-item {
  background: #fff;
  border: 1px solid #e6e6ea;
  border-radius: 12px;
  padding: 18px 16px !important;
}
.cp-glo-como-ico {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: var(--cp-amarelo, #F7D44A);
  color: var(--cp-preto, #1A1A1A) !important;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px !important;
  margin: 0 0 10px !important;
}
.cp-glo-como-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
}
.cp-glo-como-d {
  color: #55555c !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 !important;
}

/* ── Toolbar / busca ── */
.cp-glo-toolbar { margin: 0 0 14px !important; }
.cp-glo-search {
  display: flex; align-items: center; gap: 10px;
  background: #fff;
  border: 1px solid #d9d9df;
  border-radius: 10px;
  padding: 10px 14px !important;
  max-width: 520px;
}
.cp-glo-search i { color: #8a8a92 !important; }
.cp-glo-search input {
  border: 0 !important;
  outline: none !important;
  background: transparent !important;
  font-size: 15px !important;
  color: var(--cp-preto, #1A1A1A) !important;
  width: 100%;
  box-shadow: none !important;
}

/* ── Chips de categoria ── */
.cp-glo-chips {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 0 0 16px !important;
}
.cp-glo-chip {
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff !important;
  border: 1px solid #d9d9df !important;
  border-radius: 999px !important;
  color: #45454c !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 7px 14px !important;
  cursor: pointer;
  line-height: 1 !important;
}
.cp-glo-chip i { font-size: 12px !important; color: #8a8a92 !important; }
.cp-glo-chip-n {
  background: #f0f0f3;
  border-radius: 999px;
  padding: 2px 7px !important;
  font-size: 11.5px !important;
  color: #6a6a72 !important;
}
.cp-glo-chip-on,
.cp-glo-chip-on i,
.cp-glo-chip-on .cp-glo-chip-n {
  background: var(--cp-preto, #1A1A1A) !important;
  color: #fff !important;
}
.cp-glo-chip-on .cp-glo-chip-n { background: #3a3a40 !important; }

/* ── Lista / cards ── */
.cp-glo-count {
  color: #8a8a92 !important;
  font-size: 13px !important;
  margin: 0 0 12px !important;
}
.cp-glo-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.cp-glo-loading, .cp-glo-empty {
  grid-column: 1 / -1;
  color: #8a8a92 !important;
  font-size: 14.5px !important;
  padding: 26px 0 !important;
}
a.cp-glo-card, a.cp-glo-card:visited {
  display: flex; flex-direction: column;
  background: #fff;
  border: 1px solid #e6e6ea;
  border-radius: 12px;
  padding: 18px 16px !important;
  text-decoration: none !important;
  color: inherit !important;
  transition: border-color .15s, box-shadow .15s;
}
a.cp-glo-card:hover {
  border-color: var(--cp-amarelo, #F7D44A);
  box-shadow: 0 4px 14px rgba(26, 26, 26, .07);
}
.cp-glo-card-head { margin: 0 0 8px !important; }
.cp-glo-card-termo {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 16.5px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}
.cp-glo-card-meta { margin: 0 0 10px !important; }
.cp-glo-cat-pill {
  display: inline-flex; align-items: center; gap: 6px;
  background: #f0f0f3;
  border-radius: 999px;
  color: #55555c !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .02em;
  padding: 4px 10px !important;
}
.cp-glo-cat-pill i { font-size: 10.5px !important; color: #8a8a92 !important; }
.cp-glo-card-desc {
  color: #55555c !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  margin: 0 0 12px !important;
  flex: 1;
}
.cp-glo-card-foot { display: flex; justify-content: flex-end; }
.cp-glo-card-cta {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
.cp-glo-card-cta i { font-size: 11px !important; }

/* ── Drawer (verbete) ── */
.cp-glo-d-title {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 0 8px !important;
}
.cp-glo-d-meta { margin: 0 0 16px !important; }
.cp-glo-d-sec { margin: 0 0 16px !important; }
.cp-glo-d-sec-t {
  color: #8a8a92 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin: 0 0 6px !important;
}
.cp-glo-d-sec-p {
  color: #2e2e33 !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}
.cp-glo-d-armadilha {
  background: #fff8e6;
  border: 1px solid #f0dfa8;
  border-radius: 10px;
  padding: 12px 14px !important;
}
.cp-glo-d-armadilha .cp-glo-d-sec-t { color: #8a6d1a !important; }
.cp-glo-d-onde { display: flex; flex-direction: column; gap: 8px; }
a.cp-glo-d-onde-link, a.cp-glo-d-onde-link:visited {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  border: 1px solid #e6e6ea;
  border-radius: 10px;
  padding: 9px 12px !important;
}
a.cp-glo-d-onde-link:hover { border-color: var(--cp-amarelo, #F7D44A); }
a.cp-glo-d-onde-link i { color: #8a8a92 !important; font-size: 13px !important; }
.cp-glo-d-rels { display: flex; flex-wrap: wrap; gap: 8px; }
a.cp-glo-d-rel, a.cp-glo-d-rel:visited {
  background: #f0f0f3 !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #45454c !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 6px 13px !important;
  cursor: pointer;
  text-decoration: none !important;
}
a.cp-glo-d-rel:hover { background: #e6e6ea !important; }
.cp-glo-d-perma { margin: 20px 0 0 !important; }
.cp-glo-d-perma a, .cp-glo-d-perma a:visited {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  border-bottom: 2px solid var(--cp-amarelo, #F7D44A);
  padding-bottom: 1px;
}
.cp-glo-d-erro {
  color: #55555c !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
}
.cp-glo-d-erro a { color: var(--cp-preto, #1A1A1A) !important; font-weight: 700 !important; }

/* ── Marcação transversal do termo (nas demais páginas) ── */
a[data-cp-gloss], a[data-cp-gloss]:visited {
  color: inherit !important;
  text-decoration: none !important;
  border-bottom: 1px dashed #9a9aa2;
  cursor: help;
}
a[data-cp-gloss]:hover {
  border-bottom-color: var(--cp-preto, #1A1A1A);
  background: rgba(247, 212, 74, .18);
}

/* ── Disclaimer ── */
.cp-glo-disclaimer {
  background: var(--cp-bg, #f4f4f6);
  border-radius: 12px;
  color: #55555c !important;
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  padding: 16px 18px !important;
}
.cp-glo-disclaimer i { color: #8a8a92 !important; margin-right: 6px; }

/* ── Responsivo ── */
@media (max-width: 1024px) {
  .cp-glo-como { grid-template-columns: repeat(2, 1fr); }
  .cp-glo-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
  h1.cp-glo-cover-title { font-size: 30px !important; }
  .cp-glo-cover-deck { font-size: 15.5px !important; }
  h2.cp-glo-sec-title { font-size: 22px !important; }
}
@media (max-width: 480px) {
  .cp-glo-como { grid-template-columns: 1fr; }
  .cp-glo-list { grid-template-columns: 1fr; }
  .cp-glo-sec { padding: 36px 16px !important; }
  .cp-glo-cover { padding: 44px 16px 36px !important; }
}