/*
 * "Rendimos cuentas": año grande en verde y texto sobre una tarjeta suave.
 *
 *   Contenedor sección   → report-teaser
 *     Contenedor tarjeta → report-teaser__card anim anim--fade-up
 *       Título (año)     → report-teaser__year
 *       Contenedor texto → report-teaser__copy
 *         Título         → report-teaser__title
 *         Texto          → report-teaser__text
 */

.report-teaser {
	display: block;
	padding: clamp(28px, 3.5vw, 48px) var(--wrap-gutter) clamp(48px, 6vw, 88px);
}

.report-teaser__card {
	--row-gap: clamp(18px, 3vw, 44px);
	--column-gap: clamp(18px, 3vw, 44px);

	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: center;
	padding: clamp(24px, 3vw, 44px);
	border-radius: var(--radius-lg);
	background: var(--color-soft);
}

.report-teaser__year .elementor-heading-title {
	margin: 0;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(64px, 8vw, 120px);
	letter-spacing: -.06em;
	line-height: .9;
	color: var(--color-brand-green);
}

.report-teaser__copy { --row-gap: 8px; display: flex; flex-direction: column; }

.report-teaser__title .elementor-heading-title {
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(28px, 3.2vw, 44px);
	letter-spacing: -.04em;
	line-height: 1.04;
	color: var(--color-ink);
}
.report-teaser__text { max-width: 34em; font-size: clamp(16px, 1.3vw, 18px); color: var(--color-muted); }
.report-teaser__text p { margin: 0; }

@media (min-width: 768px) {
	.report-teaser__card { grid-template-columns: auto minmax(0, 1fr); }
}