.vcp-scheda-annuncio {
    display: flex;
    align-items: center;
    gap: var(--vcp-spazio-14);
    min-width: 0;
    padding: var(--vcp-spazio-12) var(--vcp-spazio-14);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-raggio-18);
    background: var(--vcp-colore-superficie);
}

.vcp-scheda-annuncio__miniatura {
    position: relative;
    display: flex;
    flex: none;
    width: var(--vcp-miniatura-annuncio-larghezza);
    height: var(--vcp-miniatura-annuncio-altezza);
    overflow: hidden;
    border-radius: var(--vcp-raggio-12);
    background: var(--vcp-colore-traccia);
}

.vcp-scheda-annuncio__immagine {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.vcp-scheda-annuncio__segnaposto {
    display: grid;
    flex: 1;
    place-items: center;
    background: linear-gradient(135deg, var(--vcp-colore-primario-tenue), var(--vcp-colore-traccia-avanzamento));
    font-size: var(--vcp-testo-20);
    color: var(--vcp-colore-primario);
}

.vcp-scheda-annuncio__corpo {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: var(--vcp-spazio-2);
    min-width: 0;
}

.vcp-scheda-annuncio__titolo,
.vcp-scheda-annuncio__dettaglio {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vcp-scheda-annuncio__titolo {
    font-size: var(--vcp-testo-15);
    font-weight: var(--vcp-peso-semigrassetto);
    line-height: var(--vcp-interlinea-stretta);
    color: var(--vcp-colore-testo);
}

.vcp-scheda-annuncio__dettaglio {
    font-size: var(--vcp-testo-12);
    line-height: var(--vcp-interlinea);
    color: var(--vcp-colore-testo-secondario);
}

.vcp-scheda-annuncio__stato {
    display: inline-flex;
    flex: none;
    align-items: center;
    gap: var(--vcp-spazio-6);
    padding: var(--vcp-spazio-6) var(--vcp-spazio-12);
    border-radius: var(--vcp-raggio-pillola);
    background: var(--vcp-colore-traccia);
    font-size: var(--vcp-testo-12);
    font-weight: var(--vcp-peso-semigrassetto);
    line-height: var(--vcp-interlinea-stretta);
    white-space: nowrap;
    color: var(--vcp-colore-testo-secondario);
}

.vcp-scheda-annuncio__stato-icona {
    display: flex;
}

.vcp-scheda-annuncio__stato--positivo {
    background: var(--vcp-colore-successo-sfondo);
    color: var(--vcp-colore-successo);
}

/* Sul telefono gli elementi vanno in colonna: affiancati, la pillola lasciava
   al titolo poche lettere. */
@media (max-width: 575.98px) {
    .vcp-scheda-annuncio {
        flex-direction: column;
        align-items: stretch;
        gap: var(--vcp-spazio-10);
        padding: var(--vcp-spazio-12);
    }

    .vcp-scheda-annuncio__miniatura {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    .vcp-scheda-annuncio__titolo {
        display: -webkit-box;
        white-space: normal;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .vcp-scheda-annuncio__stato {
        align-self: flex-start;
        padding: var(--vcp-spazio-4) var(--vcp-spazio-10);
    }
}