/**
 * Blog section styles
 * Cards, sidebar, widget "Últimos posts", single post
 */

/* Blog cards (list/archive) */
.blog-card {
	background: #fff;
	border: none;
}

.blog-card__meta {
	font-size: 0.875rem;
}

.blog-card__category,
.blog-card__more-link {
	color: #7a00df !important;
}

.blog-card__more-link:hover {
	color: #5a00b8 !important;
}

.blog-card__img {
	object-fit: cover;
}

/* Blog list / template blog (titles use .titulo-seccion-block from theme) */
.blog-pagination .page-item .page-link {
	color: #2d3f71;
}

.blog-pagination .page-item.active .page-link {
	background-color: #2d3f71;
	border-color: #2d3f71;
}

.blog-cta-button {
	background-color: #2d3f71;
	border-color: #2d3f71;
}

.blog-cta-button:hover {
	background-color: #1e2d52;
	border-color: #1e2d52;
}

/* Blog sidebar */
.blog-sidebar {
	background: #fff;
	padding: 1rem;
}

.blog-sidebar-widget {
	margin-bottom: 1.5rem;
}

.blog-sidebar-widget:last-child {
	margin-bottom: 0;
}

.blog-sidebar-widget-title {
	color: #2d3f71;
}

/* Widget: Últimos posts (siempre cards mínimas, responsive: 1 col móvil, 2–3 en mayores) */
.blog-widget-recent-posts__header .titulo-seccion-block {
	margin-bottom: 0.25rem;
}

.blog-widget-recent-posts__inner .blog-card--minimal .blog-card__title a {
	color: #2d3f71;
	font-weight: 700;
}

.blog-widget-recent-posts__inner .blog-card--minimal .blog-card__title a:hover {
	color: #7a00df;
}

.blog-widget-recent-posts__cta {
	background-color: #2d3f71;
	border-color: #2d3f71;
	font-size: 0.85rem;
	text-transform: uppercase;
}

.blog-widget-recent-posts__cta:hover {
	background-color: #1e2d52;
	border-color: #1e2d52;
}

/* Single post */
.blog-single__meta {
	font-size: 0.875rem;
}

.blog-single__category {
	color: #7a00df !important;
}

.blog-single__category:hover {
	color: #5a00b8 !important;
}

.blog-single__title {
	font-size: 1.75rem;
	font-weight: 700;
	color: #2d3f71;
}

.blog-single__content.entry-content {
	line-height: 1.6;
}

.blog-single__content.entry-content a {
	color: #7a00df;
}

.blog-single__content.entry-content a:hover {
	color: #5a00b8;
}