nav .menu-principal{
    padding: .5em;
    display: grid;
    grid-template-columns: 1fr repeat(3,auto);
    align-items: center;
    border-radius: 10px;
    button{
        font-size: 1.25em;
        opacity: .5;
        &:hover{
            opacity: 1;
        }
    }
    .opciones-menu button{
        padding: .5em 1.25em;
        font-size: 1.05em;
        transition: .75s;
    }
}
#menu-principal{
    .cnl-logotipo button{
        padding: .65em 2em .65em 4em;
        background-image: url("../publico/recursos/multimedia/icono-cnl-vector-128-azul.png");
        background-repeat: no-repeat;
        background-size: auto 50%;
        background-position: 1.5em center;
    }
}