.gradient-azul {
    background: rgb(0, 68, 225);
    background: linear-gradient(90deg, rgba(0, 68, 225, 1) 0%, rgba(32, 51, 94, 1) 100%);
}

.gradient-azul-180 {
    background: rgb(0, 68, 225);
    background: linear-gradient(180deg, rgba(0, 68, 225, 1) 0%, rgba(32, 51, 94, 1) 100%);
}

.gradient-azul-180:hover {
    background: rgb(0, 68, 225);
    background: linear-gradient(0deg, rgba(0, 68, 225, 1) 0%, rgba(32, 51, 94, 1) 100%);
}

.bg-gradient-vermelho-180 {
    background: rgb(0, 68, 225);
    background: linear-gradient(180deg, #E93237 0%, #B23336 100%);
}

.bg-gradient-vermelho-180:hover {
    background: rgb(0, 68, 225);
    background: linear-gradient(0deg, #E93237 0%, #B23336 100%);
}

.gradient-azul-180:active {
    background: rgb(0, 68, 225);
}

#topo-cidade {
    height: 60vh;
    min-height: 500px;
    background-position: center;
    background-size: cover;
}

.painel-destaque {
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.painel-destaque img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -40px;
    margin-top: -40px;
}

.painel-destaque-title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.nav-list-produto, #logo-empresa {
    transition: all .5s;
}

.nav-list-produto:hover {
    box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%) !important;
}

.big-logo {
    height: 75px;
    width: 75px;
}

.small-logo {
    height: 45px;
    width: 45px;
}