/*---------MENU BACKGROUND------------------*/


.menu-container {
	width: 40%;
	right: -40%;
        padding: 3%;
        padding-left:34px;
}
/*
.menu-subcontainer-header {
	margin-bottom: 15%;
}*/

.menu-container-active {
	right: 0%;
}

.menu-item-level-1 {
	font-family: 'Montserrat', serif;
	font-weight: 300;
	font-size: 48px;
	color: #7A7A7A;
	padding: 6px;	
        /*text-transform: uppercase;*/
        line-height: 56px;
}

.opcion-menu-selected{
    color: #0F0F0F;
}

.menu-item-level-1:hover {
	text-decoration: underline;
}

.menu-item-level-2:hover {
	text-decoration: underline;
}

.plus-menu:hover {
	text-decoration: none;
}

.menu-item-level-1plus:hover + .menu-item-level-1 {
	text-decoration: underline;
}

.menu-item-level-1plus {
	display: flex;
}

.menu-item-level-2-container {
	display: block;
	max-height: 0;
	overflow-y: hidden;
	padding-left: 6.5%;
	transition: all 0.3s ease;
}

.menu-item-level-2 {
	font-family: 'Canela Thin', serif;
	font-weight: 300;
	font-size: 1.8rem;
	color: var(--logo-color);
	padding: 6px;
}



.menu-subcontainer {
  position:relative;
  height: 85%;
}

.areaPrivadaInterior{
    float:left;
    position:absolute;
    bottom:15px;
}
/*.menu-item-level-2-active-jardines {
	height: 6rem;
}*/

.menu-item-level-2-active-trabajo {
	height: 13.35rem;
}

.social {
	margin-top: 10px;
}

.social-icon {
	/*cursor: pointer;*/
}

#social-icon-2 {
	margin-left: 7px;
}
/*----------END MENU BACKGROUND-----------------*/
/* Maximum aspect ratio */
@media (max-width: 1200px) {

    .menu-container {
            width: 50%;
            right: -50%;
            padding: 5%;
    }

}

/* Maximum aspect ratio */
@media (max-aspect-ratio: 1200/900) {

    .menu-container {
            width: 50%;
            right: -50%;
            padding: 5%;
    }

}

/* Maximum aspect ratio */
@media (max-width: 950px) {

    .menu-container {
            width: 70%;
            right: -70%;
            padding: 5%;
    }

}
/* Maximum aspect ratio */
@media (max-aspect-ratio: 800/900) {

    .menu-container {
            width: 100%;
            right: -100%;
            padding: 7%;
    }

}



/* Portrait phones (less than 700px) */
@media (hover: none)
and (pointer: coarse)
and (orientation: portrait), (max-width: 400px) {

	/*---------MENU BACKGROUND------------------*/
	.menu-container {
		width: 100%;
		right: -100%;
		padding: 5%;
	}

	.menu-container-active {
		right: 0%;
	}

        /*
	.menu-subcontainer {
		height: auto;
	}
        */

	.menu-subcontainer-header {
		/*height: 7% !important;*/
                justify-content: flex-end;
	}

	.menu-item-level-1 {
		font-size: 36px;
                line-height: 44px;
	}

	.menu-item-level-1:hover {
	}

	.menu-item-level-2:hover {
	}

	.plus-menu:hover {
	}

	.menu-item-level-1plus:hover + .menu-item-level-1 {
	}

	.menu-item-level-1plus {
		/*transform: translateX(-5px);*/
	}

	.menu-item-level-2-container {
		padding-left: 6.5%;
	}

	.menu-item-level-2 {
		/*font-size: 4rem;*/
		/*padding: 7px;*/
	}

	/*.menu-item-level-2-active-jardines {
		height: 12rem;
	}*/

	.menu-item-level-2-active-trabajo {
		/*height: 30rem;*/
	}

	.social {
		margin-top: 10px;
	}

	.social-icon {
		/*cursor: pointer;*/
	}

	#social-icon-2 {
		/*margin-left: 30px;*/
	}
	/*----------END MENU BACKGROUND-----------------*/

	/*----------CROSS MENU-----------------*/

	.close {
	  width: 30px;
	  /*padding: 2%;*/
	}

	/*.close:before, .close:after {
	  height: 100px;
	  width: 2px;
	}*/
	/*----------END CROSS MENU-----------------*/

}