.card-largura {
    max-width: 27rem;

}

.imagem-carrossel {
    object-fit: cover;
    object-position: 0 80%;
    height: 400px;

}

.font-titulo {
    font-family: 'Pacifico', cursive;
    color: darkred;

}

.cor-titulo {
    color: darkred;

}

.botao-cor--especial {
    background-color: darkred;
    color: white;
    
}

.botao-cor--especial:hover {
    color: #222222;
    background-color: white;
    border-color: darkred;
}

.borda-cor--especial { 
    border-color: darkred;
}

.card-posicao--imagem {
    object-fit: cover;
    height: 200px;

}

@media screen and (max-width: 500px) {
    .card-largura {
        max-width: 18rem;
    
    }

}