/* *, *::before, *::after {
	box-sizing: inherit;
} */
:root {
    --yinsa-dark: #2D2926;
    --yinsa-primary: #FFC72C;
}
.logo {
	max-height: 30px;
}
.logo.activado{
	max-height:43px;
}
header.header-menu{
	max-width: 100vw;
	width: 100%;
	height: 8vh;
	display: flex;
	position: fixed;
	z-index: 10000;
	/* margin-right: 5px; */
}
#menu-nav{   /*nav <---- así  lo tenía antes*/
	display: flex;
	position: fixed; 
	 z-index: 10000;
	 top:0px;
	 left:0px;
	justify-content: space-between;
	align-items: center;
	/* padding: 25px 60px 20px 60px; */
	padding:4px 3rem;
	min-height: 8vh;
	width: 100%;
	max-width: 100vw;
	background-color: rgb(255, 255, 255, 0.94);

}
.menu-nav__logo-container{
	position: relative;
	max-width: 100%;
	/* width:100%; */
}

/* .ham{
	display: none;
} */


.enlaces-menu {
	/* height: 6vh;
	display: none; */
	/*diplay:flex;*/
	/* padding: 1rem 6rem 0 0; */
	margin-bottom:0px ;
}

	.enlaces-menu li {
		padding: 0 14px; /*20px*/
		list-style-type: none;
		display: flex;
		align-items: end;
	}

		.enlaces-menu li a {
			display: inline-block;
			padding-bottom: 0.2rem;
			text-decoration: none;
			font-size: 0.9rem;
			color: var(--yinsa-dark);
			/* font-weight: 600; */
			font-family: "Suisse Intl Book", sans-serif;
			text-transform: uppercase;
		}

			.enlaces-menu li a:hover {
				border-bottom: 4px solid var(--yinsa-primary);
				font-weight: 600;
			}

button.btn-acceso, a.btn-acceso {
	position: relative;
	padding: 3px 5px;
	border: 2.3px solid var(--yinsa-dark);
	border-bottom: 2.3px solid var(--yinsa-dark);
	transition: transform 0.5s;
	background-color: transparent;
	font-size: 0.8rem;
	color: var(--yinsa-dark);
	font-weight: 600;
	font-family: "Suisse Intl Book", sans-serif;
}

	.btn-acceso:hover {
		position: relative;
		border: 2.3px solid var(--yinsa-dark);
		border-bottom: 2.3px solid var(--yinsa-dark);
		transform: scale(1.1);
	}


	.dropdown-toggle::after{
		display: none;
		content:"";
	}
/* 
	#menu-nav {
		
		background-color: rgb(255, 255, 255, 0.94);
	} */

/*DESKTOP*/
@media screen and (min-width:1171px) {
	.logo {
		max-height: 30px;
	}
	.logo.activado{
		max-height:43px;
	}
	.ham{
		display: none;
	}
	/* #menu-nav.activado .ham {
		display: inline-block;
		cursor: pointer;
		position: absolute;
		
		
		left: 200px;
		transition: 0.2s 0.1s;
	} */
	/* .ham.activado {
		display: inline-block;
		cursor: pointer;
		position: absolute;
		/* top: 0px; */
		/* right:25px; */
		/* left: 150px;
		transition: 0.2s 0.1s;
	} */
	
	.ham.activado span {
		background-color:var(--yinsa-dark);
	}
	.br-1.activado {
		height: 4px;
		width: 24px;
		margin: 8px auto;
		border-radius: 2px;
	}
	.br-2.activado {
		height: 4px;
		width: 24px;
		margin: 8px auto;
		border-radius: 2px;
	}
	.br-3.activado {
		height: 4px;
		width: 24px;
		margin: 8px auto;
		border-radius: 2px;
	}
	.ham.off {
		display: none;
	} 

	.enlaces-menu {
		display: flex;
			padding-left: 10vh;
		
	}

		/* .enlaces-menu.activado {
			display: flex;
			padding-left: 10vh;
			
		} */

}
/* DISPOSITIVOS MOVILES MD */
@media (max-width:1170px) {
	body {
		overflow-x: hidden;
	}

	.menu-nav__logo-container{
		display: flex;
		justify-content: center;
	}

	#menu-nav.activado .menu-nav__logo-container{
			display: flex;
			justify-content:flex-start;
			width:100%;
			padding:0.5rem 1rem;
		}
	
	#menu-nav.activado {
		display: flex;
		flex-direction: column;
		background-color: rgb(255, 255, 255, 0.94);
		min-height: 100vh;
		width: 100%;
		max-width: 100vw;
		padding: 0;
		
		overflow: hidden;
	}

	#menu-nav.activado .ham {
		display: inline-block;
		cursor: pointer;

		transition: 0.2s 0.1s;
	}
	.logo {
		
		max-height: 30px;
	}

	.enlaces-menu {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height: 92vh;
		margin: 0;
		padding: 0;
		display: none;
		opacity: 0;
		transition: opacity 5s ease-out;
		width: 100%;
	}

		.enlaces-menu li {
			text-align: center;
			width: 100%;
			padding: 6px;
			display: flex;
			justify-content: center;
		}
		
		.ham {
			display: inline-block;
			cursor: pointer;
			padding-inline: 1rem;
			transition: 0.2s 0.1s;
		}
	
			.ham span {
				background-color: var(--yinsa-dark);
				display: block;
				height: 3px;
				width: 24px;
				margin: 6px auto;
				border-radius: 2px;
			}
			.ham.activado span {
				background-color:var(--yinsa-dark);
			}
		.ham{
			/* display: inline-block; */
			background-color: transparent;
			cursor: pointer;
			border: none;
			/* margin: 0;
			padding: 0; */
			cursor: pointer;
			/* position: absolute;
			top:0; */
			/* top: 50px; */
			/* right:25px; */
			/* left: 200px; */
			transition: 0.2s 0.1s;
		}
		
			.ham span.menu-white{
				background-color: #FFFF;
			}

	.br-1.animado {
		transform: rotate(-45deg) translate(-5px, 8px);
	}

	.br-2.animado {
		opacity: 0;
	}

	.br-3.animado {
		transform: rotate(45deg) translate(-5px, -8px);
	}

	.enlaces-menu.activado {
		display: flex;
		animation: muestraMenu 350ms ease-in-out both;
	}
}
/* DISPOSITIVOS MOVILES SM*/

