@charset "UTF-8";

.encabezado-desplegable{
	padding: 0.5em 1em;
	cursor: pointer;
}

.contenido{
	margin: 1em 3em 0 3em;
	padding-bottom: 2em;
	overflow:hidden;
	max-height: 1000vh;
	transition: 0.15s ease-in-out;
}

.colapsado {
	max-height: 0;
	margin: 0 3em;
	padding: 0;
}

.activa{
	background: var(--azul-100);
}

.activa p{
	color: var(--blanco);
}

.activa .icono-desplegable{
	background-image: url(../../svg/icono-menos);
}

.icono-desplegable{
	background-image: url(../../svg/icono-mas);
	background-size: cover;
	display: block;
}

.ejercicio{
	position: relative;
}

.ejercicio:not(.sombreado-azul)::after{
	content: "";
	position: absolute;
	inset: 0;
	background: transparent;
	pointer-events: none;
	border: 2px solid var(--azul-10);
}