.vcp-landing-agenzie {
    --vcp-landing-agenzie-sezione-spazio: var(--vcp-spazio-48);
    background: var(--vcp-colore-superficie);
    overflow-x: clip;
}

/* La parola in evidenza dei titoli ha lo stesso colore della hero anche nelle sezioni. */
.vcp-landing-agenzie .accent {
    color: var(--color-primary);
}

.vcp-landing-agenzie .accent--arancio {
    color: var(--vcp-colore-accento);
}

.vcp-landing-agenzie [id] {
    scroll-margin-top: calc(var(--vcp-altezza-navbar-sito) + var(--vcp-spazio-16));
}

.vcp-landing-agenzie__hero.vcp-hero {
    padding-inline: var(--vcp-spazio-16);
}

.vcp-landing-agenzie__hero-interno.vcp-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
    gap: var(--vcp-spazio-40);
    text-align: left;
}

.vcp-landing-agenzie__hero-testi {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--vcp-spazio-16);
    min-width: 0;
}

.vcp-landing-agenzie__occhiello {
    margin: 0;
    padding: var(--vcp-spazio-6) var(--vcp-spazio-14);
    border-radius: var(--vcp-raggio-pillola);
    background: var(--vcp-colore-primario-tenue);
    font-size: var(--vcp-testo-12);
    font-weight: var(--vcp-peso-semigrassetto);
    letter-spacing: var(--vcp-spaziatura-maiuscole-larga);
    text-transform: uppercase;
    color: var(--vcp-colore-primario);
}

.vcp-landing-agenzie__titolo-principale.vcp-hero__title {
    align-self: stretch;
    text-align: center;
}

.vcp-landing-agenzie__sottotitolo.vcp-hero__lead {
    max-width: 38rem;
}

/* Hero centrata. */
.vcp-landing-agenzie__hero--centrata .vcp-landing-agenzie__hero-testi {
    align-items: center;
    text-align: center;
}

/* Come la hero di /pubblica-annuncio: il testo sotto il titolo resta nella larghezza di hero.css. */
.vcp-landing-agenzie__hero--centrata .vcp-landing-agenzie__sottotitolo.vcp-hero__lead {
    max-width: 45rem;
}

.vcp-landing-agenzie__hero--centrata .vcp-landing-agenzie__azioni {
    justify-content: center;
}

/* Le due card dei canali dentro la hero, compatte come quelle di /pubblica-annuncio. */
.vcp-landing-agenzie__canali-hero {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-12);
    width: 100%;
    max-width: 60rem;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: left;
}

.vcp-landing-agenzie__canale-hero {
    display: flex;
    flex: 1 1 0;
    align-items: flex-start;
    gap: var(--vcp-spazio-14);
    min-width: 0;
    padding: var(--vcp-spazio-16) var(--vcp-spazio-20);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-raggio-18);
    background: var(--vcp-colore-superficie);
    box-shadow: var(--vcp-ombra-icona);
}

.vcp-landing-agenzie__canale-hero-icona {
    display: grid;
    flex: none;
    place-items: center;
    width: var(--vcp-altezza-40);
    height: var(--vcp-altezza-40);
    border-radius: var(--vcp-raggio-cerchio);
    background: var(--vcp-colore-primario-tenue);
    font-size: var(--vcp-testo-15);
    color: var(--vcp-colore-primario);
}

.vcp-landing-agenzie__canale-hero-testi {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: var(--vcp-spazio-2);
    min-width: 0;
}

.vcp-landing-agenzie__canale-hero-testi strong {
    font-size: var(--vcp-testo-15);
    font-weight: var(--vcp-peso-semigrassetto);
    line-height: var(--vcp-interlinea-stretta);
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__canale-hero-testi span {
    font-size: var(--vcp-testo-13);
    line-height: var(--vcp-interlinea);
    color: var(--vcp-colore-testo-secondario);
}

@media (min-width: 720px) {
    .vcp-landing-agenzie__canali-hero {
        flex-direction: row;
    }
}

.vcp-landing-agenzie__azioni {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--vcp-spazio-12);
    width: 100%;
}

