/*MAKING SIDE MENU RESPONSIVE*/

/* BOTÓN HAMBURGUESA */
#side-menu-toggle {
    position: fixed;
    top: 6em;
    left: 0px;
    z-index: 1000;
    background: #565656;
    color: white;
    border: none;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 18px;
    cursor: pointer;
}
#side-menu-toggle {
  transition: transform 0.2s ease;
}

body.side-menu-open #side-menu-toggle {
  transform: rotate(90deg);
}

/* MOBILE BEHAVIOR */
@media (max-width: 768px) {

    #side-menu-container {
        transform: translateX(-100%);
    }

    body.side-menu-open #side-menu-container {
        transform: translateX(0);
    }

    body.side-menu-open::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,0.4);
        z-index: 998;
    }
}

/*desktop hide*/
@media (min-width: 769px) {
    #side-menu-toggle {
        display: none;
    }
}