/**
 * Aliados / Brokers — Encabezado con arco
 * Figma ("Desktop diseño 6" > ALIADOS BROKERS > Main > "Partners y aliados", 1440 × 433):
 *   arco "Verde Colabora" con --radius-arch sobre --color-light ·
 *   h1 "PARTNERS Y ALIADOS COLABORA" Heading/H1.2 50/125.8 "Blanco 70 Colabora" uppercase espaciado
 *   (caja 1440 × 36; mayúsculas en y = 129.5) ·
 *   texto Body/L 18 "Blanco 70 Colabora" centrado en caja de 778 (5 líneas cada 23; 1a en y = 234).
 */

.aliados-brokers-hero {
	width: 100%;
	background-color: var(--color-light);
	color: var(--color-light);
}

.aliados-brokers-hero__header {
	min-height: 433px;
	padding: 131px 24px 85px;
	border-radius: var(--radius-arch);
	background-color: var(--color-olive);
	text-align: center;
}

.aliados-brokers-hero .aliados-brokers-hero__title {
	margin: 0;
	color: var(--color-light-70);
	font-family: var(--font-sans);
	font-weight: var(--fw-regular);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	text-indent: 0.1em; /* compensa el espacio final del tracking: queda centrado */
	line-height: 36px;
}

.aliados-brokers-hero__text {
	max-width: 778px;
	margin: 62px auto 0;
	color: var(--color-light-70);
}

/* ---------- ≤1180: el título de 50px ya no cabe en una línea ---------- */
@media (max-width: 1180px) {
	.aliados-brokers-hero .aliados-brokers-hero__title {
		font-size: 42px;
		line-height: 50px;
		text-wrap: balance;
	}
}

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
	.aliados-brokers-hero__header {
		min-height: 0;
		padding: 104px 48px 96px;
		border-radius: 220px 220px 0 0;
	}

	.aliados-brokers-hero .aliados-brokers-hero__title {
		font-size: 36px;
		line-height: 44px;
	}

	.aliados-brokers-hero__text {
		margin-top: 40px;
	}
}

/* ---------- Móvil ---------- */
@media (max-width: 767px) {
	.aliados-brokers-hero__header {
		padding: 80px 24px 72px;
		border-radius: 140px 140px 0 0;
	}

	.aliados-brokers-hero .aliados-brokers-hero__title {
		font-size: clamp(24px, 7.4vw, 30px);
		line-height: 1.25;
		letter-spacing: 0.08em;
		text-indent: 0.08em;
	}

	.aliados-brokers-hero__text {
		margin-top: 28px;
		font-size: var(--fs-body-m);
		line-height: 22px;
	}
}