#header {
	position: sticky;
	z-index: 10;
	transition: 1s;
	background: linear-gradient(rgba(var(--header-blue), 1) 0% 30%, rgba(var(--header-blue), 0));
	/* background: linear-gradient(6deg, rgba(var(--grey-back),0.1) 0% 50%, rgba(var(--blue-front,1))),
				linear-gradient(-6deg, rgba(var(--grey-back),0.1) 0% 50%, rgba(var(--blue-front,1))),
				linear-gradient(rgba(var(--blue-front),0.8) 0% 60%, rgba(var(--grey-back),0.2)); */
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	#header {
		position: fixed;
		right: 0;
		top: 0;
		width: 100vw;
	}
}

nav {
	transition: 1s;
}
nav ul {
	list-style: none;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	nav {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 100vw;
		height: 10vh;
		padding: 1%;
		padding-left: 0;
		padding-right: 0;
		/* border: solid 4px black; */
	}
}

.list-header {
	display: flex;
	justify-content: space-between;
	padding: 1vh 5vw 3vh 5vw;
	margin: 0;
	color: rgb(var(--white));
	transition: 1s;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.list-header {
		height: 5vh;
		width: 10vw;
		/* border: solid 4px orange; */
	}
}

.list-header li {
	display: flex;
}

.header-li-logo {
	justify-content: flex-start;
}

.header-li-icono-menu {
	justify-content: flex-end;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.header-li-icono-menu {
		visibility: hidden;
	}
}

.header-logo {
	width: 70%;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.header-logo {
		width: auto;
		height: 7vh;
		/* border: solid 4px red; */
	}
}

.header-icono-menu {
	width: 40%;
  transition: 0.5s;
}
.icono-menu-desplegado {
  transform: scale(1.5, 1) translate(-15%, 0);
}

.list-menu {
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
	padding-bottom: 4vh;
	visibility: hidden;
	translate: 0% -150%;
  	transition: translate 0.5s;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.list-menu {
		position: relative;
		height: 5vh;
		width: 80vw;
		display: flex;
		flex-wrap: nowrap;
		visibility: visible;
		translate: 0 0;
		padding: 1%;
		/* border: solid 4px blue; */
	}
}

.list-menu h2 {
	margin: 0;
	color: rgb(var(--white));
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.list-menu h2 {
		font-size: 1.2em;
		font-weight: normal;
		transition: 0.5s;
	}
	.list-menu h2:hover {
		color: rgb(var(--white-words));
		text-decoration: underline;
	}
}

.list-menu li {
	padding: 0vh 4vw 2vh 4vw;
}
/* @media only screen and (min-width: 600px) { */
@media (min-aspect-ratio: 1/1) {
	.list-menu li {
		padding: 4px 0 4px 0;
		/* padding-top: 1%; */
		cursor: pointer;
		transition: 0.5s;
	}
	.list-menu li:hover {
		/* transform: scale(1.2); */
		/* border-radius: 10px;
		border: solid 2px rgb(var(--white)); */
	}
}

.content-contactanos {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#icon-contact {
	width: 20px;
}

.visible {
	position: relative;
	visibility: visible;
	translate: 0% 0%;
}