.mmpf-toolbar {
	margin-bottom: 24px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	font-size: 14px;
	color: #5c6f7a;
	width: 100%;
}

/* Label */
.mmpf-toolbar::before {
	content: "Ordenar por";
	font-size: 16px;
	color: #103d57;
	font-weight: 500;
	letter-spacing: 0.2px;
}



/* Select */
.mmpf-toolbar .mmpf-orderby {
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	flex: 0 0 auto !important;
	display: inline-block !important;

	padding: 6px 28px 6px 10px;

	border: 1px solid transparent;
	border-radius: 999px;

	background: #f4f8fa;
	color: #083b5c;

	font-size: 14px;
	font-weight: 600;

	cursor: pointer;

	appearance: none;
	-webkit-appearance: none;

	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'%3E%3Cpath fill='%23083b5c' d='M5.5 7l4.5 5 4.5-5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 8px center;
	background-size: 10px;

	transition: all 0.2s ease;
}

/* Hover */
.mmpf-toolbar .mmpf-orderby:hover {
	background: #e9f1f5;
	border-color: #d3e0e8;
}

/* Focus */
.mmpf-toolbar .mmpf-orderby:focus {
	outline: none;
	background: #fff;
	border-color: #083b5c;
	box-shadow: 0 0 0 3px rgba(8, 59, 92, 0.12);
}