/***********************
  	* Menu top
  	************************/

  .ocultartab{
		display:none;
	} 

	p.descriplogo {
		margin: 0;
  		font-size: 9px;
  		text-align: right;
  		line-height: 10px;
		color: #0D4041;
	}

	#menu-mvp{
		z-index: 300000000000;
	}
	.menu{
		background-color: #fff;
		color: #618264;
		height: 70px;
		position: fixed;
		width: 100%;
		z-index: 1000;
	}

	.menu__container{
		display: flex;
		justify-content: space-between;
		align-items: center;
		/*width: 90%;
		max-width: 1200px;*/
		height: 100%;
		/*margin: 0 auto;*/
	}

	.menu__links{
		height: 100%;
		transition: transform .5s;
		display: flex;
	}

	.menu__item{
		list-style: none;
		position: relative;
		height: 100%;
		--clip: polygon(0 0, 100% 0, 100% 0, 0 0);
		--transform: rotate(0);
	}

	.menu__item:hover{
		--clip: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		--transform: rotate(90deg);
	}

	.menu__link{
		color: #0D4041;
		text-decoration: none;
		padding: 0 30px;
		display: flex;
		height: 100%;
		align-items: center;
		font-size: 16px;
		font-weight: bold;
	}

	.menu__link:hover{
		
		background-color: #618264;
		color:#fff;
		
	}

	/* codigo que sustituye flecha de submenu > > >*/
	.menu__item.menu__item--show a.menu__link::after {
		content:">";
		font: 25px "Consolas", monospace;
		position: absolute;
		right: 10px;
		bottom: 19px;
		transform: var(--transform);
		transition: transform .3s;
	}	

	.menu__item.menu__item--show .menu__inside a.menu__link::after {
		content: '';
	}	

	ul{
		margin-bottom:0;
	}

	.menu__arrow{
		transform: var(--transform);
		transition: transform .3s;
		display: block;
		margin-left: 3px;
	}

	.menu__nesting{
		list-style: none;
		transition:clip-path .3s;
		clip-path: var(--clip);
		position: absolute;
		right: 0;
		bottom: 0;
		width: max-content;
		transform: translateY(100%);
		background-color: #618264;
		padding-left: 0;
	}

	.menu__link--inside{
		padding: 30px 100px 30px 20px;
		color:#fff;
	}

	.menu__link--inside:hover{
		background-color: #fff;
		color:#618264;
	}

	.menu__hamburguer{
		height: 100%;
		display: flex;
		align-items: center;
		padding: 0 15px;
		cursor: pointer;
		display: none;
	}

	.menu__img{
		display: block;
		width: 36px;
	}

	/* 
	version movil 
	*/
	@media (max-width:991px){
	.menu__logo{
		height: 25px;
	}

	.menu__link{
	
		color:#fff;
	}

	.menu__link:hover{
		background-color: #fff;
		color:#618264;
	}

	.menu__item.menu__item--show a.menu__link::after {
		right: 15px;
	}

	.menu__item.menu__item--show.menu__item--active a.menu__link::after {
		color: #618264;
		top: 33px;
		right: 10px;
		transform: rotate(90deg);
		position: absolute;
		height: 25px;
		width: 25px;
	}

	.menu__hamburguer{
		display: flex;
	}

	.menu__item{
		--clip:0;
		overflow:hidden ;
	}

	.menu__item--active{
		--transform: rotate(0);
		--background: #fff;
	}

	.menu__item--active .menu__link{
		background-color: #fff;
		color:#618264;
	}


	.menu__item--active .menu__link.menu__link--inside{
		background-color: #618264;
		color:#fff;
	}

	.menu__item--active .menu__link.menu__link--inside:hover{
		background-color: #fff;
		color:#618264;
	}
	.menu__item--show{
		background-color: #618264;
		color:#fff;
	}


	.menu__links{
		position: fixed;
		/*max-width: 400px;*/
		width: 100%;
		top: 70px;
		bottom: 0;
		right: 0;
		background-color: #618264;
		overflow-y: auto;
		display: grid;
		grid-auto-rows: max-content;
		transform: translateX(100%);
		padding-left: 0;
	}

	.menu__links--show{
		transform: unset;
		width: 100%;
	}

	.menu__link{
		padding: 25px 0;
		padding-left: 30px;
		height: auto;
	}

	.menu__arrow{
		margin-left: auto;
		margin-right: 20px;
	}

	.menu__nesting{
		display: grid;
		position: unset;
		width: 100%;
		transform: translateY(0);
		height: 0;
		transition: height .3s;
	}

	.menu__link--inside{
		width: 90%;
		margin-left: auto;
		border-left: 1px solid #fff;
	}
	}


	/* Boton animado menu movil */

	.menu-btn {
		display: none;
		margin: 17px 0 0 15px;
	}


	@media (max-width: 991px) {
		.menu-btn {
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			width: 36px;
			height: 36px;
			cursor: pointer;
			transition: all .5s ease-in-out;
		}
	}
	.menu-btn__burger {
		width: 36px;
		height: 4px;
		background: #618264;
		border-radius: 2.55px;
		box-shadow: 0 2px 5px rgba(255,101,47,.2);
		transition: all .5s ease-in-out;
	}
	.menu-btn__burger::before,
	.menu-btn__burger::after {
		content: '';
		position: absolute;
		width: 36px;
		height: 4px;
		background: #618264;
		border-radius: 2px;
		box-shadow: 0 2px 5px rgba(255,101,47,.2);
		transition: all .5s ease-in-out;
	}
	.menu-btn__burger::before {
		transform: translateY(-8px);
	}
	.menu-btn__burger::after {
		transform: translateY(8px);
	}
	/* ANIMATION */
	.menu-btn.open .menu-btn__burger {
		transform: translateX(-50px);
		background: transparent;
		box-shadow: none;
	}
	.menu-btn.open .menu-btn__burger::before {
		transform: rotate(45deg) translate(35px, -35px);
	}
	.menu-btn.open .menu-btn__burger::after {
		transform: rotate(-45deg) translate(35px, 35px);
	}