/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 09 2026 | 20:47:38 */
/* ============================================================
   cp-pages-guia-prova.css — Guia de Anatomia da Prova Digital (cp-gpd-)
   Página /guia-prova-digital/ (PageGuiaProvaDigitalHelper).
   Conteúdo curado por fonte de prova, cinco blocos fixos.
   Doc: guia-anatomia-prova-digital.md
   ============================================================ */

/* ── Cover ── */
.cp-gpd-cover {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: var(--cp-preto, #1A1A1A);
  padding: 56px 20px 48px !important;
}
.cp-gpd-cover-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}
.cp-gpd-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-gpd-cover-title {
  color: #fff !important;
  font-size: 40px !important;
  line-height: 1.15 !important;
  font-weight: 800 !important;
  margin: 0 0 14px !important;
}
.cp-gpd-cover-deck {
  color: #d8d8dc !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  max-width: 780px;
}

/* ── Seções ── */
.cp-gpd-sec {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  background: #fff;
  padding: 48px 20px !important;
}
.cp-gpd-sec-alt { background: var(--cp-bg, #f4f4f6); }
.cp-gpd-inner {
  max-width: var(--cp-page-max, 1100px);
  margin: 0 auto !important;
}
.cp-gpd-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-gpd-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;
}

/* ── Como o guia é organizado (5 cards) ── */
.cp-gpd-como {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 14px;
  margin-top: 22px;
}
.cp-gpd-como-item {
  background: #fff;
  border: 1px solid #e6e6ea;
  border-radius: 12px;
  padding: 16px 14px !important;
}
.cp-gpd-como-ico {
  width: 34px; height: 34px;
  border-radius: 9px;
  background: var(--cp-amarelo, #F7D44A);
  color: var(--cp-preto, #1A1A1A) !important;
  display: flex; align-items: center; justify-content: center;
  font-size: 15px !important;
  margin: 0 0 10px !important;
}
.cp-gpd-como-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  margin: 0 0 6px !important;
}
.cp-gpd-como-d {
  color: #55555c !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

/* ── Seletor de fonte ── */
.cp-gpd-fontes {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 18px 0 22px !important;
}
.cp-gpd-fonte {
  background: #fff !important;
  border: 1px solid #d9d9df !important;
  border-radius: 999px !important;
  color: #45454c !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  cursor: pointer;
  line-height: 1 !important;
}
.cp-gpd-fonte-on {
  background: var(--cp-preto, #1A1A1A) !important;
  border-color: var(--cp-preto, #1A1A1A) !important;
  color: #fff !important;
}

/* ── Chamada da fonte ── */
.cp-gpd-chamada {
  background: var(--cp-bg, #f4f4f6);
  border-left: 4px solid var(--cp-amarelo, #F7D44A);
  border-radius: 0 10px 10px 0;
  color: #2e2e33 !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
  padding: 16px 20px !important;
  margin: 0 0 28px !important;
}
.cp-gpd-chamada i { color: #b9b9c0 !important; margin-right: 8px; }

/* ── Bloco ── */
.cp-gpd-bloco {
  border-top: 1px solid #e6e6ea;
  padding: 26px 0 !important;
}
.cp-gpd-bloco:first-of-type { border-top: 0; padding-top: 0 !important; }
.cp-gpd-bloco-head {
  display: flex; align-items: center; gap: 12px;
  margin: 0 0 14px !important;
}
.cp-gpd-bloco-n {
  width: 28px; height: 28px; flex: 0 0 28px;
  border-radius: 50%;
  background: var(--cp-preto, #1A1A1A);
  color: #fff !important;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px !important;
  font-weight: 800 !important;
}
h3.cp-gpd-bloco-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
  margin: 0 !important;
}
h3.cp-gpd-bloco-t i { color: #8a8a92 !important; font-size: 16px !important; margin-right: 6px; }

/* Corpo curado (HTML vindo da tabela) */
.cp-gpd-bloco-body p {
  color: #2e2e33 !important;
  font-size: 15.5px !important;
  line-height: 1.7 !important;
  margin: 0 0 14px !important;
}
.cp-gpd-bloco-body ul { margin: 0 0 14px 20px !important; }
.cp-gpd-bloco-body li {
  color: #2e2e33 !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  margin: 0 0 8px !important;
}
.cp-gpd-bloco-body strong { color: var(--cp-preto, #1A1A1A) !important; font-weight: 700 !important; }
.cp-gpd-bloco-body code {
  background: #f0f0f3;
  border-radius: 4px;
  font-size: 13.5px !important;
  padding: 2px 6px !important;
}
.cp-gpd-nota {
  background: #fff8e6;
  border: 1px solid #f0dfa8;
  border-radius: 10px;
  padding: 12px 14px !important;
  font-size: 14.5px !important;
}

/* Etapas (bloco "como foi produzido") */
.cp-gpd-etapas { margin: 0 0 16px !important; }
.cp-gpd-etapa {
  display: flex; gap: 14px;
  padding: 14px 0 !important;
  border-bottom: 1px dashed #e6e6ea;
}
.cp-gpd-etapa:last-child { border-bottom: 0; }
.cp-gpd-etapa-n {
  width: 26px; height: 26px; flex: 0 0 26px;
  border-radius: 50%;
  background: var(--cp-amarelo, #F7D44A);
  color: var(--cp-preto, #1A1A1A) !important;
  display: flex; align-items: center; justify-content: center;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  margin-top: 2px;
}
.cp-gpd-etapa-t {
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 15.5px !important;
  font-weight: 800 !important;
  margin: 0 0 6px !important;
}
.cp-gpd-etapa-doc {
  color: #6a6a72 !important;
  font-size: 13.5px !important;
  font-style: italic;
  margin-top: 6px;
}

/* Tabela (bloco "o que pedir") */
.cp-gpd-tbl-wrap { overflow-x: auto; margin: 0 0 16px !important; }
.cp-gpd-tbl {
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px !important;
}
.cp-gpd-tbl th {
  background: var(--cp-bg, #f4f4f6);
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 12px !important;
  border-bottom: 2px solid #e6e6ea;
}
.cp-gpd-tbl td {
  color: #2e2e33 !important;
  line-height: 1.55 !important;
  padding: 12px !important;
  border-bottom: 1px solid #ececf0;
  vertical-align: top;
}

/* ── Chips de termo e de salto ── */
.cp-gpd-termos {
  display: flex; align-items: baseline; flex-wrap: wrap; gap: 10px;
  margin: 16px 0 0 !important;
  padding-top: 14px;
  border-top: 1px dashed #e6e6ea;
}
.cp-gpd-termos-t {
  color: #8a8a92 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.cp-gpd-termos-l { display: flex; flex-wrap: wrap; gap: 7px; }
a.cp-gpd-termo, a.cp-gpd-termo:visited {
  background: #f0f0f3 !important;
  border-radius: 999px !important;
  color: #45454c !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 5px 12px !important;
  text-decoration: none !important;
  cursor: pointer;
}
a.cp-gpd-termo:hover { background: var(--cp-amarelo, #F7D44A) !important; color: var(--cp-preto, #1A1A1A) !important; }

.cp-gpd-refs { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 0 !important; }
a.cp-gpd-ref, a.cp-gpd-ref:visited {
  display: inline-flex; align-items: center; gap: 7px;
  border: 1px solid #e6e6ea;
  border-radius: 10px;
  color: var(--cp-preto, #1A1A1A) !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 8px 12px !important;
  text-decoration: none !important;
}
a.cp-gpd-ref:hover { border-color: var(--cp-amarelo, #F7D44A); }
a.cp-gpd-ref i { color: #8a8a92 !important; font-size: 12.5px !important; }

/* ── Estados e rodapé ── */
.cp-gpd-loading, .cp-gpd-empty {
  color: #8a8a92 !important;
  font-size: 14.5px !important;
  padding: 26px 0 !important;
}
.cp-gpd-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-gpd-disclaimer i { color: #8a8a92 !important; margin-right: 6px; }

/* ── Responsivo ── */
@media (max-width: 1024px) {
  .cp-gpd-como { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 768px) {
  h1.cp-gpd-cover-title { font-size: 30px !important; }
  .cp-gpd-cover-deck { font-size: 15.5px !important; }
  h2.cp-gpd-sec-title { font-size: 22px !important; }
  .cp-gpd-como { grid-template-columns: repeat(2, 1fr); }
  h3.cp-gpd-bloco-t { font-size: 18px !important; }
}
@media (max-width: 480px) {
  .cp-gpd-como { grid-template-columns: 1fr; }
  .cp-gpd-sec { padding: 36px 16px !important; }
  .cp-gpd-cover { padding: 44px 16px 36px !important; }
  .cp-gpd-bloco-body p, .cp-gpd-bloco-body li { font-size: 15px !important; }
}