.cabecera-social-sesion i{
    color: var(--colorBlanco);
}

.cabecera-social-sesion span{
    color: var(--colorBlanco);
    font-family: 'negrita';
}

.barra-navegacion a{
    color: var(--colorBlanco);
    font-family: 'negrita';
}

div.barra-navegacion img{
    width: 100%;
}

@media screen and (min-width: 320px) {
    .cabecera-social i, .cabecera-sesion i{
        font-size: calc(var(--tamanoLetraBase) * 1.4);
    }

    .cabecera-social-sesion{
        padding: 10px 20px;
    }

    .barra-navegacion{
        padding: 10px 20px;
    }

    .cabecera-social-sesion div{
        padding: 0 10px;
    }

    div.cabecera-social-sesion div:last-child{
        padding: 0 0 0 10px !important;
    }

    div.barra-navegacion div{
        padding: 0 10px;
    }

    div.barra-navegacion div:first-child{
        width: 140px;
        padding: 0 !important;
    }

    div.barra-navegacion div:last-child{
        padding: 0 0 0 10px !important;
    }
}

@media screen and (min-width: 520px) {
    .cabecera-social i, .cabecera-sesion i{
        font-size: calc(var(--tamanoLetraBase) * 1.4);
    }

    .cabecera-social-sesion{
        padding: 10px 20px;
    }

    .barra-navegacion{
        padding: 10px 20px;
    }

    .cabecera-social-sesion div{
        padding: 0 10px;
    }

    div.cabecera-social-sesion div:last-child{
        padding: 0 0 0 10px !important;
    }

    div.barra-navegacion div{
        padding: 0 10px;
    }

    div.barra-navegacion div:first-child{
        width: 140px;
        padding: 0 !important;
    }

    div.barra-navegacion div:last-child{
        padding: 0 0 0 10px !important;
    }
}

@media screen and (min-width: 1024px) {
    .cabecera-social i, .cabecera-sesion i{
        font-size: calc(var(--tamanoLetraBase) * 1.4);
    }

    .cabecera-social-sesion{
        padding: 10px 140px;
    }

    .barra-navegacion{
        padding: 10px 140px;
    }

    .cabecera-social-sesion div{
        padding: 0 10px;
    }

    div.cabecera-social-sesion div:last-child{
        padding: 0 0 0 10px !important;
    }

    div.barra-navegacion div{
        padding: 0 10px;
    }

    div.barra-navegacion div:first-child{
        width: 180px;
        padding: 0 !important;
    }

    div.barra-navegacion div:last-child{
        padding: 0 0 0 10px !important;
    }
}

@media screen and (min-width: 1200px) {
    .cabecera-social i, .cabecera-sesion i{
        font-size: calc(var(--tamanoLetraBase) * 1.4);
    }

    .cabecera-social-sesion{
        padding: 10px 200px;
    }

    .barra-navegacion{
        padding: 10px 200px;
    }

    .cabecera-social-sesion div{
        padding: 0 30px;
    }

    div.cabecera-social-sesion div:last-child{
        padding: 0 0 0 30px !important;
    }

    div.barra-navegacion div{
        padding: 0 30px;
    }

    div.barra-navegacion div:first-child{
        width: 250px;
        padding: 0 !important;
    }

    div.barra-navegacion div:last-child{
        padding: 0 0 0 30px !important;
    }
}

@media screen and (min-width: 1500px) {
    .cabecera-social i, .cabecera-sesion i{
        font-size: calc(var(--tamanoLetraBase) * 1.4);
    }

    .cabecera-social-sesion{
        padding: 10px 200px;
    }

    .barra-navegacion{
        padding: 10px 200px;
    }

    .cabecera-social-sesion div{
        padding: 0 30px;
    }

    div.cabecera-social-sesion div:last-child{
        padding: 0 0 0 30px !important;
    }

    div.barra-navegacion div{
        padding: 0 30px;
    }

    div.barra-navegacion div:first-child{
        width: 250px;
        padding: 0 !important;
    }

    div.barra-navegacion div:last-child{
        padding: 0 0 0 30px !important;
    }
}