.lista_seletores_headerprincipal {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    overflow-x: auto;
    white-space: nowrap;
    width: 80vw;
    padding: 0;
    box-sizing: border-box;
    flex-grow: 1;
    list-style: none;
    margin: 0 auto;
    gap: 0vw;
}

.linha_seletor_headerprincipal {
    display: flex;
    flex-grow: 1;
    height: 2vw;
    padding: 0.2vw 0.1vw;
    cursor: pointer;
}

    .linha_seletor_headerprincipal a {
        text-decoration: none;
        text-align: center;
        font-size: 1em;
        font-family: var(--font-family-koho);
        color: var(--cor_cinza_clara);
        justify-content: center;
        display: flex;
        flex-grow: 1;
        align-items: center;
        background-color: var(--cor_branca);
    }

    .linha_seletor_headerprincipal i {
        margin-right: 0.5vw;
    }

    .linha_seletor_headerprincipal a:hover {
        color: var(--cor_principal);
        background-color: var(--cor_principal_transparencia);
    }


.linha_seletor_acesa {
    color: var(--cor_principal);
    background-color: var(--cor_principal_transparencia);
}






/* ************************Responsividade******************** */
@media only screen and (max-width: 1024px) {

    .lista_seletores_headerprincipal {
        width: 90vw;
    }

    .linha_seletor_headerprincipal {
        display: flex;
        flex-grow: 1;
        height: 3vw;
        padding: 0.2vw 0.1vw;
        cursor: pointer;
    }

        .linha_seletor_headerprincipal i {
            margin-right: 1vw;
        }
}

@media only screen and (max-width: 768px) {



    .lista_seletores_headerprincipal {
        width: 90vw;
    }

    .linha_seletor_headerprincipal {
        display: flex;
        flex-grow: 1;
        height: 4vw;
        padding: 0.2vw 0.1vw;
        cursor: pointer;
        min-width: 20vw;
    }

        .linha_seletor_headerprincipal i {
            margin-right: 1vw;
        }

}

@media only screen and (max-width: 480px) {


    .lista_seletores_headerprincipal {
        width: 90vw;
    }

    .linha_seletor_headerprincipal {
        display: flex;
        flex-grow: 1;
        height: 7vw;
        padding: 0.2vw 0.3vw;
        cursor: pointer;
        min-width: 28vw; 
    }
        .linha_seletor_headerprincipal a {
            min-width: 100%;
            font-size: 0.9em;
        }
        .linha_seletor_headerprincipal i {
            margin-right: 1vw;
            font-size: 0.9em;
        }

}