/* =========================================================================
   blog.css — Integra el blog existente con el nuevo diseño sin romper el
   plugin structured-content. Estilos para archivo (grid de tarjetas) y single.
   ========================================================================= */

/* --- Cabecera de blog / archivo --- */
.blog .page-header,
.archive .page-header {
	max-width: var(--container-max);
	margin-inline: auto;
	padding-inline: var(--container-pad);
	padding-block: clamp(36px, 6vw, 64px) 8px;
}

/* --- Grid de tarjetas de artículo --- */
.abogalis-blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--gap);
}

.blog-card {
	background: var(--white);
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	box-shadow: var(--shadow-card);
	overflow: hidden;
	display: flex;
	flex-direction: column;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog-card:hover {
	transform: translateY(-4px);
	box-shadow: var(--shadow-lg);
}
.blog-card__thumb {
	aspect-ratio: 16 / 10;
	overflow: hidden;
	background: var(--sky);
}
.blog-card__thumb img {
	width: 100%; height: 100%;
	object-fit: cover;
	display: block;
}
.blog-card__body {
	padding: 22px 24px 26px;
	display: flex;
	flex-direction: column;
	flex: 1;
}
.blog-card__meta {
	font-family: var(--font-mono);
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--blue);
	margin-bottom: 10px;
}
.blog-card__title {
	font-family: var(--font-heading);
	font-size: 1.18rem;
	line-height: 1.3;
	margin: 0 0 10px;
}
.blog-card__title a { color: var(--navy); }
.blog-card__title a:hover { color: var(--blue); }
.blog-card__excerpt {
	color: var(--muted);
	font-size: 0.96rem;
	flex: 1;
}
.blog-card__more {
	margin-top: 16px;
	font-weight: var(--fw-strong);
	color: var(--blue);
}

/* --- Single: ancho de lectura cómodo, respetando structured-content --- */
.single-post .entry-content {
	max-width: 760px;
	margin-inline: auto;
	font-size: 1.06rem;
}
.single-post .entry-content h2,
.single-post .entry-content h3 { margin-top: 1.6em; }

/* No tocar los contenedores del plugin structured-content: solo asegurar
   que hereden la tipografía del sistema. */
.structured-content,
.structured-content * { font-family: inherit; }

/* --- Tiempo de lectura (ajuste heredado del CSS actual del sitio) --- */
.reading-time,
.rt-reading-time { font-size: 0.85rem; color: var(--muted); }

@media (max-width: 900px) { .abogalis-blog-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .abogalis-blog-grid { grid-template-columns: 1fr; } }