.rtds-cta-banner {
    min-height: var(--spacing-36);
    border-radius: 0.75rem;
    display: grid;
}
body.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop {
    position: fixed;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    z-index: 10;
}
@media (min-width: 1024px) {
    body.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop {
        display: none;
    }
}
body.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop {
    position: fixed;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    z-index: 10;
}
@media (min-width: 1024px) {
    body.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--img-bg .rtds-primary-navigation__backdrop {
        display: none;
    }
}
.rtds-cta-banner--img-bg {
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}
:where(.rtds-cta-banner--img-bg) .rtds-cta-banner__content {
    position: relative;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
/* manage overlay */
.rtds-cta-banner--img-bg::before {
    position: absolute;
    top: var(--spacing-0);
    left: var(--spacing-0);
    height: 100%;
    width: 100%;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
    opacity: 0.5;
    --tw-content: '';
    content: var(--tw-content);
}
/* ICON BG RIGHT */
.rtds-cta-banner--bg-icon-right {
    background-position: right center;
    background-repeat: no-repeat;
}
.rtds-cta-banner--bg-sviluppo-toscana {
        background-size: 5em; 
        background-position: right bottom 3em;
        background-repeat: no-repeat;
    }
.rtds-cta-banner--max-width {
        max-width: 500px; /* o il valore che preferisci */
    }
/* Opzionale: arrotonda gli angoli quando c'è il max-width */
.rtds-cta-banner--max-width {
        border-radius: 8px; /* o il valore del tuo design system */
        overflow: hidden; /* per mantenere il background-image dentro i bordi arrotondati */
    }
/* ========================================
   VARIANTE 2-COL-TEST
   ======================================== */
body.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop {
    position: fixed;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    z-index: 10;
}
@media (min-width: 1024px) {
    body.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop {
        display: none;
    }
}
body.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop {
    position: fixed;
    right: var(--spacing-0);
    bottom: var(--spacing-0);
    left: var(--spacing-0);
    z-index: 10;
}
@media (min-width: 1024px) {
    body.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop,
    :root.rtds-cta-banner--2-col-test .rtds-primary-navigation__backdrop {
        display: none;
    }
}
.rtds-cta-banner--2-col-test {
    border-radius: 1rem;
    overflow: hidden;
    background-position: center bottom;
    background-size: auto 40%; /* o la dimensione che preferisci */
    padding-bottom: 12rem; /* spazio per l'icona */
}
/* Desktop: icona torna a destra */
@media (min-width: 1024px) {
    .rtds-cta-banner--2-col-test {
        background-position: right center;
        background-size: auto 80%;
        padding-bottom: 0;
    }
}