/* ============================================================
   CEA Theme – Widget Detalhe de Repositório (Elementor)
   ============================================================ */

.cea-repo-detalhe {
	display: flex;
	flex-direction: column;
	gap: 24px;
	font-family: 'Inter', sans-serif;
	width: 100%;
}

.cea-repo-detalhe__back {
	font-size: 14px;
	font-weight: 500;
	color: #595959;
	text-decoration: underline;
	align-self: flex-start;
}

.cea-repo-detalhe__back:hover { color: #066eaf; }

.cea-repo-detalhe__empty {
	font-size: 16px;
	color: #595959;
}

.cea-repo-detalhe__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.cea-repo-detalhe__head-row {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
}

.cea-repo-detalhe__title {
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	color: #254666;
}

.cea-repo-detalhe__estado {
	display: inline-flex;
	align-items: center;
	height: 28px;
	padding: 0 12px;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 500;
	white-space: nowrap;
	flex-shrink: 0;
}

.cea-repo-detalhe__estado.is-vigor    { background: #E6F4EA; color: #1E7A34; }
.cea-repo-detalhe__estado.is-revogado { background: #FBE7E7; color: #B3261E; }
.cea-repo-detalhe__estado.is-na       { background: #F4F4F5; color: #71717A; }

.cea-repo-detalhe__meta {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 8px 32px;
	font-size: 14px;
}

.cea-repo-detalhe__meta dt {
	font-weight: 600;
	color: #595959;
}

.cea-repo-detalhe__meta dd {
	margin: 0;
	color: #18181b;
}

.cea-repo-detalhe__desc h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	font-size: 18px;
	color: #254666;
	margin: 0 0 8px;
}

.cea-repo-detalhe__desc p {
	font-size: 16px;
	line-height: 24px;
	color: #595959;
	margin: 0;
}

.cea-repo-detalhe__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.cea-repo-detalhe__tag {
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 12px;
	background: #F4F4F5;
	border-radius: 4px;
	font-size: 13px;
	color: #595959;
}

.cea-repo-detalhe__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

@media (max-width: 600px) {
	.cea-repo-detalhe__title { font-size: 28px; line-height: 36px; }
}