/*
 * Banda verde con cifras.
 *
 *   Contenedor sección   → stats-band
 *     Título             → stats-band__title
 *     Contenedor cifras  → stats-band__grid
 *       Contenedor cifra → stats-band__item anim anim--fade-up anim--d1..d4
 *         Título         → stats-band__figure count-up   (ej. "7", "100%", "+3,000"; se anima solo el número)
 *         Texto          → stats-band__label
 */

.stats-band {
	display: block;
	padding: clamp(44px, 5.5vw, 80px) var(--wrap-gutter);
	background: var(--color-brand-green);
	color: #fff;
}

.stats-band__title { padding-bottom: clamp(26px, 3.2vw, 44px); text-align: center; }
.stats-band__title .elementor-heading-title {
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(28px, 3.4vw, 46px);
	letter-spacing: -.04em;
	line-height: 1.04;
	color: #fff;
}

.stats-band__grid {
	--row-gap: 28px;
	--column-gap: 0px;

	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.stats-band__item {
	--row-gap: 12px;

	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 6px 12px;
	text-align: center;
}
.stats-band__item + .stats-band__item { border-left: 1px solid rgba(255, 255, 255, .32); }
.stats-band__item:nth-child(3) { border-left: 0; }

.stats-band__figure .elementor-heading-title {
	margin: 0;
	font-family: var(--font-display);
	font-weight: 800;
	font-size: clamp(38px, 4.6vw, 64px);
	letter-spacing: -.05em;
	line-height: 1;
	font-variant-numeric: tabular-nums;
	color: #fff;
}
/* El "%" y el "+" van en <small>, más chicos y arriba. */
.stats-band__figure small { margin-left: 1px; font-size: .5em; vertical-align: top; }

.stats-band__label {
	max-width: 13em;
	font-size: 15.5px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .88);
}
.stats-band__label p { margin: 0; }

@media (min-width: 768px) {
	.stats-band__item { padding: 10px 24px; }
}

@media (min-width: 1025px) {
	.stats-band__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.stats-band__item:nth-child(3) { border-left: 1px solid rgba(255, 255, 255, .32); }
}
