.breadcrumb-container {
    display: flex; /* Usa flexbox */
    align-items: center; /* Centra verticalmente */
    justify-content: center; /* Centra orizzontalmente */
    text-align: left; /* Allinea il testo a sinistra all'interno del blocco */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
}

.breadcrumb-content {
    display: flex; /* Usa flexbox per l'immagine e i testi */
    align-items: center; /* Centra verticalmente l'immagine e i testi */
    gap: 20px; /* Spazio tra immagine e testo */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
}

.breadcrumb-image {
    width: 40%;
    min-width: 50px;
    max-width: 75px;
    flex-shrink: 0; /* Impedisce alla immagine di ridursi */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
}

.breadcrumb-text-container {
    display: flex;
    flex-direction: column; /* Dispone i testi in colonna */
    justify-content: center; /* Centra i testi verticalmente */
    gap: 5px; /* Spazio tra titolo e testo avanzato */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
}

.breadcrumb-text {
    white-space: nowrap; /* Evita il testo a capo */
    overflow: hidden;
    text-overflow: ellipsis; /* Aggiunge "..." se il testo è troppo lungo */
    max-width: 100%; /* Adatta la larghezza al contenitore */
    font-size: clamp(1rem, 1.5vw, 1.5rem); /* Ridimensiona il testo in base alla larghezza della finestra */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
}

.breadcrumb-advanced {
    display: block; /* Mostra il testo su una nuova riga */
    margin: 0; /* Rimuovi margini predefiniti */
    padding: 0; /* Rimuovi padding predefiniti */
    font-size: 0.9em; /* Riduci leggermente la dimensione del font */
}