:root {
            --bg-color:#012442;
            --text-color:white;

            --bg-hover-color:#012442;
            --text-hover-color:#c2d9e9;

            --text-color-corp:#228fdb;
        }

        
/* navbar */
.navbar-custom {
    background:var(--bg-color);  /* fondo de la barra de navegación */
    border-color: none;  /* borde de la barra de navegación */
}

/* Title */
.navbar-custom .navbar-brand {
    color:  var(--text-color); /*  color predeterminado título */
}

.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus {
    color: var(--text-hover-color);    /* color activo título */
}


/* Link */
.navbar-custom .navbar-nav > li > a {
    color:  var(--text-color); /*  color predeterminado */
}

.navbar-custom .navbar-nav > li > a:hover,
.navbar-custom .navbar-nav > li > a:focus {
    color: var(--text-hover-color);
    background-color: transparent;  
}


.navbar-custom .navbar-nav > .active > a,
.navbar-custom .navbar-nav > .active > a:focus {
    color: var(--text-hover-color);  /* color texto menu */
    background-color: transparent;  /* borde de la barra de navegación */
}


.navbar-custom .navbar-nav > .active > a:hover {
    color: var(--text-hover-color);  /* color texto menu */
    background-color: var(--bg-hover-color);  /* borde de la barra de navegación */
}


.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
    color: var(--text-hover-color);  /* color texto menu acivado */
    background-color: transparent; /* fondo activo */

}


/* Caret */
.navbar-custom .navbar-nav > .dropdown > a .caret {
    border-top-color: var(--text-color); /*  color predeterminado */
    border-bottom-color:  transparent; /*  color predeterminado */
}

.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
    border-top-color:  var(--text-hover-color);
    border-bottom-color:  var(--text-hover-color);
}



/* Mobile version */
.navbar-custom .navbar-toggle {
    border-color: transparent;
}

.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
    background-color: transparent;
}

.navbar-custom .navbar-toggle .icon-bar {
    background-color: var(--text-color);
}


@media (max-width: 767px) {
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a {
        color:  var(--text-color); /*  color predeterminado */
    }
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus {
          color: #333;
    }
}