/* ===================================================================
   Promotech — paginas SCPC (autorizacao de promocao comercial)
   Complementa css/style.css. Nao redefine nada do tema.
   =================================================================== */

/* ---------- Cartoes de decisao: precisa / nao precisa ---------- */
.scpc-gate {
	background: #fff;
	border: 1px solid #E4E9E0;
	border-radius: var(--radius-md);
	padding: 1.6rem;
	height: 100%;
	box-shadow: var(--shadow-soft);
	border-top: 4px solid var(--muted);
}
.scpc-gate.is-yes { border-top-color: var(--accent); }
.scpc-gate.is-no { border-top-color: var(--brand); }
.scpc-gate__verdict {
	font-family: 'Poppins', sans-serif;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	display: block;
	margin-bottom: 0.35rem;
}
.scpc-gate.is-yes .scpc-gate__verdict { color: var(--accent-dark); }
.scpc-gate.is-no .scpc-gate__verdict { color: var(--brand-dark); }
.scpc-gate ul { padding-left: 1.1rem; margin: 0.9rem 0 0; }
.scpc-gate li { padding: 0.22rem 0; color: var(--muted); font-size: 0.95rem; }

/* ---------- Avisos ---------- */
.scpc-note {
	border-left: 4px solid var(--brand);
	background: rgba(76, 140, 33, 0.07);
	border-radius: 0 var(--radius-md) var(--radius-md) 0;
	padding: 1rem 1.25rem;
	font-size: 0.97rem;
	color: var(--ink);
}
.scpc-note.is-warn { border-left-color: var(--accent); background: rgba(255, 122, 61, 0.09); }
.scpc-note.is-stop { border-left-color: #C0392B; background: rgba(192, 57, 43, 0.08); }
.scpc-note b { font-family: 'Poppins', sans-serif; font-weight: 700; }
.scpc-note p:last-child { margin-bottom: 0; }

/* ---------- Simulador ---------- */
.scpc-calc {
	background: #fff;
	border: 1px solid #E4E9E0;
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-soft);
	overflow: hidden;
}
.scpc-calc__head {
	background: var(--surface);
	border-bottom: 1px solid #E4E9E0;
	padding: 0.9rem 1.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1rem;
	align-items: baseline;
	justify-content: space-between;
}
.scpc-calc__head h3 {
	margin: 0;
	font-size: 0.95rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--brand-dark);
}
.scpc-calc__head span { font-size: 0.83rem; color: var(--muted); }
.scpc-calc__body { padding: 1.5rem; }
.scpc-calc label {
	font-family: 'Poppins', sans-serif;
	font-size: 0.76rem;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--muted);
	margin-bottom: 0.3rem;
	display: block;
}
.scpc-calc__out {
	border-top: 1px solid #E4E9E0;
	padding: 1.5rem;
	background: var(--surface);
}
.scpc-stat { border-left: 3px solid var(--brand); padding-left: 0.9rem; height: 100%; }
.scpc-stat.is-alert { border-left-color: #C0392B; }
.scpc-stat.is-tip { border-left-color: var(--accent); }
.scpc-stat__lbl {
	font-family: 'Poppins', sans-serif;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--muted);
}
.scpc-stat__val {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 1.45rem;
	line-height: 1.2;
	font-variant-numeric: tabular-nums;
	margin-top: 0.15rem;
	color: var(--ink);
}
.scpc-stat.is-alert .scpc-stat__val { color: #C0392B; }
.scpc-stat__sub { font-size: 0.83rem; color: var(--muted); line-height: 1.45; margin-top: 0.25rem; }

/* ---------- Linha do tempo ---------- */
.scpc-tl { border-top: 1px solid #E4E9E0; padding: 1.25rem 1.5rem; }
.scpc-tl__row {
	display: grid;
	grid-template-columns: 74px 118px 1fr;
	gap: 0.9rem;
	align-items: start;
	padding: 0.55rem 0;
	border-bottom: 1px dotted #DDE3D8;
}
.scpc-tl__row:last-child { border-bottom: none; }
.scpc-tl__day {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	font-size: 0.78rem;
	color: var(--brand-dark);
	padding-top: 0.1rem;
}
.scpc-tl__date { font-weight: 600; font-size: 0.92rem; font-variant-numeric: tabular-nums; }
.scpc-tl__what { font-size: 0.9rem; color: var(--muted); line-height: 1.45; }
.scpc-tl__row.is-hard .scpc-tl__day,
.scpc-tl__row.is-hard .scpc-tl__date { color: #C0392B; }

/* ---------- Tabelas ---------- */
.scpc-table-wrap { overflow-x: auto; }
.scpc-table { width: 100%; margin: 0; font-size: 0.94rem; min-width: 520px; }
.scpc-table thead th {
	background: var(--dark);
	color: #fff;
	font-family: 'Poppins', sans-serif;
	font-size: 0.74rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	padding: 0.7rem 0.9rem;
	white-space: nowrap;
}
.scpc-table tbody td { padding: 0.7rem 0.9rem; border-bottom: 1px solid #E4E9E0; vertical-align: top; }
.scpc-table tbody tr:last-child td { border-bottom: none; }
.scpc-table tbody tr:nth-child(odd) { background: rgba(246, 248, 244, 0.7); }
.scpc-table .num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.scpc-table .is-highlight td { background: rgba(76, 140, 33, 0.1); }

/* ---------- Checklist ---------- */
.scpc-check { list-style: none; padding: 0; margin: 0; }
.scpc-check li {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: 0.85rem;
	align-items: start;
	padding: 0.8rem 1rem;
	background: #fff;
	border: 1px solid #E4E9E0;
	border-radius: var(--radius-md);
	margin-bottom: 0.55rem;
}
.scpc-check input[type="checkbox"] { width: 1.05rem; height: 1.05rem; margin-top: 0.2rem; accent-color: var(--brand); flex-shrink: 0; }
.scpc-check strong { display: block; font-size: 0.97rem; font-weight: 600; }
.scpc-check small { color: var(--muted); font-size: 0.85rem; line-height: 1.45; display: block; }
.scpc-check .scpc-who {
	font-family: 'Poppins', sans-serif;
	font-size: 0.63rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 0.2rem 0.5rem;
	border-radius: 50px;
	white-space: nowrap;
	margin-top: 0.15rem;
}
.scpc-who.is-cli { background: rgba(255, 122, 61, 0.15); color: var(--accent-dark); }
.scpc-who.is-pro { background: rgba(76, 140, 33, 0.14); color: var(--brand-dark); }
.scpc-who.is-both {
	background: linear-gradient(90deg, rgba(76, 140, 33, 0.14), rgba(255, 122, 61, 0.15));
	color: var(--ink);
	white-space: normal;
	max-width: 9.5rem;
	line-height: 1.35;
	text-align: center;
}

/* ---------- Mapeamento campo do sistema -> campo do SCPC ---------- */
.scpc-map {
	background: #fff;
	border: 1px solid #E4E9E0;
	border-radius: var(--radius-md);
	padding: 1.1rem 1.25rem;
	height: 100%;
}
.scpc-map__field {
	font-family: 'Poppins', sans-serif;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--brand-dark);
	display: block;
	margin-bottom: 0.2rem;
}
.scpc-map__value { font-weight: 600; font-size: 1rem; margin-bottom: 0.25rem; }
.scpc-map p { color: var(--muted); font-size: 0.88rem; margin: 0; line-height: 1.5; }

/* ---------- Bloco de texto pronto para copiar ---------- */
.scpc-snippet {
	background: var(--dark);
	color: #E7ECF3;
	border-radius: var(--radius-md);
	padding: 1.15rem 1.3rem;
	font-size: 0.9rem;
	line-height: 1.6;
	position: relative;
}
.scpc-snippet__label {
	font-family: 'Poppins', sans-serif;
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--brand-light);
	display: block;
	margin-bottom: 0.5rem;
}
.scpc-snippet p { margin-bottom: 0.6rem; }
.scpc-snippet p:last-of-type { margin-bottom: 0; }
.scpc-copy {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #E7ECF3;
	border-radius: 50px;
	font-size: 0.78rem;
	font-weight: 600;
	padding: 0.28rem 0.85rem;
	margin-top: 0.9rem;
	cursor: pointer;
}
.scpc-copy:hover { background: rgba(255, 255, 255, 0.12); }

/* ---------- Situacoes do processo ---------- */
.scpc-status {
	background: #fff;
	border: 1px solid #E4E9E0;
	border-left-width: 4px;
	border-radius: var(--radius-md);
	padding: 0.75rem 0.95rem;
	height: 100%;
}
.scpc-status strong { display: block; font-family: 'Poppins', sans-serif; font-size: 0.92rem; }
.scpc-status span { font-size: 0.85rem; color: var(--muted); line-height: 1.45; }
.scpc-status.is-neutral { border-left-color: #A8B2A0; }
.scpc-status.is-wait { border-left-color: var(--accent); }
.scpc-status.is-good { border-left-color: var(--brand); }
.scpc-status.is-bad { border-left-color: #C0392B; }

/* ---------- Hero interno mais baixo que o da home ---------- */
.scpc-hero {
	background: linear-gradient(120deg, var(--dark) 0%, #132D0F 100%);
	color: #E7ECF3;
	padding-block: clamp(7rem, 12vw, 9.5rem) clamp(3rem, 6vw, 4.5rem);
	position: relative;
	overflow: hidden;
}
.scpc-hero h1 { color: #fff; font-size: clamp(1.9rem, 4.2vw, 3rem); line-height: 1.14; }
.scpc-hero .lead { color: #C7D0DD; font-size: 1.08rem; max-width: 620px; }
.scpc-hero .scpc-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-family: 'Poppins', sans-serif;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--brand-light);
	background: rgba(139, 195, 74, 0.14);
	padding: 0.32rem 0.9rem;
	border-radius: 50px;
	margin-bottom: 0.9rem;
}
.scpc-hero__facts { border-top: 1px solid rgba(255, 255, 255, 0.14); margin-top: 2rem; padding-top: 1.35rem; }
.scpc-hero__fact strong {
	display: block;
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-size: 1.35rem;
	color: var(--brand-light);
	line-height: 1.2;
}
.scpc-hero__fact span { font-size: 0.85rem; color: #AEB9CC; }

/* ---------- Indice lateral ---------- */
.scpc-toc { position: sticky; top: 96px; }
.scpc-toc a {
	display: block;
	padding: 0.35rem 0.7rem;
	border-left: 2px solid #E4E9E0;
	color: var(--muted);
	font-size: 0.88rem;
	line-height: 1.35;
}
.scpc-toc a:hover { border-left-color: var(--brand); color: var(--brand-dark); background: var(--surface); }

@media (max-width: 767.98px) {
	.scpc-tl__row { grid-template-columns: 62px 1fr; }
	.scpc-tl__what { grid-column: 2; }
	.scpc-toc { position: static; }
}

/* Link terciario do hero: a saida discreta para quem quer o guia antes
   da proposta. Nao compete com os dois botoes ao lado. */
.scpc-hero__link {
	color: #C7D0DD;
	font-size: 0.92rem;
	text-decoration: underline;
	text-underline-offset: 3px;
	padding: 0.5rem 0.4rem;
}
.scpc-hero__link:hover, .scpc-hero__link:focus-visible { color: #fff; }