/*--------------------------------------------------------------
# Binomio (solo page-binomio.php)
# El hero usa .edudire-hero + .binomio-hero; los valores por defecto vienen de edudire.css.
# Añade aquí solo overrides (colores, CTA, etc.) sin modificar edudire.css.
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Hero — colores iguales al hero de nosotros (primary-20 + secondary-100)
--------------------------------------------------------------*/

.binomio-hero {
	--edudire-hero-bg: var(--primary-100, #93bfcf);
	background-color: var(--edudire-hero-bg);
	color: var(--white-100, #fff);
}

.binomio-hero .edudire-hero__heading {
	color: var(--secondary-100, #196c87);
}

.binomio-hero .edudire-hero__subheading,
.binomio-hero .edudire-hero__subheading p {
	color: var(--white-100, #fff);
}

/*--------------------------------------------------------------
# Intro (misma lectura que Ciclo de vida; ACF `texto_intro`)
--------------------------------------------------------------*/

.binomio-seccion--intro .binomio-intro__texto {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: var(--secondary-100, #196c87);
}

.binomio-seccion--intro .binomio-intro__texto > *:first-child {
	margin-top: 0;
}

.binomio-seccion--intro .binomio-intro__texto > *:last-child {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Hacemos (reusa .edudire-impacto__*; sin intro; cabecera y filas arriba a la izquierda)
--------------------------------------------------------------*/

.binomio-landing .binomio-hacemos > .contenedor > .edudire-impacto__cabecera {
	max-width: none;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}

.binomio-landing .binomio-hacemos .edudire-impacto__titulo {
	text-align: left;
}

.binomio-landing .binomio-hacemos .edudire-impacto__fila {
	align-items: start;
}

.binomio-landing .binomio-hacemos .edudire-impacto__icono {
	align-self: start;
	justify-content: flex-start;
}

@media (min-width: 768px) {
	.binomio-landing .binomio-hacemos .edudire-impacto__icono {
		justify-content: flex-start;
	}
}

.binomio-landing .binomio-hacemos .edudire-impacto__cta {
	text-align: left;
}

.binomio-landing .binomio-hacemos .edudire-impacto__cta-boton {
	margin-left: 0;
	margin-right: 0;
}