/* Barra de navegación compartida por todas las páginas */
.barra {
    background-color: #0f3d64;
}

.barra .navbar-brand {
    font-weight: 600;
    letter-spacing: .2px;
}

.barra .container {
    flex-wrap: wrap;
    row-gap: .25rem;
}

.barra .nav-link {
    white-space: nowrap;
    color: rgba(255, 255, 255, .75);
    padding: .5rem .25rem;
    border-bottom: 2px solid transparent;
}

.barra .nav-link:hover {
    color: #fff;
}

.barra .nav-link.active {
    color: #fff;
    border-bottom-color: #fff;
}