.nav{
/*	background-color: black;*/
}

.nav__container{
	width: var(--menu_ancho);
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: var(--menu_fondo_nav__container);
	height: var(--menu_alto);
	--icon-toggle-menu: url("../icon/open.svg");
	--transform-menu-show: translate(-100%);
	font-family: var(--menu_font-family);
}
.nav__container:has(.nav__input:checked){
	--icon-toggle-menu: url("../icon/close.svg");
	--transform-menu-show: translate(0);
}
.nav__header{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: black;
/*	z-index: 10;*/
}
.nav__figure, .nav__toggle{
	z-index: 12;
}
.nav__logo{
	width: var(--logo-width);
	filter:var(--logo-drop-shadow);
	margin-top: var(--logo-margin-top);
}

.nav__toggle{
/*	margin-top: 30px;*/
	width: 50px;
	height: 50px;
	background-image: var(--icon-toggle-menu);
	background-size: cover;
	cursor: pointer;
	transition: background-image .5s;
	filter: var(--icon-toggle-menu);
}


.nav__input{
	display: none;
}

.nav__list{
	z-index: 11;
	transform: var(--transform-menu-show);
	position: fixed;
	inset: 0;

	display: grid;
	place-content: center;
	gap: var(--menu_gap_elementos_responsive);
	text-align: center;

	padding: 1.5rem 5%;
	background: var(--menu_fondo_responsive);
	list-style: none;

	transition: .5s transform;

}

.nav__link{
	color: var(--menu_color_texto_link_responsive);
	text-decoration: none;
	border-bottom: var(--menu_link-border-bottom);

}


@media (width > 764px){
	.nav__container{
		--transform-menu-show: translate(0);
	}
	.nav__toggle{
		display: none;
	}
	.nav__list{
		position: static;
		grid-auto-flow: column;
		place-content: unset;
		padding: 0;
		background: none;
		gap: var(--menu_gap_elementos);
		transition: unset;
	}
	.nav__link{
		color: var(--menu_color_texto_link);
	}
}