.veiculoInformacoes {
    background: #35363a;
    height: 150px;
}

.linha-titulo {
    z-index: 0;
}

.linha-titulo::before {
    content: " ";
    position: absolute;
    height: 8px;
    background: #df0915;
    width: 80%;
    left: 56px;
    top: 21px;
    z-index: -1;
}

.destaque-quebra {

    position: absolute;
    height: 20%;
    background: linear-gradient(100deg, rgba(0, 0, 0, 0) 57.9%, rgba(255, 255, 255, 1) 56%);
    top: 250px;
}

.dadosVeiculoInfo {
    background-color: #ffffff;
    z-index: 0;
}

.dadosVeiculoInfo::before {
    position: absolute;
    content: '';
    background-color: #ffffff;
    transform: skewX(351deg);
    z-index: -1;
    height: 120%;
    width: 100%;
    transform-origin: top right;
    display: block;
    top: -20%;
    -ms-transform: skew(-10deg, 0deg);
    -webkit-transform: skew(-10deg, 0deg);
    transform: skew(-10deg, 0deg);
}

.divDestaque {
    border-radius: 15px 15px 0px 0px;
}

.paragrafo-destaque {
    color: #676767;
}

.dados-veiculo {
    color: #4d4d4d;
}

.card {
    background-color: #333333;
    color: white;
    border: none;
    border-radius: 0px;
}

.dados {
    padding: 20px 25px;
}

.paragrafo-versao {
    color: #b4b4b4;
    font-size: 0.9em;
}


.btn__wpp .btn-whatsapp-veiculo,
.btn__wpp .btn-whatsapp-veiculo:hover,
.btn__wpp .btn-whatsapp-veiculo:focus,
.btn__wpp .btn-whatsapp-veiculo:active {
    background-color: #20B038;
    color: #ffffff;
    font-size: 0.9em;
}

.btn__wpp .btn-whatsapp-veiculo:hover {
    opacity: 0.8;
}

.valor-veiculo-dados {
    background: #201e1f;
    color: #ffffff
}

.destaqueImagem {
    height: 280px;
}

.preço:hover {
    opacity: 0.8;
}

.preço a {
    color: white !important;
}

.btn-estoque {
    background-color: black;
    --bs-btn-hover-bg: black;
    --bs-btn-active-color: black;
    --bs-btn-active-bg: black;
    --bs-btn-active-border-color: black;
    color: white !important;
    transition: 0.2s;
    width: 31%;
    height: 70px;
}

.btn-estoque:hover {
    opacity: 0.8;
}

@media screen and (max-width: 424px) {
    .tituloDestaque {
        font-size: 14px
    }
}
@media screen and (min-width: 425px) {
    .tituloDestaque {
        font-size: 1.25reem;
    }
}

@media screen and (max-width: 1399px) {
    .divDestaque {
        justify-content: space-evenly !important;
    }
}

@media screen and (max-width: 767px) {
    #sectionDestaque {
        padding: 0px;
    }

    .card {
        width: 290px;
    }

    .btn-estoque {
        width: 290px;
    }
}

@media screen and (min-width: 619px) and (max-width: 767px) {
    .card {
        margin: 10px;
    }
}

@media screen and (max-width: 991px) {
    .btn-estoque {
        width: 70%;
    }
}