/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 11 2026 | 14:11:51 */
/* ============================================================
   cp-pages-prova-oral.css — Análise de Prova Oral (/analise-de-prova-oral/)
   Prefixo: cp-oral-  ·  Helper: PageProvaOralHelper  ·  JS: cp-mod-prova-oral.js
   5ª peça da vertical Investigação Defensiva (analise-prova-oral.md).
   ============================================================ */

/* ── Cover ── */
.cp-oral-cover {
	width: 100vw; margin-left: calc(-50vw + 50%);
	background: var(--cp-preto, #1A1A1A);
	padding: 56px 24px 48px !important;
}
.cp-oral-cover-inner { max-width: var(--cp-page-max, 1100px); margin: 0 auto; }
.cp-oral-cover-eyebrow {
	color: var(--cp-amarelo, #F7D44A) !important;
	font-size: 13px !important; font-weight: 700 !important;
	text-transform: uppercase; letter-spacing: .08em;
	margin: 0 0 12px !important;
}
.cp-oral-cover-title {
	color: #fff !important; font-size: 40px !important; font-weight: 800 !important;
	line-height: 1.15 !important; margin: 0 0 14px !important;
}
.cp-oral-cover-deck {
	color: #d9d9de !important; font-size: 17px !important; line-height: 1.6 !important;
	max-width: 760px; margin: 0 0 20px !important;
}
.cp-oral-cover-badges { display: flex; flex-wrap: wrap; gap: 10px; }
.cp-oral-badge {
	display: inline-flex; align-items: center; gap: 8px;
	background: rgba(247, 212, 74, .12); border: 1px solid rgba(247, 212, 74, .4);
	border-radius: 999px; padding: 8px 14px !important;
	color: #f2e6b8 !important; font-size: 13px !important; line-height: 1.4 !important;
}
.cp-oral-badge .fa { color: var(--cp-amarelo, #F7D44A) !important; }

/* ── Seções ── */
.cp-oral-sec {
	width: 100vw; margin-left: calc(-50vw + 50%);
	background: #fff; padding: 48px 24px !important;
}
.cp-oral-sec-alt { background: var(--cp-bg, #f4f4f6); }
.cp-oral-inner { max-width: var(--cp-page-max, 1100px); margin: 0 auto; }
.cp-oral-sec-kicker {
	color: #8a8a92 !important; font-size: 13px !important; font-weight: 700 !important;
	text-transform: uppercase; letter-spacing: .08em; margin: 0 0 8px !important;
}
.cp-oral-sec-title {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 28px !important;
	font-weight: 800 !important; line-height: 1.2 !important; margin: 0 0 18px !important;
}

/* ── Passos ── */
.cp-oral-steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.cp-oral-step {
	background: #fff; border: 1px solid #e6e6ea; border-radius: 14px;
	padding: 22px !important;
}
.cp-oral-step-num {
	width: 34px; height: 34px; border-radius: 50%;
	background: var(--cp-amarelo, #F7D44A);
	color: var(--cp-preto, #1A1A1A) !important;
	font-weight: 800 !important; font-size: 16px !important;
	display: flex; align-items: center; justify-content: center;
	margin: 0 0 12px !important;
}
.cp-oral-step-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 17px !important;
	font-weight: 700 !important; margin: 0 0 6px !important;
}
.cp-oral-step-d {
	color: #55555c !important; font-size: 14px !important; line-height: 1.55 !important;
	margin: 0 !important;
}

/* ── Botões ── */
.cp-oral-btn {
	display: inline-flex; align-items: center; gap: 8px;
	background: #fff; border: 1.5px solid var(--cp-preto, #1A1A1A);
	border-radius: 10px; padding: 11px 18px !important; cursor: pointer;
	color: var(--cp-preto, #1A1A1A) !important;
	font-size: 14px !important; font-weight: 700 !important;
	line-height: 1 !important; text-decoration: none !important;
}
.cp-oral-btn-dark { background: var(--cp-preto, #1A1A1A); color: #fff !important; }
.cp-oral-btn:hover { opacity: .85; }
.cp-oral-btn[disabled] { opacity: .45; cursor: not-allowed; }

/* ── E1 ── */
.cp-oral-e1 { display: flex; flex-direction: column; gap: 16px; }
.cp-oral-texto {
	width: 100%; border: 1px solid #d9d9de; border-radius: 12px;
	padding: 16px !important; font-size: 14px !important; line-height: 1.6 !important;
	color: var(--cp-preto, #1A1A1A) !important; background: #fff;
	font-family: inherit; resize: vertical; min-height: 220px;
}
.cp-oral-ctx { background: #fff; border: 1px solid #e6e6ea; border-radius: 12px; padding: 16px !important; }
.cp-oral-ctx-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 14px !important;
	font-weight: 700 !important; margin: 0 0 12px !important;
}
.cp-oral-ctx-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.cp-oral-fld { display: flex; flex-direction: column; gap: 5px; margin: 0 !important; }
.cp-oral-fld-l {
	color: #55555c !important; font-size: 12px !important; font-weight: 700 !important;
	text-transform: uppercase; letter-spacing: .04em;
}
.cp-oral-fld input, .cp-oral-fld select {
	border: 1px solid #d9d9de; border-radius: 8px; padding: 9px 10px !important;
	font-size: 14px !important; color: var(--cp-preto, #1A1A1A) !important; background: #fff;
}

/* ── Pseudonimização ── */
.cp-oral-pseudo {
	background: #fffbe9; border: 1px solid #efdf9a; border-radius: 12px;
	padding: 18px !important; margin: 18px 0 !important;
}
.cp-oral-pseudo-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 15px !important;
	font-weight: 800 !important; margin: 0 0 6px !important;
}
.cp-oral-pseudo-d {
	color: #55555c !important; font-size: 13px !important; line-height: 1.5 !important;
	margin: 0 0 12px !important;
}
.cp-oral-pseudo-list { display: flex; flex-direction: column; gap: 8px; margin: 0 0 12px !important; }
.cp-oral-pseudo-row {
	display: grid; grid-template-columns: 1fr 220px 90px; gap: 10px; align-items: center;
	background: #fff; border: 1px solid #eee7c8; border-radius: 8px; padding: 8px 10px !important;
}
.cp-oral-pseudo-row .cp-oral-pnome {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 14px !important; font-weight: 600 !important;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cp-oral-pseudo-row input {
	border: 1px solid #d9d9de; border-radius: 6px; padding: 6px 8px !important;
	font-size: 13px !important; text-transform: uppercase;
}
.cp-oral-pseudo-rm {
	background: none; border: none; cursor: pointer;
	color: #a33 !important; font-size: 13px !important; text-decoration: underline !important;
}
.cp-oral-pseudo-add { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 12px !important; }
.cp-oral-pseudo-add input {
	border: 1px solid #d9d9de; border-radius: 8px; padding: 8px 10px !important; font-size: 13px !important;
}
.cp-oral-pseudo-actions { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }
.cp-oral-pseudo-skip {
	color: #55555c !important; font-size: 13px !important; margin: 0 !important;
	display: inline-flex; align-items: center; gap: 6px;
}

/* ── Preview numerado ── */
.cp-oral-prev-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 14px !important;
	font-weight: 700 !important; margin: 14px 0 8px !important;
}
.cp-oral-preview {
	background: #fff; border: 1px solid #e6e6ea; border-radius: 12px;
	padding: 16px !important; max-height: 320px; overflow: auto;
}
.cp-oral-par {
	color: #3a3a40 !important; font-size: 13px !important; line-height: 1.6 !important;
	margin: 0 0 8px !important;
}
.cp-oral-par-n {
	color: #8a8a92 !important; font-weight: 700 !important; font-size: 12px !important;
	margin-right: 6px;
}
.cp-oral-par-hl { background: #fff3bf; border-radius: 4px; }

/* ── E2: módulos + progresso ── */
.cp-oral-mods { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; margin: 0 0 18px !important; }
.cp-oral-mod {
	display: grid; grid-template-columns: 22px 1fr; grid-template-rows: auto auto;
	gap: 2px 10px; align-items: start; cursor: pointer;
	background: #fff; border: 1px solid #e6e6ea; border-radius: 12px;
	padding: 14px !important; margin: 0 !important;
}
.cp-oral-mod input { grid-row: 1 / span 2; margin-top: 3px; }
.cp-oral-mod-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 15px !important; font-weight: 700 !important;
}
.cp-oral-mod-d {
	grid-column: 2; color: #55555c !important; font-size: 13px !important; line-height: 1.5 !important;
}
.cp-oral-progress { display: flex; flex-direction: column; gap: 6px; margin: 18px 0 0 !important; }
.cp-oral-prog-row {
	display: flex; align-items: center; gap: 10px;
	background: #fff; border: 1px solid #e6e6ea; border-radius: 8px; padding: 8px 12px !important;
}
.cp-oral-prog-row .fa { width: 16px; text-align: center; }
.cp-oral-prog-nome {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 14px !important; font-weight: 600 !important;
	flex: 1;
}
.cp-oral-prog-st { color: #8a8a92 !important; font-size: 12px !important; }
.cp-oral-prog-ok .fa { color: #1b7f4d !important; }
.cp-oral-prog-err .fa { color: #a33 !important; }
.cp-oral-prog-run .fa { color: #b58900 !important; }
.cp-oral-prog-retry {
	background: none; border: none; cursor: pointer;
	color: #1a1a1a !important; font-size: 12px !important; text-decoration: underline !important;
}

/* ── E3: relatório ── */
.cp-oral-valida {
	background: #eef7f0; border: 1px solid #bfe3cb; border-radius: 10px;
	padding: 12px 16px !important; margin: 0 0 18px !important;
	color: #1b5e34 !important; font-size: 13px !important; line-height: 1.5 !important;
}
.cp-oral-valida.cp-oral-valida-warn { background: #fdf3e7; border-color: #ecd3ae; color: #7a4d12 !important; }
.cp-oral-report { display: flex; flex-direction: column; gap: 22px; }
.cp-oral-rsec { background: #fff; border: 1px solid #e6e6ea; border-radius: 14px; padding: 20px !important; }
.cp-oral-rsec-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 19px !important;
	font-weight: 800 !important; margin: 0 0 4px !important;
}
.cp-oral-rsec-meta {
	color: #8a8a92 !important; font-size: 12px !important; margin: 0 0 14px !important;
}
.cp-oral-rnota {
	background: #f6f6f8; border-left: 3px solid #c9c9d0; border-radius: 6px;
	padding: 8px 12px !important; margin: 0 0 12px !important;
	color: #55555c !important; font-size: 13px !important; line-height: 1.5 !important;
}
.cp-oral-item {
	border: 1px solid #ececf0; border-radius: 10px; padding: 12px 14px !important;
	margin: 0 0 10px !important;
}
.cp-oral-item-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin: 0 0 6px !important; }
.cp-oral-tag {
	display: inline-block; border-radius: 999px; padding: 2px 10px !important;
	font-size: 11px !important; font-weight: 700 !important; text-transform: uppercase;
	letter-spacing: .04em; background: #f0f0f4; color: #55555c !important;
}
.cp-oral-tag-central, .cp-oral-tag-alta { background: #fdeaea; color: #a33 !important; }
.cp-oral-tag-media { background: #fdf3e7; color: #7a4d12 !important; }
.cp-oral-tag-perec { background: #fdeaea; color: #a33 !important; }
.cp-oral-tag-ok { background: #eef7f0; color: #1b7f4d !important; }
.cp-oral-item-t {
	color: var(--cp-preto, #1A1A1A) !important; font-size: 14px !important;
	font-weight: 700 !important; line-height: 1.4 !important;
}
.cp-oral-quote {
	background: #f8f8fa; border-left: 3px solid var(--cp-amarelo, #F7D44A);
	border-radius: 6px; padding: 8px 12px !important; margin: 6px 0 !important;
	color: #3a3a40 !important; font-size: 13px !important; line-height: 1.55 !important;
	font-style: italic;
}
.cp-oral-quote .cp-oral-qref {
	color: #8a8a92 !important; font-size: 11px !important; font-weight: 700 !important;
	font-style: normal; cursor: pointer; text-decoration: underline !important;
}
.cp-oral-item-d {
	color: #55555c !important; font-size: 13px !important; line-height: 1.55 !important;
	margin: 4px 0 0 !important;
}
.cp-oral-item-d strong { color: var(--cp-preto, #1A1A1A) !important; }
.cp-oral-disc {
	background: #f6f6f8; border: 1px dashed #c9c9d0; border-radius: 10px;
	padding: 10px 14px !important; margin: 12px 0 0 !important;
	color: #55555c !important; font-size: 12px !important; line-height: 1.5 !important;
}
.cp-oral-actions { display: flex; gap: 12px; flex-wrap: wrap; margin: 22px 0 0 !important; }

/* ── Disclaimer final ── */
.cp-oral-disclaimer {
	background: #fff; border: 1px solid #e6e6ea; border-left: 4px solid var(--cp-amarelo, #F7D44A);
	border-radius: 12px; padding: 18px 20px !important;
	color: #55555c !important; font-size: 14px !important; line-height: 1.6 !important;
}
.cp-oral-disclaimer strong { color: var(--cp-preto, #1A1A1A) !important; }
.cp-oral-disclaimer .fa { color: var(--cp-preto, #1A1A1A) !important; margin-right: 6px; }

/* ── Responsivo ── */
@media (max-width: 900px) {
	.cp-oral-steps { grid-template-columns: 1fr; }
	.cp-oral-ctx-grid { grid-template-columns: repeat(2, 1fr); }
	.cp-oral-mods { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
	.cp-oral-cover-title { font-size: 30px !important; }
	.cp-oral-sec-title { font-size: 23px !important; }
	.cp-oral-pseudo-row { grid-template-columns: 1fr 140px 70px; }
}
@media (max-width: 480px) {
	.cp-oral-cover { padding: 40px 16px 32px !important; }
	.cp-oral-sec { padding: 32px 16px !important; }
	.cp-oral-ctx-grid { grid-template-columns: 1fr; }
	.cp-oral-pseudo-row { grid-template-columns: 1fr; gap: 6px; }
	.cp-oral-cover-title { font-size: 26px !important; }
}