.menu-usabilidad-aux {
	position: fixed;
	z-index: 777;
	top: 50%;
	right: 0;
	width: 34px; /* 5px 24px 5px */
	background-color: var(--colorBackgroundMenuUsabilidad);
	border-radius: 10px 0 0 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	padding: 5px 0 5px 0;
}

@media screen and (min-width: 768px) {
	.menu-usabilidad-aux {
		width: 50px; /* 10px 30px 10px */
		padding: 10px 0 10px 0;
	}
}

.boton-usabilidad-aux {
	position: relative;
	width: 24px;
	height: 33px;
	left: 10px;
	color: var(--colorTextoBotonMenuUsabilidad);
	background-color: var(--colorBackgroundBotonMenuUsabilidad);
	border: none;
	cursor: pointer;
	transition-property: all;
  	transition-timing-function: ease-in-out;
	transition-duration: 0.15s; 
}

@media screen and (min-width: 768px) {
	.boton-usabilidad-aux {
		width: 30px;
		height: 39px;
	}
}

.boton-usabilidad-aux:hover {
	width: 180px;
	color: var(--colorTextoBotonMenuUsabilidadHover);
	background-color: var(--colorBackgroundBotonMenuUsabilidadHover);
	margin-Left: -144px; /* 160px - 36px */
}

@media screen and (min-width: 768px) {
	.boton-usabilidad-aux:hover {
		width: 206px;
		margin-Left: -166px; /* 186px - 40px */
	}
}

.contenedor-icono-texto-aux {
	display: flex;
	width: 24px;
	height: 33px; 
	justify-content: center; /* Alineación horizontal */
	align-items: center; /* Alineación vertical */
}

@media screen and (min-width: 768px) {
	.contenedor-icono-texto-aux {
		width: 30px;
		height: 39px;
	}
}

.contenedor-icono-texto-aux:hover {
	justify-content: flex-start;
	margin-left: 10px; /* (36px - 16px) / 2 */
}

@media screen and (min-width: 768px) {
	.contenedor-icono-texto-aux:hover {
		justify-content: flex-start;
		margin-left: 11px; /* (40px - 18px) / 2 */
	}
}

.boton-usabilidad-aux img {
	width: 21px;
	height: 21px;
	padding: 4px;
	border-radius: 10px;
	background-color: var(--colorBackgroundIconoBotonMenuUsabilidad);
}

@media screen and (min-width: 768px) {
	.boton-usabilidad-aux img {
		width: 27px;
		height: 27px;
	}
}

.icono-boton-usabilidad-aux {
	margin-left: 0px;
	float: left;
}

.texto-boton-usabilidad-aux {
	display: none;
	font-size: 12px; /* No debe usar el multiplicador */
	font-weight: 500;
	margin-left: 15px; /* ((36px - 16px) / 2) + 5px */
	text-align: left;
}

@media screen and (min-width: 768px) {
	.texto-boton-usabilidad-aux {
		font-size: 15px; /* No debe usar el multiplicador */
		font-weight: 600;
		margin-left: 16px; /* ((40px - 18px) / 2) + 5px */
	}
}

.boton-abrir-en-usabilidad {
	display: none;
	width: 15px;
	height: 15px;
}