.vcp-scheda-sponsor {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-14);
    padding: var(--vcp-spazio-16);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-raggio-20);
    background: var(--vcp-colore-superficie);
}

@media (min-width: 860px) {
    .vcp-scheda-sponsor {
        padding: var(--vcp-spazio-20);
    }
}

.vcp-scheda-sponsor--incassata {
    padding: var(--vcp-spazio-16);
    border-color: var(--vcp-colore-bordo-riquadro);
    border-radius: var(--vcp-raggio-16);
    background: var(--vcp-colore-superficie-riquadro);
}

.vcp-scheda-sponsor--partner {
    gap: var(--vcp-spazio-18);
    padding: var(--vcp-scheda-margine);
}

.vcp-scheda-sponsor__testata {
    display: flex;
    align-items: flex-start;
    gap: var(--vcp-spazio-12);
}

.vcp-scheda-sponsor--partner .vcp-scheda-sponsor__testata {
    gap: var(--vcp-spazio-14);
}

.vcp-scheda-sponsor__icona {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--vcp-altezza-40);
    height: var(--vcp-altezza-40);
    border-radius: var(--vcp-raggio-12);
    background: var(--vcp-colore-primario-tenue);
    font-size: var(--vcp-testo-16);
    color: var(--vcp-colore-primario);
}

.vcp-scheda-sponsor--incassata .vcp-scheda-sponsor__icona {
    background: var(--vcp-colore-superficie);
    box-shadow: var(--vcp-ombra-icona);
}

.vcp-scheda-sponsor--partner .vcp-scheda-sponsor__icona {
    width: var(--vcp-altezza-48);
    height: var(--vcp-altezza-48);
    border-radius: var(--vcp-raggio-14);
    font-size: var(--vcp-testo-19);
}

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

.vcp-scheda-sponsor__intestazione {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--vcp-spazio-2) var(--vcp-spazio-12);
}

.vcp-scheda-sponsor__titolo {
    font-size: var(--vcp-testo-14);
    font-weight: var(--vcp-peso-semigrassetto);
}

.vcp-scheda-sponsor--partner .vcp-scheda-sponsor__titolo {
    font-size: var(--vcp-testo-16);
}

.vcp-scheda-sponsor__dicitura {
    font-size: var(--vcp-testo-11);
    color: var(--vcp-colore-segnaposto);
}

.vcp-scheda-sponsor__testo {
    font-size: var(--vcp-testo-13);
    line-height: var(--vcp-interlinea-larga);
    color: var(--vcp-colore-testo-tenue);
    text-wrap: pretty;
}

.vcp-scheda-sponsor__vantaggi {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--vcp-griglia-colonna-minima)), 1fr));
    gap: var(--vcp-spazio-10);
    margin: 0;
    padding: 0;
    list-style: none;
}

.vcp-scheda-sponsor__vantaggio {
    display: flex;
    align-items: flex-start;
    gap: var(--vcp-spazio-12);
    padding: var(--vcp-spazio-14);
    border-radius: var(--vcp-raggio-14);
    background: var(--vcp-colore-superficie-riquadro);
}

.vcp-scheda-sponsor__vantaggio-icona {
    display: flex;
    flex: none;
    justify-content: center;
    width: var(--vcp-spazio-18);
    margin-top: var(--vcp-spazio-2);
    font-size: var(--vcp-testo-15);
    color: var(--vcp-colore-primario);
}

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

.vcp-scheda-sponsor__vantaggio-titolo {
    font-size: var(--vcp-testo-13);
    font-weight: var(--vcp-peso-semigrassetto);
}

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

.vcp-scheda-sponsor__azioni {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vcp-spazio-8) var(--vcp-spazio-14);
}

.vcp-scheda-sponsor__stato {
    display: flex;
    align-items: center;
    gap: var(--vcp-spazio-8);
    font-size: var(--vcp-testo-13);
    font-weight: var(--vcp-peso-semigrassetto);
    color: var(--vcp-colore-successo);
}

/* Nel documento lo stato segue il pulsante, così da vuoto non lascia uno
   spazio davanti; quando ha un testo passa a sinistra. */
.vcp-scheda-sponsor__stato--visibile {
    order: -1;
}

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

.vcp-scheda-sponsor__invito {
    display: flex;
    align-items: center;
    gap: var(--vcp-spazio-8);
    height: var(--vcp-altezza-42);
    padding: 0 var(--vcp-spazio-18);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo-invito);
    border-radius: var(--vcp-raggio-pillola);
    background: var(--vcp-colore-superficie);
    font-size: var(--vcp-testo-13);
    font-weight: var(--vcp-peso-semigrassetto);
    color: var(--vcp-colore-primario);
    transition: background-color var(--vcp-durata-rapida), border-color var(--vcp-durata-rapida), color var(--vcp-durata-rapida);
}

.vcp-scheda-sponsor__invito:disabled {
    opacity: var(--vcp-opacita-disattivato);
}

.vcp-scheda-sponsor__invito-icona {
    display: flex;
    font-size: var(--vcp-testo-11);
}

.vcp-scheda-sponsor--partner .vcp-scheda-sponsor__invito {
    height: var(--vcp-altezza-46);
    padding: 0 var(--vcp-spazio-22);
    border-color: var(--vcp-colore-primario);
    background: var(--vcp-colore-primario);
    font-size: var(--vcp-testo-14);
    color: var(--vcp-colore-su-primario);
}

.vcp-scheda-sponsor--richiesto .vcp-scheda-sponsor__invito {
    height: var(--vcp-altezza-36);
    padding: 0 var(--vcp-spazio-8);
    border-color: transparent;
    background: transparent;
    font-size: var(--vcp-testo-13);
    font-weight: var(--vcp-peso-medio);
    text-decoration: underline;
    color: var(--vcp-colore-testo-secondario);
}

@media (hover: hover) {
    .vcp-scheda-sponsor__invito:enabled:hover {
        background: var(--vcp-colore-primario-tenue);
    }

    .vcp-scheda-sponsor--partner .vcp-scheda-sponsor__invito:enabled:hover {
        border-color: var(--vcp-colore-primario-attivo);
        background: var(--vcp-colore-primario-attivo);
    }

    .vcp-scheda-sponsor--richiesto .vcp-scheda-sponsor__invito:enabled:hover {
        border-color: transparent;
        background: transparent;
        color: var(--vcp-colore-testo);
    }
}

@media (min-width: 860px) {
    .vcp-scheda-sponsor__azioni {
        margin-left: var(--vcp-sponsor-rientro);
    }

    .vcp-scheda-sponsor--partner .vcp-scheda-sponsor__azioni {
        margin-left: 0;
    }
}

@media (prefers-reduced-motion: no-preference) {
    .vcp-scheda-sponsor--in-corso .vcp-scheda-sponsor__invito-icona {
        animation: vcp-scheda-sponsor-rotazione var(--vcp-durata-rotazione) linear infinite;
    }

    @keyframes vcp-scheda-sponsor-rotazione {
        to {
            transform: rotate(360deg);
        }
    }
}