/* Remover os espaços padrão do MaCiSSo */
.plugin-atalhos header{
    padding-top:.8em!important;
    padding-bottom:0!important
}
/* Apresentação de cada item de atalho */
.plugin-atalhos .item{
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    overflow: hidden;
    background-color:#FFF;
    border-radius:0.25rem;
    margin-bottom:1rem
}
.contrastar .plugin-atalhos .item{
    background-color:#000;
    border:1px solid #FFF;
}
/* Posicionar o ícone bootstrap no canto superior direito */
.plugin-atalhos svg{
    position:absolute;
    right:0;
    top:0
}
/* Fundo para sobrescrever o texto inicial */
.descricao-ao-interagir{
    opacity: 0;
    position: absolute;
    z-index: 2;
    display: block;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    box-sizing: border-box;
    padding: 0
}
/* Apresentar fundo ao interagir com o item */
.plugin-atalhos .item:hover .descricao-ao-interagir,
.plugin-atalhos .item:focus .descricao-ao-interagir{
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: all .85s;
    -o-transition: all .85s;
    transition: all .85s
}
/* Formatação do texto que é apresentado no fundo que sobrescreve */
.descricao-ao-interagir .descricao{
    display: block;
    padding:1em;
    box-sizing: border-box;
    font-size: 16px;
    color: #fff;
    line-height: 22px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}