#submenu {
	background-color: white !important;
}
#submenu a {
	color: black;
}

.cont_cruz {
	display: inline-block;
	width: 14px;
	height: 14px;
	position: relative;
	cursor: pointer;
	margin-right: 8px; /* espacio entre el icono y el texto */
}

.cont_cruz1,
.cont_cruz2 {
	position: absolute;
	background: currentColor; /* + usa el color del <a> */
	transition: 0.3s;
}

/* Línea horizontal */
.cont_cruz1 {
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	transform: translateY(-50%);
}

/* Línea vertical */
.cont_cruz2 {
	left: 50%;
	top: 0;
	width: 2px;
	height: 100%;
	transform: translateX(-50%);
}

/* Cuando está activo = se ve como "-" */
.cont_cruz.active .cont_cruz2 {
	opacity: 0;
}