.curiosidades-intro {
	overflow: hidden;
	margin: 0 0 18px;
	color: #263d4b;
}

.curiosidades-intro p {
	margin: 0;
}

.curiosidades-grid {
	clear: both;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 13px;
	margin: 22px 0;
}

.curiosidade-card {
	display: flex;
	align-items: center;
	min-height: 68px;
	padding: 11px 14px;
	border: 1px solid #e5d9d0;
	border-radius: 10px;
	background: linear-gradient(135deg, #fff8ef 0%, #f4f0fb 100%);
	color: #334a58;
	text-decoration: none;
	box-shadow: 0 2px 7px rgba(35, 67, 86, .07);
	overflow: hidden;
	transition: border-color .2s, box-shadow .2s, transform .2s;
}

.curiosidade-card:hover {
	border-color: #e58b19;
	box-shadow: 0 5px 14px rgba(151, 83, 17, .14);
	transform: translateY(-2px);
	text-decoration: none;
}

.curiosidade-icone {
	display: flex;
	flex: 0 0 42px;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	margin-right: 12px;
	border-radius: 50%;
	background: #fff;
	color: #c56208;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.55em;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	box-shadow: inset 0 0 0 1px #f0d3b8;
}

.curiosidade-texto {
	min-width: 0;
}

.curiosidade-titulo {
	display: block;
	color: #a95007;
	font-size: 1.01em;
	font-weight: bold;
	line-height: 1.3;
}

.paginacao-curiosidades {
	clear: both;
	margin: 27px 0 8px;
	padding-top: 18px;
	border-top: 1px solid #e1e5e7;
	text-align: center;
}

.paginacao-curiosidades a,
.paginacao-curiosidades span {
	display: inline-block;
	min-width: 20px;
	margin: 3px;
	padding: 8px 11px;
	border: 1px solid #d37a25;
	border-radius: 6px;
	background: #fff;
	color: #ba5c08;
	text-decoration: none;
	font-weight: bold;
}

.paginacao-curiosidades a:hover {
	background: #fff0df;
}

.paginacao-curiosidades span.atual {
	background: #e57813;
	border-color: #e57813;
	color: #fff;
}

.convite-curiosidades {
	clear: both;
	margin: 24px 0 6px;
	padding: 15px 17px;
	border-radius: 8px;
	background: #eef7fc;
	text-align: center;
}

.convite-curiosidades p {
	margin: 0;
}

@media (max-width: 640px) {
	.curiosidades-grid {
		grid-template-columns: 1fr;
		gap: 10px;
	}

	.curiosidade-card {
		min-height: 62px;
		padding: 10px 12px;
	}

	.curiosidade-icone {
		flex-basis: 39px;
		width: 39px;
		height: 39px;
		margin-right: 10px;
		font-size: 1.4em;
	}

	.paginacao-curiosidades a,
	.paginacao-curiosidades span {
		padding: 7px 9px;
	}
}