.fondo nav {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    background-color: transparent !important;
    padding: 0px 30px !important; /* Espaciado horizontal */
}


.menu {
    margin-left: auto !important;
}

    .menu li {
        list-style: none !important;
    }

    .menu a {
        color: white !important;
        text-decoration: none !important;
        font-size: 2rem !important;
        font-weight: bold !important;
        transition: color 0.3s ease !important;
    }

        .menu a:hover {
            color: #ffcc00 !important;
        }