.icone_stock {
    width: 40px;
    height: 40px;
    background: #ffffff;
    font-size: 18px;
    color: #00c4ff;
    line-height: 40px;
    margin-right: 5px;
    transition: all 0.35s ease 0s;
    border-radius: 3px;
}

.icones_stock {
    margin-top: 1rem;
}

ul.icones_stock li {
    display: inline;
}

.cor_cores {
    background: -webkit-radial-gradient(0% 100% circle, #FF00FF 45%, #00FFFF 50%, #FFFF00 55%);
    background: radial-gradient(circle at 0% 100%, #FF00FF 45%, #00FFFF 50%, #FFFF00 55%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_magenta {
    background: #FF00FF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_ciano {
    background: #00FFFF;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_amarelo {
    background: #FFFF00;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_preto {
    background: #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_cinza {
    background: #808080;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_vermelho {
    background: #FF0000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_verde {
    background: #008000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.cor_branco {
    background: #ffffff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
}

.stock_verde {
    background: #008d4c;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stock_vermelho {
    background: #d33724;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.stock_amarelo {
    background: #ff7701;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.imagem_produto {
    object-fit: contain;
    height: 250px;
}

.nome_produto {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-word;
    height: 78px;
}