/* Blog (arquivo) — hero slim + grid 3-col de cards + paginação. */
.raz-blog-hero { background: var(--raz-primary); color: var(--raz-cream); padding: 130px 0 50px; }
.raz-blog-hero__title { font-family: var(--raz-font-light); font-weight: 300; font-size: 48px; line-height: 1.05; letter-spacing: -1.3px; color: var(--raz-cream); margin: 0; }

.raz-blog { background: var(--raz-beige); color: var(--raz-ink); }
.raz-blog .raz-container { padding-block: 60px; }
.raz-blog__grid { display: grid; grid-template-columns: 1fr; gap: 40px 30px; }

.raz-blog-card { display: flex; flex-direction: column; text-decoration: none; color: var(--raz-ink); }
.raz-blog-card__img {
	display: block; width: 100%; aspect-ratio: 16 / 10;
	background-size: cover; background-position: center; background-color: #cfd3d2;
	filter: grayscale(1); transition: filter 0.4s ease;
}
.raz-blog-card:hover .raz-blog-card__img { filter: grayscale(0); }
.raz-blog-card__body { padding: 16px 2px 0; display: flex; flex-direction: column; gap: 8px; }
.raz-blog-card__cat {
	font-family: var(--raz-font); font-weight: 600; font-size: 11px; line-height: 1;
	letter-spacing: 0.44px; text-transform: uppercase; color: var(--raz-accent);
}
.raz-blog-card__title { font-family: var(--raz-font); font-weight: 600; font-size: 20px; line-height: 28px; color: var(--raz-ink); }
.raz-blog-card__date { font-family: var(--raz-font); font-size: 12px; color: var(--raz-muted, #6E7A84); }

/* paginação */
.raz-blog__pager { margin-top: 48px; }
.raz-blog__pager .page-numbers {
	display: inline-flex; align-items: center; justify-content: center;
	min-width: 40px; height: 40px; padding: 0 10px; margin: 0 4px;
	border-radius: 50%; text-decoration: none;
	font-family: var(--raz-font); font-size: 15px; color: var(--raz-ink);
}
.raz-blog__pager .page-numbers.current { background: var(--raz-primary); color: var(--raz-cream); }
.raz-blog__pager .page-numbers:hover:not(.current) { background: rgba(3,69,84,0.12); }
.raz-blog__pager .nav-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }

@media (min-width: 600px) { .raz-blog__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 980px) {
	.raz-blog-hero { padding: 150px 0 60px; }
	.raz-blog-hero__title { font-size: 60px; }
	.raz-blog__grid { grid-template-columns: repeat(3, 1fr); gap: 50px 30px; }
	.raz-blog .raz-container { padding-block: 70px; }
}