/* Estilos para el botón de menú */
.menu button {
    background-color: #333;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
}

/* Oculta la lista del menú inicialmente */
.menu ul {
    list-style-type: none;
    padding: 0;
    display: none;
}

/* Estilos para los elementos de la lista del menú */
.menu li {
    padding: 10px;
    background-color: #f2f2f2;
}

.menu li:hover {
    background-color: #ddd;