#navbar {
	display: flex;
	justify-content: space-between;
	padding: 0.75em 5vw;
	position: relative;
	box-shadow: 0px 16px 40px rgba(68, 72, 78, 0.08);
}

#navbar .info {
	display: flex;
	/*justify-content: space-between;*/
	gap:2em;
	align-items: center;
	width: 25%;
}


#navbar .info .img-container img{
	width: auto;
	height: 2.5em;
}

#navbar .info .banner a{
	text-decoration: none;
}

#navbar .links {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 65%;
}

#navbar .links .link{
	transition: all 0.15s ease-in;
	height: 100%;
}
#navbar .links .link a{	
	overflow: hidden;
	position: relative;
	color: var(--negro-80);
	text-decoration: none;
}

#navbar .links .link a:hover{
	color: var(--azul-100);
/* 	font-weight: 600; */
	text-shadow: 1px 0 0 var(--azul-100);
}


#navbar .links a::after{
	content: "";
	display: block;
	height: 1px;
	background: var(--azul-100);
	transform: translateX(-125%);
	transition: all 0.15s ease-in;
}

 #navbar .links a:hover::after{
	transform: translateX(0)
}

#navbar .desplegable .desplegable-contenido{
	position: absolute;
	bottom: 100%;
	transition: 0.15s all ease-in-out;
	padding: 0 0.5em;
}

#navbar .desplegable .desplegable-contenido.active {
	bottom: -100%;
}

#navbar .hamburger{
	display: none;
}

.hamburger-links .link{
	display: flex;
	justify-content: flex-end;
	margin-top: 1em;
}

@media (min-width: 993px){
	#navbar {
		position: sticky;
		top: 0;
		background-color: var(--blanco);
		z-index: 99;
	}
}

@media (max-width: 992px) {
	
	.btn-pushbar{
		padding-top: 0.75em;
		padding-right: 5vw;
	}
	
	#navbar > .links{
		display: none;
	}
	
	#navbar .hamburger{
		display: block;
	}
	.hamburger-links .link a{
		text-align: right;
	}
}