.top_head{
	padding: 15px 10px; background-image: linear-gradient(#31AEBA, #E8F1F2);
}
	.top_head__logo{
		width: 45px;
	}
	.top_head__text_logo{
		font-size: 17px; color: #FFFFFF; font-weight: bold; text-shadow: 1px 1px 1px #000000; text-align: center; gap:4px;
	}
	.top_head__ico_menu{
		width: 30px;
	}
/************/
.des_nav{
	position: fixed; display: flex; transition: all .5s; height: 100%; z-index: -1;
}
	#check_menu{
		display: none;
	}
	.des_nav__box{
		height: 100%; overflow-y: auto; padding: 10px; transform: translateX(100%); transition: transform .2s; gap:7px; background-color: #00457F; color: #FFFFFF; border-left: 2px solid #FFFFFF; max-width: 350px;
	}
		.des_nav__box a{
			color: #FFFFFF; text-decoration: none; word-spacing: 2px; width: 100%; height: 100%; padding: 20px; padding-left: 0px; transition: all 1.5s;
		}
			.des_nav__box a:hover{
				padding-left: 7px; letter-spacing: 0.4px;
			}
		.des_nav__box>div:first-child{
			padding: 10px; padding-right: 0px;
		}
		.des_nav__box>div:last-child>div{
			padding-left: 0px; border-bottom: 1px solid #FFFFFF;
		}
			.des_nav__box__equis{
				width: 30px; padding: 5px; border: 1px solid #FFFFFF; background: #FFFFFF; border-radius: 5px;
			}
			.des_nav__box_items{
				
			}

body:has(#check_menu:checked){
	overflow-y: hidden;
}
.des_nav:has(#check_menu:checked){
	z-index: 100; background-color: rgba(0,0,0,0.5);
}
.des_nav:has(#check_menu:checked) >.des_nav__box{
	transform: translateX(0%);  transition: transform .5s;
}