/* ==========================================================================
   INTRO BLOCK - FRONTEND
   Layout: 33% label | 52% contenuto | 13% margine
   ========================================================================== */

.s4w-intro {
    width: 100%;
    padding: 96px 0;
}

.s4w-intro__grid {
    display: grid;
    grid-template-columns: 33% 52% 13%;
    gap: 0;
}

/* Colonna label (33%) */
.s4w-intro__label-col {
    padding-right: 40px;
}

.s4w-intro__label * {
    text-transform: uppercase !important;
}

/* Colonna contenuto (52%) */


.s4w-intro__title {
    margin-bottom: 24px;
}

.s4w-intro__text {
    max-width:70%;
}

/* Margine destro (13%) - vuoto */


/* ==========================================================================
   MOBILE (<=768px)
   ========================================================================== */
@media (max-width: 768px) {
    .s4w-intro {
        padding: 64px 0;
    }
.s4w-intro__text {
    max-width:100%;
}
    .s4w-intro__grid {
        display: flex;
        flex-direction: column;
        gap: 24px;
    }

    .s4w-intro__label-col {
        padding-right: 0;
    }

    .s4w-intro__spacer-col {
        display: none;
    }
}