.vcp-landing-agenzie__azione {
    display: inline-flex;
    flex: 1 1 100%;
    align-items: center;
    justify-content: center;
    min-height: var(--vcp-altezza-48);
    padding: 0 var(--vcp-spazio-24);
    border: var(--vcp-bordo-medio) solid var(--vcp-colore-bordo-campo);
    border-radius: var(--vcp-raggio-pillola);
    background: var(--vcp-colore-superficie);
    font-size: var(--vcp-testo-15);
    font-weight: var(--vcp-peso-semigrassetto);
    line-height: var(--vcp-interlinea-stretta);
    text-align: center;
    text-decoration: none;
    color: var(--vcp-colore-testo-etichetta);
    transition: background-color var(--vcp-durata-rapida), border-color var(--vcp-durata-rapida), color var(--vcp-durata-rapida);
}

.vcp-landing-agenzie__azione:hover {
    border-color: var(--vcp-colore-bordo-casella);
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__azione--accento {
    border-color: var(--vcp-colore-accento);
    background: var(--vcp-colore-accento);
    box-shadow: var(--vcp-ombra-invito-accento);
    color: var(--vcp-colore-su-primario);
}

.vcp-landing-agenzie__azione--accento:hover {
    border-color: var(--vcp-colore-accento-attivo);
    background: var(--vcp-colore-accento-attivo);
    color: var(--vcp-colore-su-primario);
}

.vcp-landing-agenzie__azione:focus-visible,
.vcp-landing-agenzie__collegamento:focus-visible {
    outline: none;
    box-shadow: var(--vcp-ombra-anello-fuoco);
}

.vcp-landing-agenzie__garanzie {
    margin: 0;
    font-size: var(--vcp-testo-13);
    font-weight: var(--vcp-peso-medio);
    color: var(--vcp-colore-testo-secondario);
}

.vcp-landing-agenzie__sezione {
    padding: var(--vcp-landing-agenzie-sezione-spazio) 0;
}

.vcp-landing-agenzie__sezione--tinta {
    background: var(--vcp-colore-sfondo);
}

.vcp-landing-agenzie__sezione--finale {
    background: linear-gradient(180deg, var(--vcp-colore-primario-velato), var(--vcp-colore-primario-tenue));
}

.vcp-landing-agenzie__cornice {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-16);
    max-width: var(--vcp-pagina-larghezza-ampia);
    margin: 0 auto;
    padding: 0 var(--vcp-spazio-16);
}

.vcp-landing-agenzie__cornice--stretta {
    max-width: var(--vcp-pagina-larghezza-massima);
}

/* Dai 26px del telefono ai 38px del desktop, in proporzione alla larghezza. */
.vcp-landing-agenzie__titolo {
    margin: 0;
    font-size: clamp(1.625rem, 1.25rem + 1.6vw, 2.375rem);
    font-weight: var(--vcp-peso-grassetto);
    line-height: var(--vcp-interlinea-stretta);
    letter-spacing: var(--vcp-spaziatura-titolo);
    text-align: center;
    text-wrap: balance;
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__testo {
    max-width: 42rem;
    margin: 0 auto;
    font-size: var(--vcp-testo-16);
    line-height: var(--vcp-interlinea-larga);
    text-align: center;
    text-wrap: pretty;
    color: var(--vcp-colore-testo-tenue);
}

/* Nei vantaggi e nei passi icona o numero stanno sulla riga del titolo e il testo prende tutta la larghezza sotto. */
.vcp-landing-agenzie__passi .vcp-landing-agenzie__passo,
.vcp-landing-agenzie__vantaggi .vcp-landing-agenzie__vantaggio {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-content: start;
    align-items: center;
    justify-items: start;
    column-gap: var(--vcp-spazio-14);
    text-align: left;
}

.vcp-landing-agenzie__passi .vcp-landing-agenzie__passo-testo,
.vcp-landing-agenzie__vantaggi .vcp-landing-agenzie__vantaggio-testo {
    grid-column: 1 / -1;
}

.vcp-landing-agenzie__titolo--sinistra,
.vcp-landing-agenzie__testo--sinistra {
    margin: 0;
    text-align: left;
}

.vcp-landing-agenzie__problema {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--vcp-spazio-24);
    align-items: center;
}

