.serra-online-wrap {
	max-width: 900px;
	margin: 0 auto;
	padding: 16px;
}

.serra-post,
.serra-single {
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 14px;
	background: #fff;
}

.serra-post__title a {
	text-decoration: none;
}

.serra-post__meta,
.serra-single__meta {
	color: #666;
	font-size: 13px;
}

.serra-post__actions,
.serra-single__actions {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 12px;
}

.serra-like-btn {
	background: #1877f2;
	color: #fff;
	border: 0;
	border-radius: 8px;
	padding: 10px 14px;
	cursor: pointer;
}

.serra-open {
	margin-left: auto;
	text-decoration: none;
}

.serra-comments {
	margin-top: 18px;
	padding-top: 12px;
	border-top: 1px solid #eee;
}

.serra-comment-form input,
.serra-comment-form textarea {
	width: 100%;
	margin: 6px 0;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 8px;
}

.serra-comment-form button {
	margin-top: 8px;
	padding: 10px 14px;
	border: 0;
	border-radius: 8px;
	cursor: pointer;
	background: #222;
	color: #fff;
}

.serra-comment {
	border-top: 1px solid #f0f0f0;
	padding-top: 10px;
	margin-top: 10px;
}

.serra-comment__date {
	color: #777;
	font-size: 12px;
	margin-left: 8px;
}

/* Correção: miniatura (imagem destacada) no feed */
.serra-post__thumb {
	display: block !important;
	margin: 10px 0 !important;
}

.serra-post__thumb a {
	display: block !important;
}

.serra-post__thumb img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;

	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;

	border-radius: 10px !important;
	margin: 0 !important;
}