.fixed-menu {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000; /* Asegúrate de que el menú se muestre sobre los demás contenidos */
}

.fixed-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.fixed-menu ul li {
    margin-bottom: 10px; /* Ajusta según necesidad */
    width: 150px;
}

.fixed-menu ul li a {
    display: block;
    padding: 5px 10px; /* Ajusta según necesidad */
    text-decoration: none;
    color: #fff; /* Cambia el color según tu diseño */
    background-color: #333; /* Cambia el color de fondo según tu diseño */
    transition: transform 0.3s ease, margin-right 0.3s ease; /* Transición suave para transform y margin */
    margin-right: 0; /* Margen inicial */
    white-space: nowrap; /* Para evitar que el texto se envuelva */
}

.fixed-menu ul li a:hover, .fixed-menu ul li a.active {
    transform: translateX(-20px); /* Mueve hacia la izquierda */
    margin-right: -20px; /* Margen negativo para compensar */
    font-weight: bold;
    background-color: #BDBDBD;
}