.vcp-landing-agenzie__problema-testi {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-16);
}

.vcp-landing-agenzie__punti {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-20);
    margin: 0;
    padding: var(--vcp-spazio-24);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-primario-tratteggio);
    border-radius: var(--vcp-raggio-20);
    background: linear-gradient(135deg, var(--vcp-colore-primario-velato), var(--vcp-colore-primario-tenue));
    list-style: none;
}

.vcp-landing-agenzie__punto {
    display: flex;
    align-items: flex-start;
    gap: var(--vcp-spazio-14);
}

.vcp-landing-agenzie__punto .vcp-landing-agenzie__icona {
    background: var(--vcp-colore-superficie);
    box-shadow: var(--vcp-ombra-icona);
}

.vcp-landing-agenzie__punto-titolo {
    margin: 0 0 var(--vcp-spazio-4);
    font-size: var(--vcp-testo-17);
    font-weight: var(--vcp-peso-grassetto);
    line-height: var(--vcp-interlinea-stretta);
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__punto-testo {
    margin: 0;
    font-size: var(--vcp-testo-14);
    line-height: var(--vcp-interlinea-larga);
    color: var(--vcp-colore-testo-tenue);
}

.vcp-landing-agenzie__testo-tenue {
    margin: 0;
    font-size: var(--vcp-testo-13);
    color: var(--vcp-colore-testo-secondario);
}

.vcp-landing-agenzie__canali,
.vcp-landing-agenzie__vantaggi,
.vcp-landing-agenzie__passi,
.vcp-landing-agenzie__prezzi {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--vcp-spazio-16);
    margin: var(--vcp-spazio-16) 0 0;
    padding: 0;
    list-style: none;
}

.vcp-landing-agenzie__canale,
.vcp-landing-agenzie__vantaggio,
.vcp-landing-agenzie__passo {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-10);
    padding: var(--vcp-spazio-20);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-raggio-20);
    background: var(--vcp-colore-superficie);
}

.vcp-landing-agenzie__canale-pubblico {
    display: inline-flex;
    align-items: center;
    gap: var(--vcp-spazio-8);
    margin: 0;
    font-size: var(--vcp-testo-12);
    font-weight: var(--vcp-peso-semigrassetto);
    letter-spacing: var(--vcp-spaziatura-maiuscole-larga);
    text-transform: uppercase;
    color: var(--vcp-colore-primario);
}

.vcp-landing-agenzie__canale-titolo,
.vcp-landing-agenzie__vantaggio-titolo,
.vcp-landing-agenzie__passo-titolo {
    margin: 0;
    font-size: var(--vcp-testo-19);
    font-weight: var(--vcp-peso-grassetto);
    line-height: var(--vcp-interlinea-stretta);
    letter-spacing: var(--vcp-spaziatura-stretta);
    color: var(--vcp-colore-testo);
    text-wrap: balance;
}

.vcp-landing-agenzie__vantaggio-titolo,
.vcp-landing-agenzie__passo-titolo {
    font-size: var(--vcp-testo-17);
}

.vcp-landing-agenzie__elenco {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-10);
    margin: 0;
    padding: 0;
    list-style: none;
}

.vcp-landing-agenzie__elenco > li {
    display: flex;
    align-items: baseline;
    gap: var(--vcp-spazio-10);
    font-size: var(--vcp-testo-15);
    color: var(--vcp-colore-testo-tenue);
}

