/**
 * Câmara Dados Abertos — Frontend (padrão visual da suíte)
 */
:root {
	--cda-cor-principal: #0a4595;
	--cda-fundo-suave: #f9fafb;
	--cda-borda: #e5e7eb;
	--cda-texto: #1f2937;
	--cda-texto-suave: #6b7280;
	--cda-radius: 8px;
}

.cda-pagina {
	max-width: 1000px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	color: var(--cda-texto);
}

.cda-header {
	margin-bottom: 32px;
}
.cda-header h1 {
	font-size: 32px !important;
	margin: 0 0 8px !important;
	color: var(--cda-texto) !important;
	font-weight: 700;
}
.cda-header p {
	margin: 0 0 16px !important;
	color: var(--cda-texto-suave) !important;
	font-size: 15px !important;
}
.cda-header::after {
	content: "";
	display: block;
	width: 56px;
	height: 4px;
	background: var(--cda-cor-principal);
	border-radius: 2px;
}

.cda-secao {
	margin-bottom: 36px;
}
.cda-secao h2 {
	font-size: 22px !important;
	color: var(--cda-texto) !important;
	margin: 0 0 16px !important;
	font-weight: 700;
}
.cda-secao h2::after {
	content: "";
	display: block;
	width: 32px;
	height: 3px;
	background: var(--cda-cor-principal);
	border-radius: 2px;
	margin-top: 6px;
}
.cda-secao h3 {
	font-size: 15px !important;
	margin: 18px 0 6px !important;
	color: var(--cda-texto) !important;
	font-weight: 700;
}
.cda-secao p {
	line-height: 1.7;
	font-size: 15px;
	margin: 0 0 12px;
}

.cda-code {
	background: #1f2937;
	color: #e5e7eb;
	padding: 14px 18px;
	border-radius: var(--cda-radius);
	overflow-x: auto;
	font-size: 13px;
	margin: 0 0 16px;
	line-height: 1.5;
}
.cda-code code {
	background: transparent !important;
	color: inherit !important;
	padding: 0 !important;
	font-family: 'Courier New', monospace;
	white-space: pre;
}

.cda-recursos {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 18px;
}
.cda-recurso-card {
	background: #fff;
	border: 1px solid var(--cda-borda);
	border-radius: var(--cda-radius);
	padding: 22px;
	border-top: 3px solid var(--cda-cor-principal);
}
.cda-recurso-card h3 {
	margin: 0 0 8px !important;
	font-size: 17px !important;
	color: var(--cda-cor-principal) !important;
}
.cda-recurso-card p {
	font-size: 13px;
	margin: 0 0 8px;
	color: var(--cda-texto);
	line-height: 1.5;
}
.cda-fundamento {
	font-size: 11px !important;
	color: var(--cda-texto-suave) !important;
	font-style: italic;
}
.cda-recurso-links {
	display: flex;
	gap: 8px;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 12px;
}
.cda-btn {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 6px;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none !important;
	transition: all 150ms;
}
.cda-btn-json {
	background: var(--cda-cor-principal);
	color: #fff !important;
}
.cda-btn-json:hover { filter: brightness(0.9); }
.cda-btn-csv {
	background: #ecfdf5;
	color: #047857 !important;
	border: 1px solid #a7f3d0;
}
.cda-btn-csv:hover { background: #d1fae5; }
.cda-endpoint {
	font-size: 11px;
	color: var(--cda-texto-suave);
	background: var(--cda-fundo-suave);
	padding: 4px 8px;
	border-radius: 4px;
	flex-basis: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

.cda-regras {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cda-regras li {
	padding: 10px 0 10px 28px;
	position: relative;
	font-size: 14px;
	line-height: 1.6;
	border-bottom: 1px dashed var(--cda-borda);
}
.cda-regras li:last-child { border-bottom: 0; }
.cda-regras li::before {
	content: "";
	position: absolute;
	left: 4px;
	top: 16px;
	width: 8px;
	height: 8px;
	background: var(--cda-cor-principal);
	border-radius: 50%;
}

.cda-contato {
	background: var(--cda-fundo-suave);
	padding: 24px 28px;
	border-radius: var(--cda-radius);
	border-left: 4px solid var(--cda-cor-principal);
}
.cda-contato h2::after { display: none !important; }
.cda-contato a { color: var(--cda-cor-principal); font-weight: 600; }