/* Garante que o menu fique sempre por cima */
 .menu-wrapper {
 	position: fixed;
 	top: 0;
 	right: 0;
 	padding: 20px;
 	z-index: 9999;
 }

 .menu-toggle {
 	display: flex;
 	flex-direction: column;
 	justify-content: space-between;
 	width: 28px;
 	height: 20px;
 	cursor: pointer;
 }

 .menu-toggle span {
 	height: 3px;
 	background-color: #ffd634;
 	border-radius: 2px;
 	transition: all 0.3s ease;
 }

 .menu {
 	position: absolute;
 	top: 40px;
 	right: 0;
 	background-color: #ffffff;
 	border: 1px solid #ddd;
 	border-radius: 8px;
 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
 	display: none;
 	flex-direction: column;
 	width: 220px;
 	z-index: 10000;
 	/* ainda mais alto para garantir */


 }

 .desk-menu {
 	display: none;
 }

 .desk-menu.menu-link {
 	margin-top: .5rem;
 }

 @media only screen and (min-width: 1024px) {
 	.menu-wrapper {
 		display: none;
 	}

 	.desk-menu {
 		display: block;
 	}

 }

 .menu-link {
 	padding: 12px 16px;
 	text-decoration: none;
 	color: #fff;
 	/* font-size: 1rem; */
 	font-size: 0.9375rem;
 }

 .menu .menu-link {
 	color: #333;
 	text-align: left;
 	border-bottom: 1px solid #f0f0f0;
 }

 .menu .menu-link:last-child {
 	border-bottom: none;
 }

 .menu-link:hover {
 	/* background-color: #f9f9f9; */
 	/* color: #333; */
 	text-decoration: underline;
 }

 .menu.open {
 	display: flex;
 }