.vcp-landing-agenzie__elenco > li > :first-child {
    flex: none;
    color: var(--vcp-colore-successo);
}

.vcp-landing-agenzie__icona,
.vcp-landing-agenzie__passo-numero {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    width: var(--vcp-altezza-44);
    height: var(--vcp-altezza-44);
    border-radius: var(--vcp-raggio-14);
    background: var(--vcp-colore-primario-tenue);
    font-size: var(--vcp-testo-19);
    color: var(--vcp-colore-primario);
}

.vcp-landing-agenzie__passo-numero {
    border-radius: var(--vcp-raggio-cerchio);
    background: var(--vcp-colore-primario);
    font-size: var(--vcp-testo-17);
    font-weight: var(--vcp-peso-grassetto);
    color: var(--vcp-colore-su-primario);
}

.vcp-landing-agenzie__vantaggio-testo,
.vcp-landing-agenzie__passo-testo {
    margin: 0;
    font-size: var(--vcp-testo-14);
    line-height: var(--vcp-interlinea-larga);
    color: var(--vcp-colore-testo-tenue);
    text-wrap: pretty;
}

/* Solo il calcolatore, centrato. */
.vcp-landing-agenzie__prezzi {
    align-items: start;
    width: 100%;
    max-width: 48rem;
    margin-inline: auto;
}

.vcp-landing-agenzie__calcolatore {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-16);
    padding: var(--vcp-spazio-20);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo);
    border-radius: var(--vcp-raggio-24);
    background: var(--vcp-colore-superficie);
    box-shadow: var(--vcp-ombra-rialzo);
}

.vcp-landing-agenzie__calcolatore-titolo {
    margin: 0;
    font-size: var(--vcp-testo-19);
    font-weight: var(--vcp-peso-grassetto);
    line-height: var(--vcp-interlinea-stretta);
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__stato {
    margin: 0;
    font-size: var(--vcp-testo-13);
    color: var(--vcp-colore-testo-secondario);
}

.vcp-landing-agenzie__stato:empty {
    display: none;
}

.vcp-landing-agenzie__risultato {
    display: flex;
    flex-direction: column;
    gap: var(--vcp-spazio-12);
    padding: var(--vcp-spazio-16);
    border-radius: var(--vcp-raggio-16);
    background: var(--vcp-colore-primario-velato);
    transition: opacity var(--vcp-durata);
}

.vcp-landing-agenzie__risultato--in-aggiornamento {
    opacity: var(--vcp-opacita-disattivato);
}

.vcp-landing-agenzie__riepilogo {
    margin: 0;
    font-size: var(--vcp-testo-14);
    color: var(--vcp-colore-testo-tenue);
}

.vcp-landing-agenzie__prezzo {
    font-size: var(--vcp-testo-17);
    font-weight: var(--vcp-peso-grassetto);
    color: var(--vcp-colore-primario);
}

.vcp-landing-agenzie__piani {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--vcp-spazio-8);
    margin: 0;
    padding: 0;
    list-style: none;
}

.vcp-landing-agenzie__piano {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--vcp-spazio-12);
    padding: var(--vcp-spazio-10) var(--vcp-spazio-14);
    border: var(--vcp-bordo-sottile) solid var(--vcp-colore-bordo-riquadro);
    border-radius: var(--vcp-raggio-12);
    background: var(--vcp-colore-superficie);
}

.vcp-landing-agenzie__piano-durata {
    font-size: var(--vcp-testo-14);
    font-weight: var(--vcp-peso-semigrassetto);
    color: var(--vcp-colore-testo);
}

.vcp-landing-agenzie__piano-importo {
    font-size: var(--vcp-testo-13);
    text-align: right;
    color: var(--vcp-colore-testo-secondario);
}

.vcp-landing-agenzie__calcolatore .vcp-landing-agenzie__azione {
    flex: none;
    align-self: stretch;
}

