/*---------MENU BACKGROUND------------------*/
#menu-avisoexplorer-container {
    display: none;
}

.menu-avisoexplorer-container {
	width: 100%;
	right: 0;
	padding: 3% var(--margin-main);
        background-color: #D2DDC5;
}

.menu-subcontainer-header {
    justify-content: flex-end;
    padding-left: 0;
    margin-bottom: 2rem;
}

.menu-subcontainer-header-avisoexplorer {
    justify-content: space-between;
}

.avisoexplorer-title {
    text-align: left;
    font-family: 'Canela Thin Italic', sans-serif;
    font-weight: 300;
    font-size: 2.5rem;
    color: var(--logo-color);
}

.avisoexplorer-content p {
    margin-bottom: 1rem;
}

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

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

/*----------END AVISO INTERNET EXPLORER CONTENT-----------------*/
.avisoexplorer-content {
	margin-top: 0;
	text-align: left;
	font-size: 1rem;
}

.avisoexplorer-content h1 {
	text-transform: uppercase;
	font-size: 1rem;
	font-family: "Poppins SemiBold", sans-serif;
	margin-top: 20px;
        color: var(--logo-color);
}

.avisoexplorer-content h1:first-child {
	margin-top: 0px;
}

.avisoexplorer-content p {
	font-size: 1rem;
}

.avisoexplorer-content-indent {
	margin-left: 1rem;
	/*font-size: 1rem;*/
}
/*----------END AVISO INTERNET EXPLORER CONTENT-----------------*/

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

    .menu-avisoexplorer-container {
            width: 100%;
            right: 0%;
            padding: 5%;
    }
    
    /*Este menu-container-active debe ir en todos los media-queries en los que
    se modifique el menu-carrito-container. Sino, deja de funcionar.*/
    .menu-container-active {
            right: 0%;
    }

}

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

    .menu-avisoexplorer-container {
            width: 100%;
            right: 0%;
            padding: 7%;
    }
    
    /*Este menu-container-active debe ir en todos los media-queries en los que
    se modifique el menu-carrito-container. Sino, deja de funcionar.*/
    .menu-container-active {
            right: 0%;
    }

}

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

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

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

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

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

	/*----------END AVISO INTERNET EXPLORER CONTENT-----------------*/
	.avisoexplorer-content {
		font-size: 2.5rem;
	}

	.avisoexplorer-content h1 {
		font-size: 2.5rem;
		margin-top: 3rem;
	}

	.avisoexplorer-content h1:first-child {
		margin-top: 1rem;
	}

	.avisoexplorer-content p {
		font-size: 2.2rem;
	}
	/*----------END AVISO INTERNET EXPLORER CONTENT-----------------*/

}