/* ═══════════════════════════════════════════════════════════════
   Cards: aggiunte della 1.3.35 (tutte spente di partenza). Caricato da
   page.twig solo quando una è accesa, con asset() (?v=…): blocchi.css sta
   in cache un anno senza versione e non porterebbe queste regole.
   Occhiello sopra il titolo della sezione (tutti gli stili); in «Icone
   grandi» l'icona a lato del testo, l'etichetta a pastiglia sopra il titolo
   (colore dell'icona o grigio) e la card d'invito scura col pulsante.
   ═══════════════════════════════════════════════════════════════ */
.cards-occhiello {
    margin: 0 0 .75rem;
    color: var(--color-accent, #f59e0b);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
}
/* Icona a lato: griglia a due colonne; la card d'invito resta com'è */
.card-icona-grande--lato:not(.card-icona-grande--invito) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1.25rem;
    row-gap: 0;
    align-content: start;
}
.card-icona-grande--lato:not(.card-icona-grande--invito) > * { grid-column: 2; }
/* spazio fra i testi con i margini: le righe vuote della colonna dell'icona non aggiungono spazio */
.card-icona-grande--lato:not(.card-icona-grande--invito) > :not(.card-icona-grande-icona) ~ :not(.card-icona-grande-icona):not(.card-icona-grande-link) {
    margin-top: .5rem;
}
.card-icona-grande--lato:not(.card-icona-grande--invito) > .card-icona-grande-icona {
    grid-column: 1;
    grid-row: 1 / span 6;
    margin-bottom: 0;
}
/* card senza icona: niente rientro della colonna vuota */
.card-icona-grande--lato:not(.card-icona-grande--invito):not(:has(> .card-icona-grande-icona)) { column-gap: 0; }
.cig-etichetta {
    align-self: flex-start;
    justify-self: start;
    width: fit-content;
    padding: .2rem .75rem;
    border-radius: 999px;
    background: #f1ead9;
    background: color-mix(in srgb, var(--cig-colore, #558ed5) 24%, #fff);
    color: #1f2937;
    font-size: .75rem;
    font-weight: 600;
    line-height: 1.4;
}
.cig-etichetta--neutra {
    background: #e5e7eb;
    color: #374151;
}
.card-icona-grande--invito {
    position: relative;
    overflow: hidden;
    justify-content: center;
    border-color: transparent;
    background: var(--color-primary, #1b2a57);
    color: #fff;
}
.card-icona-grande--invito .card-icona-grande-titolo {
    position: relative;
    max-width: 70%;
    font-size: clamp(1.35rem, 1.2vw + .9rem, 1.75rem);
    font-weight: 800;
    line-height: 1.15;
}
/* con l'immagine in alto a destra il titolo le lascia posto */
.card-icona-grande--invito .cig-invito-img ~ .card-icona-grande-titolo { max-width: 60%; }
.cig-invito-img {
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 34%;
    max-width: 150px;
    height: auto;
    pointer-events: none;
}
.card-icona-grande-link.cig-invito-pulsante {
    position: relative;
    align-self: flex-start;
    margin-top: 1rem;
    padding: .75rem 1.4rem;
    border-radius: .5rem;
    background: var(--cig-colore, #f59e0b);
    color: #fff;
    font-size: .95rem;
    text-decoration: none;
}
.card-icona-grande-link.cig-invito-pulsante:hover {
    filter: brightness(1.06);
    text-decoration: none;
}