/* Home — bloc «Del blog» + franja «Eres docent?» (afegits al feedback del client). */

/* Del blog: 3 targetes netes, imatge amunt */
.home-blog__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 36px;
	margin-top: 34px;
}
.home-blog__card { display: flex; flex-direction: column; gap: 12px; text-decoration: none; }
.home-blog__img {
	aspect-ratio: 3 / 2;
	border-radius: 6px;
	background: var(--line) center / cover no-repeat;
	overflow: hidden;
	display: flex; align-items: center; justify-content: center;
	transition: transform .4s cubic-bezier(.22,1,.36,1);
}
.home-blog__card:hover .home-blog__img { transform: scale(1.02); }
.home-blog__img--empty { background: var(--paper-2); }
.home-blog__img--empty img { width: 40%; height: auto; opacity: .4; }
.home-blog__cat {
	font-family: var(--font-mono);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	color: var(--wine);
}
.home-blog__title {
	margin: 0;
	font-family: var(--font-display);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.28;
	letter-spacing: -0.2px;
	color: var(--ink);
}
.home-blog__card:hover .home-blog__title { color: var(--wine); }

/* Franja «Eres docent?» */
.home-docent {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	margin: 8px var(--pad-x) 0;
	padding: 34px 40px;
	background: var(--green);
	border-radius: 12px;
}
.home-docent__body { display: flex; align-items: center; gap: 22px; }
.home-docent__ic { flex-shrink: 0; color: var(--ink); }
.home-docent__title {
	margin: 0 0 6px;
	font-family: var(--font-display);
	font-size: 26px;
	font-weight: 600;
	letter-spacing: -0.4px;
	color: var(--ink);
}
.home-docent__text p {
	margin: 0;
	max-width: 54ch;
	font-family: var(--font-body);
	font-size: 16px;
	line-height: 1.55;
	color: var(--ink-soft);
}
.home-docent__cta { flex-shrink: 0; white-space: nowrap; }

@media (max-width: 900px) {
	.home-blog__grid { grid-template-columns: 1fr; gap: 28px; }
	.home-docent { flex-direction: column; align-items: flex-start; gap: 22px; padding: 28px 24px; }
	.home-docent__body { flex-direction: column; align-items: flex-start; gap: 14px; }
	.home-docent__cta { width: 100%; text-align: center; justify-content: center; }
}