/* Ajustes adicionales para la barra de navegación en páginas legales */

/* Asegura que el navbar esté bien alineado */
#navbar {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Ajusta los enlaces del navbar */
#navbar ul {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}

#navbar li {
    margin-left: 5px !important;
}

/* Ajusta el tamaño y espaciado de los enlaces en el navbar */
#navbar .nav-link {
    padding: 8px 12px !important;
    font-size: 14px !important;
}

/* Asegura que el toggle de navegación móvil sea visible */
.mobile-nav-toggle {
    display: none !important;
}

@media (max-width: 991px) {
    .mobile-nav-toggle {
        display: block !important;
        font-size: 24px !important;
        color: #ffffff !important;
        cursor: pointer !important;
    }
    
    #navbar {
        position: fixed !important;
        top: 70px !important;
        right: -300px !important;
        width: 280px !important;
        height: auto !important;
        background-color: #111111 !important;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.3) !important;
        padding: 15px 0 !important;
        transition: all 0.3s ease !important;
        z-index: 9998 !important;
        overflow-y: auto !important;
        display: block !important;
    }
    
    #navbar.navbar-mobile {
        right: 0 !important;
    }
    
    #navbar ul {
        display: block !important;
        padding: 10px 15px !important;
    }
    
    #navbar li {
        margin: 5px 0 !important;
    }
    
    #navbar .nav-link {
        display: block !important;
        padding: 10px 0 !important;
        font-size: 16px !important;
    }
}