.seccion-agenda {
	background: var(--indf-negro);
	color: var(--indf-crema);
	padding: 56px 20px;
}

.seccion-agenda .enlace-mas {
	color: var(--indf-crema);
}

/* .lista-eventos* es ahora un componente compartido (base.css) porque lo
   reutilizan también la ficha de artista y el listado de /agenda/, ambos
   sobre fondo claro. Aquí solo quedan los ajustes para el fondo oscuro de
   este bloque de la Home. */
.seccion-agenda .lista-eventos__item {
	background: rgba(243, 233, 201, 0.05);
}

.seccion-agenda .lista-eventos__tipo {
	color: var(--indf-turquesa);
}

.seccion-agenda__cta {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.seccion-agenda .btn--outline-oscuro {
	color: var(--indf-crema);
	border-color: var(--indf-crema);
}