.Header{
    position: fixed;
    top: 5%;
    left: 0;
    right: 0;
    z-index: 2;
}
.Header-ul{
    max-width: 90rem;
    margin: auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
}
.Header-li{
    font-size: var(--fs-med);
    font-weight: var(--fw-bold);
    text-transform: uppercase;
    text-decoration: none;
    display: flex;
    align-items: center;
}
.Header-logo{
    color: var(--c-primary-75);
    font-size: var(--fs-extrabig);
}
/* Banco semitransparente en páginas ya visitadas no activas */
.Header-a{
    min-width: 100%;
    padding: .625rem 1.25rem;
    color: var(--c-primary-50);
    cursor: pointer;
    transition: color .4s ease;
}
.Header-a:hover{
    color: var(--c-primary-75);
}
/* Blanco completo si la página está activa */
.Header-a.isActive{
    color: var(--c-primary-100);
}
/* Si está activa "quitamos" el hover */
.Header-a.isActive:hover{
    text-decoration: none;
    cursor: auto;
}
.Header-a.isVisible{
    color: var(--c-primary-50);
}
.Header-a.isVisible:hover{
    color: var(--c-primary-100);
}


/* Responsive Pantallas pequeñas */
@media (max-width: 768px){
    .Header-ul{
        justify-content: space-around;
    }
    .Header-li:nth-child(3n){
        display: none;
    }
}


/* Responsive Móvil */
@media (max-width: 480px){
    .Header{
        width: 92%;
        margin: auto;
        display: flex;
        flex-flow: row nowrap;
    }
    .Header-nav{
        width: 100%;
    }
    .Header-ul{
        justify-content: space-between;
    }    
    .Header-a{
        padding: 1rem;
        border-radius: var(--br-round);
        padding: 0;
    }
}