/* ============================================================
   CEA Theme – Página "Consultar Procedimento" (detalhe de um passo)
   Estilos escopados a .cea-pc, conforme design Figma
   "Desktop - Wireframe - Exportação - Produto - Procedimento (Sumário)"
   ============================================================ */

.cea-pc {
	--cea-pc-blue:      #066EAF;
	--cea-pc-blue-dark: #004B7B;
	--cea-pc-black:     #191919;
	--cea-pc-border:    #E2E8F0;
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: var(--cea-pc-black);
	margin-block: 32px;
}

.cea-pc-head { margin-bottom: 24px; }
.cea-pc-head h1 {
	font-size: 2.5rem;
	font-weight: 600;
	letter-spacing: -.4px;
	line-height: 1.25;
	margin-bottom: 16px;
}
.cea-pc-head p { max-width: 600px; }

/* ── Banner de info ──────────────────────────────────────── */
.cea-pc-info {
	display: flex;
	gap: 16px;
	align-items: flex-start;
	margin-bottom: 40px;
}
.cea-pc-info svg { flex-shrink: 0; margin-top: 2px; }
.cea-pc-info p { font-size: .9rem; max-width: 776px; }

/* ── Layout: sidebar + conteúdo principal ───────────────── */
.cea-pc-layout {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

/* ── Sidebar "Etapas" ────────────────────────────────────── */
.cea-pc-sidebar {
	width: 350px;
	flex-shrink: 0;
	border-radius: 12px;
	overflow: hidden;
}

.cea-pc-sidebar__header {
	display: flex;
	align-items: center;
	gap: 16px;
	background: var(--cea-pc-blue);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 24px 32px;
}

.cea-pc-sidebar__body {
	background: #fff;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
}

.cea-pc-step {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 8px 0;
	text-decoration: none !important;
	color: var(--cea-pc-blue-dark) !important;
}

.cea-pc-step__indicator {
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background: #D4D4D8;
	color: var(--cea-pc-black);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .9rem;
}

.cea-pc-step.is-current .cea-pc-step__indicator {
	background: #E3F4FF;
	border: 2px solid var(--cea-pc-blue);
	color: var(--cea-pc-blue-dark);
}

.cea-pc-step__title { font-weight: 500; }
.cea-pc-step.is-current .cea-pc-step__title { text-decoration: underline; font-weight: 600; }

.cea-pc-sep {
	display: block;
	width: 1px;
	height: 16px;
	background: var(--cea-pc-border);
	margin-left: 16px;
}

.cea-pc-notes {
	border: 2px solid #9CD8FE;
	border-radius: 12px;
	margin-top: 24px;
	padding: 24px 32px;
}
.cea-pc-notes__title { font-weight: 600; margin-bottom: 8px; }

/* ── Conteúdo principal ──────────────────────────────────── */
.cea-pc-main { flex: 1; min-width: 0; border-radius: 12px; overflow: hidden; }

.cea-pc-main__header {
	background: var(--cea-pc-blue-dark);
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
	padding: 24px 32px;
}

.cea-pc-main__body {
	background: #fff;
	border: 2px solid var(--cea-pc-blue-dark);
	border-top: none;
	padding: 40px 32px;
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.cea-pc-divider { height: 1px; background: var(--cea-pc-border); }

.cea-pc-section { display: flex; flex-direction: column; gap: 20px; }

.cea-pc-section__title {
	display: flex;
	align-items: center;
	gap: 24px;
	font-size: 1.25rem;
	font-weight: 600;
}
.cea-pc-section__title--simple { margin-bottom: 8px; }

.cea-pc-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--cea-pc-black);
	border-radius: 12px;
	padding: 8px 16px;
	font-size: 1.1rem;
	font-weight: 400;
	white-space: nowrap;
}
.cea-pc-pill--light { border-color: #fff; color: #fff; border-radius: 24px; }

.cea-pc-rows { display: flex; flex-direction: column; gap: 20px; }

.cea-pc-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--cea-pc-border);
}
.cea-pc-row:last-child { border-bottom: none; padding-bottom: 0; }

.cea-pc-row__name { display: flex; align-items: center; gap: 16px; font-weight: 500; }
.cea-pc-row__name svg { flex-shrink: 0; }

.cea-pc-row__btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	border: 1px solid var(--cea-pc-black);
	border-radius: 12px;
	padding: 8px 20px;
	font-size: .875rem;
	color: var(--cea-pc-black) !important;
	text-decoration: none !important;
	white-space: nowrap;
}
.cea-pc-row__btn:hover { background: #F5F8FB; }

.cea-pc-cost-grid { display: flex; gap: 32px; }
.cea-pc-cost-grid__names { display: flex; flex-direction: column; gap: 16px; font-weight: 600; }
.cea-pc-cost-grid__values { display: flex; flex-direction: column; gap: 16px; }

.cea-pc-legislacao {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid var(--cea-pc-blue);
	color: var(--cea-pc-blue) !important;
	font-weight: 600;
	text-decoration: none !important;
	padding-bottom: 2px;
	width: fit-content;
}
.cea-pc-legislacao svg { flex-shrink: 0; }

/* ── Responsivo ──────────────────────────────────────────── */
@media (max-width: 900px) {
	.cea-pc-head h1 { font-size: 1.9rem; }
	.cea-pc-layout { flex-direction: column; }
	.cea-pc-sidebar { width: 100%; }
	.cea-pc-main__body { padding: 24px; }
	.cea-pc-cost-grid { flex-direction: column; gap: 8px; }
}