.custom-navbar {
    background-color: #1a237e; /* Color principal de la barra */
    border-bottom: 2px solid #3949ab; /* Línea decorativa */
}

    .custom-navbar .navbar-brand {
        font-size: 1.3rem;
        color: #ffffff !important;
        font-weight: bold;
    }

    .custom-navbar .nav-link {
        color: #c5cae9 !important;
        transition: color 0.3s;
    }

        .custom-navbar .nav-link:hover {
            color: #ffffff !important;
            background-color: #283593;
            border-radius: 5px;
        }

    .custom-navbar .btn-outline-light {
        border-color: #c5cae9;
        color: #c5cae9;
        transition: background-color 0.3s;
    }

        .custom-navbar .btn-outline-light:hover {
            background-color: #c5cae9;
            color: #1a237e;
        }