.navbar {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
}

/*esto define el color del fondo al pasar el mouse por encima de los li*/
    .navbar .navbar-nav li:hover,
    .navbar .navbar-nav li:hover > a {
        background-color: white;
        cursor: pointer;
    }

    /*estas son la propiedades para cambiar el color de la hamburgueza, no es tan facil como el borde y trae mas cositas*/
.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='white' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/*esto define el color del borde de la hamburgueza*/
.color-borde.navbar-toggler {
    border-color: white;
    color: white !important;
}

/*esto quita el borde resaltado cuand das clic en la hamburgueza*/
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    box-shadow: none;
}