/* Aplica a fonte Inter a todo o corpo da página */
body {
    font-family: 'Inter', sans-serif;
}

/* Limita o texto da descrição a um número de linhas */
.line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

/* =============================================================== */
/* CLASSE PARA OFERTAS RELÂMPAGO EXPIRADAS                         */
/* =============================================================== */
.oferta-expirada {
    filter: grayscale(95%);
    /* Deixa o card quase todo em tons de cinza */
    opacity: 0.65;
    /* Deixa o card um pouco transparente */
    transition: all 0.3s ease-in-out;
}

/* Ao passar o mouse, a oferta "volta à vida" */
.oferta-expirada:hover {
    filter: grayscale(0%);
    opacity: 1;
    /* O efeito de zoom já é herdado da classe principal do card */
}