#sidebar {
	position: fixed;
	left: -290px; /* Oculto al inicio */
	top: 0;
	width: 250px;
	height: 100%;
	background: var(--wp--preset--color--gris-obscuro);
	color: white;
	padding: 20px;
	transition: left 0.3s ease-in-out;
	z-index: 1000;
}

#sidebar nav ul {
	list-style: none;
	padding: 0;
}

#sidebar nav ul li {
	padding: 10px 0;
}

#sidebar nav ul li a {
	color: white;
	text-decoration: none;
}

#open-menu {
	background: none;
	color: var(--wp--preset--color--negro);
	font-size: 1.8rem;
	border: none;
	padding: 4px 10px 10px 10px;
	cursor: pointer;
}

#close-menu {
	background: none;
	border: none;
	font-size: 24px;
	color: white;
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 10px;
}