.vcp-landing-agenzie__fasce-titolo {
    padding: var(--vcp-spazio-14) var(--vcp-spazio-14) var(--vcp-spazio-6);
    text-align: left;
    caption-side: top;
}

.vcp-landing-agenzie__fasce th[scope="row"] {
    font-weight: var(--vcp-peso-normale);
}

.vcp-landing-agenzie__fasce .vcp-tabella__cella,
.vcp-landing-agenzie__fasce .vcp-tabella__intestazione {
    font-size: var(--vcp-testo-14);
}

.vcp-landing-agenzie__cella-prezzo.vcp-tabella__cella,
.vcp-landing-agenzie__cella-prezzo.vcp-tabella__intestazione {
    text-align: right;
}

.vcp-landing-agenzie__cella-prezzo.vcp-tabella__cella {
    font-weight: var(--vcp-peso-semigrassetto);
}

.vcp-landing-agenzie .vcp-faq {
    margin-top: var(--vcp-spazio-16);
}

.vcp-landing-agenzie__finale {
    align-items: center;
}

.vcp-landing-agenzie__finale .vcp-landing-agenzie__azioni {
    justify-content: center;
    margin-top: var(--vcp-spazio-8);
}

.vcp-landing-agenzie__collegamento {
    border-radius: var(--vcp-raggio-6);
    font-size: var(--vcp-testo-15);
    font-weight: var(--vcp-peso-semigrassetto);
}

@media (min-width: 576px) {
    .vcp-landing-agenzie__azione {
        flex: none;
    }

    .vcp-landing-agenzie__calcolatore .vcp-landing-agenzie__azione {
        align-self: center;
    }

    .vcp-landing-agenzie__vantaggi {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vcp-landing-agenzie__piani {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .vcp-landing-agenzie__piano {
        flex-direction: column;
        gap: var(--vcp-spazio-2);
    }

    .vcp-landing-agenzie__piano-importo {
        text-align: left;
    }
}

@media (min-width: 860px) {
    .vcp-landing-agenzie {
        --vcp-landing-agenzie-sezione-spazio: calc(var(--vcp-spazio-40) * 2);
    }

    .vcp-landing-agenzie__hero.vcp-hero {
        padding-inline: var(--vcp-spazio-32);
    }

    .vcp-landing-agenzie__hero-interno.vcp-hero__inner {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: var(--vcp-spazio-48);
    }

    .vcp-landing-agenzie__titolo-principale.vcp-hero__title {
        text-align: left;
    }

    .vcp-landing-agenzie__hero--centrata .vcp-landing-agenzie__hero-interno.vcp-hero__inner {
        grid-template-columns: minmax(0, 1fr);
    }

    .vcp-landing-agenzie__hero--centrata .vcp-landing-agenzie__titolo-principale.vcp-hero__title {
        text-align: center;
    }

    .vcp-landing-agenzie__cornice {
        gap: var(--vcp-spazio-20);
        padding: 0 var(--vcp-spazio-32);
    }

    .vcp-landing-agenzie__testo {
        font-size: var(--vcp-testo-17);
    }

    .vcp-landing-agenzie__canali {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: var(--vcp-spazio-20);
    }

    .vcp-landing-agenzie__problema {
        grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
        gap: var(--vcp-spazio-48);
    }

    .vcp-landing-agenzie__punti {
        padding: var(--vcp-spazio-32);
    }

    .vcp-landing-agenzie__canale {
        padding: var(--vcp-spazio-28);
    }

    .vcp-landing-agenzie__passi {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--vcp-spazio-20);
    }

    .vcp-landing-agenzie__prezzi {
        gap: var(--vcp-spazio-24);
    }

    .vcp-landing-agenzie__calcolatore {
        padding: var(--vcp-spazio-28);
    }
}

@media (min-width: 1100px) {
    .vcp-landing-agenzie__vantaggi {
        gap: var(--vcp-spazio-20);
    }
}