.close-btn,
		.menu-btn {
		    position: absolute;
		    color: #000;
		    font-size: 20px;
		    right: 0;
		    margin: 25px;
		    cursor: pointer;
		}

		.side-bar {
		    background: rgba(255, 255, 255, 0.5);
		    backdrop-filter: blur(15px);
		    width: 290px;
		    height: 100vh;
		    position: fixed;
		    top: 0;
		    left: -100%;
		    overflow-y: auto;
		    z-index: 9999;
		}

		.side-bar-activa {
		    left: 0;
		}

		.fondoPropio {
		    background: rgba(0, 0, 0, .5);
		}

		.side-bar .menu {
		    width: 100%;
		    margin-top: 80px;
		}

		.side-bar .menu .item {
		    position: relative;
		    cursor: pointer;
		}

		.side-bar .menu .item a {
		    color: #000;
		    font-size: 16px;
		    text-decoration: none;
		    display: block;
		    padding: 5px 30px;
		    line-height: 60px;
		}

		.side-bar .menu .item a:hover {
		    background: #7c4dff;
		    transition: 0.3s ease;
		    color: #fff;
		}

		.side-bar .menu .item i {
		    margin-right: 15px;
		}

		.side-bar .menu .item a .dropdown {
		    position: absolute;
		    right: 0;
		    margin: 20px;
		    transition: 0.3s ease;
		}

		.side-bar .menu .item .sub-menu {
		    background: rgba(255, 255, 255, 0.4);
		    display: none;
		}

		.side-bar .menu .item .sub-menu a {
		    padding-left: 80px;
		}

		.rotate {
		    transform: rotate(90deg);
		}