@media screen and (max-width:768px) {
	/* body {
		overflow-x:hidden;
	} */
	#menu-nav.activado {
		min-height: 100vh;
		width: 100%;
		max-width: 100vw;
		padding: 0;
		background-color: rgb(255, 255, 255, 0.94);
		overflow: hidden;
		display: flex;
		flex-direction: column;

	}

	#menu-nav .menu-nav__logo-container{
	
		height: 8vh;
		display: flex;
		align-items: center;
		justify-content: space-between; 
		 width:100%;
	}

	#menu-nav.activado .menu-nav__logo-container{
	
		height: 8vh;
		display: flex;
		align-items: center;
		justify-content: space-between; 
		 width:100%;
	}

	#menu-nav.activado .ham {
		cursor: pointer;
		position:static;
		
		transition: 0.2s 0.1s;
		padding:2px 1rem;
	}

		.ham span {
			background-color: var(--yinsa-dark);
			display: block;
			height: 3px;
			width: 24px;
			margin: 6px auto;
			border-radius: 2px;
		}
		.ham.activado span {
			background-color:var(--yinsa-dark);
		}
	.ham{
		background-color: transparent;
		cursor: pointer;
		border: none;
		margin: 0;
		padding: 0;
	
		
	}


	.ham {
		cursor: pointer;
		position:static;
	
		transition: 0.2s 0.1s;
	}
	.ham.activado span {
		background-color:var(--yinsa-dark);
	}

	

	.logo {
		height: 25px;
	}

	.enlaces-menu {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		height:calc(100vh - 10vh); 
		margin: 0;
		padding: 0;
		display: none;
		opacity: 0;
		transition: opacity 5s ease-out;
		width: 100%;
	}

		.enlaces-menu li {
			text-align: center;
			width: 100%;
			padding: 10px;
			display: flex;
			justify-content: center;
		}

	.br-1.animado {
		transform: rotate(-45deg) translate(-5px, 8px);
	}

	.br-2.animado {
		opacity: 0;
	}

	.br-3.animado {
		transform: rotate(45deg) translate(-5px, -8px);
	}

	.enlaces-menu.activado {
		display: flex;
		animation: muestraMenu 350ms ease-in-out both;
		height:calc(100vh); 
	}
}


/* Animaciones */

@keyframes muestraMenu {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/*.enlaces-menu.activado {
	display: flex;
	animation: muestraMenu 350ms ease-in-out both;
}*/
#menu-nav.activado {
	background-color: rgb(255, 255, 255, 0.84);
}
.ham.girar:hover {
	transform: rotate(360deg);
}

/* Mobile: un solo enlace "Acceso Intranet" en lugar del dropdown */
.acceso-movil {
	display: none;
}

@media (max-width: 1170px) {
	.acceso-desktop {
		display: none;
	}

	.acceso-movil {
		display: inline-block;
		text-decoration: none;
	}
}