/**
 * Página inicial — cartões de ações, destaques do blog, projetos e adesão.
 *
 * @package ABDC
 */

/* — Cartão de ação ativa — */
.action-card {
	gap: 14px;
	padding: var(--space-6);
}

.action-card__title {
	font-size: 22px;
}

.action-card__text {
	font-size: 14.5px;
	line-height: 1.6;
}

.action-card__status {
	margin: 0;
	color: var(--color-text-65);
	font-size: 13px;
}

/* — Destaques de notícia na home — */
.news-teaser {
	display: flex;
	flex-direction: column;
	gap: 14px;
}

.news-teaser__img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}

.news-teaser__title {
	margin: 0;
	font-size: 18px;
	line-height: 1.3;
}

/* — Cartão de projeto voluntário — */
.project-card {
	gap: 10px;
	padding: 22px;
}

.project-card__title {
	margin: 0;
	font-size: 19px;
}

.project-card__text {
	font-size: 14.5px;
	line-height: 1.6;
}

/* — Bloco "Quem somos" na home — */
.about-home__body p {
	margin: 0 0 var(--space-4);
	color: color-mix(in srgb, var(--color-text) 82%, transparent);
	font-size: 15px;
	line-height: 1.65;
}

.about-home__body p:last-child {
	margin-bottom: 20px;
}

.about-home__pillars {
	display: grid;
	gap: 20px;
	margin-top: var(--space-8);
}

.pillar {
	padding-top: var(--space-4);
	border-top: 2px solid var(--color-divider);
}

.pillar__title {
	margin: 0 0 6px;
}

.pillar__text {
	margin: 0;
	color: var(--color-text-78);
	font-size: 14px;
	line-height: 1.6;
}

.about-home__img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

/* — Formulário de adesão — */
.join__intro {
	margin: 0 0 var(--space-8);
	color: var(--color-text-78);
	font-size: 15.5px;
	line-height: 1.6;
}

.join__title {
	margin: 0 0 var(--space-3);
	font-size: clamp(26px, 3vw, 38px);
}