/*** AUTO-GENERATED CONTENTBUILDER CSS ***/
/*** BEGIN default style.css ***/
/* ══════════════════════════════════════════════════════════════════
 * snippet.css — ContentBuilder stylesheet
 *
 * STRUTTURA:
 *   § A — Icon fonts (global @import)
 *   § B — CB visibility utilities (body-parent — non scopabili)
 *   § C — Project global styles (font, size, tipografia, componenti)
 *   § D — wi-snippet-* classes + tipografia responsiva
 *   § E — Editor button overrides (scoped .editOverlayPage)
 *   § F — Retrocompatibilità Bootstrap + gap fix (pre-migrazione)
 *   § G — CB Native Grid + utilities (scope condiviso .snippet-cnt)
 *
 * NON importare content.css globalmente: contiene reset html/body
 * e selettori body:not(.data-editor) che impatterebbero tutta la UI.
 * ══════════════════════════════════════════════════════════════════ */

/* ════════════════════════════════════════════════════
 * § A — Icon fonts
 * ════════════════════════════════════════════════════ */
@import url("//at.alicdn.com/t/font_1467512_9s3l6gn98ew.css");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* ════════════════════════════════════════════════════
 * § B — CB visibility utilities
 * Verbatim da content.css — usano body:not(.data-editor)
 * come parent: non possono essere annidati in un scope.
 * ════════════════════════════════════════════════════ */
@media (max-width: 760px) {
    body:not(.data-editor) .xs-hidden {display:none !important}
    body.data-editor .xs-hidden {opacity:0.6}
}
@media (min-width: 761px) and (max-width: 970px) {
    body:not(.data-editor) .sm-hidden {display:none !important}
    body.data-editor .sm-hidden {opacity:0.6}
    .sm-autofit > div:not(.is-row-overlay):not(.is-row-tool):not(.is-col-tool) {
        width: 100% !important;
        flex: auto !important;
    }
}
@media (min-width: 971px) and (max-width: 1280px) {
    body:not(.data-editor) .md-hidden {display:none !important}
    body.data-editor .md-hidden {opacity:0.6}
    .md-autofit > div:not(.is-row-overlay):not(.is-row-tool):not(.is-col-tool) {
        width: 100% !important;
        flex: auto !important;
    }
}
@media (min-width: 1281px) { /* Use: body:not(.data-editor) to prevent hidden during editing */
    body:not(.data-editor) .desktop-hidden {display:none !important}
    body.data-editor .desktop-hidden {opacity:0.6}
    body:not(.data-editor) .desktop-autofit:not(.desktop-items-1):not(.desktop-items-2):not(.desktop-items-3):not(.desktop-items-4):not(.desktop-items-5):not(.desktop-items-6) > div:not(.is-row-overlay):not(.is-row-tool):not(.is-col-tool) {
        width: 100% !important;
        flex: auto !important;
    }
}

/* wrap & reverse columns */
@media (max-width: 760px) {
    .xs-items-6, .xs-items-5, .xs-items-4, .xs-items-3, .xs-items-2, .xs-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .xs-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; padding-right:15px; }
    .xs-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; min-width: unset !important; }
    /* no class (not set) = xs-items-1 */

    .xs-column-reverse { display: flex; flex-direction: column-reverse !important; }
    .xs-column-reverse.xs-items-1 { flex-direction: column-reverse !important; }
    .xs-column-reverse.xs-items-2 { flex-direction: row-reverse !important; }
    .xs-column-reverse.xs-items-3 { flex-direction: row-reverse !important; }
    .xs-column-reverse.xs-items-4 { flex-direction: row-reverse !important; }
    .xs-column-reverse.xs-items-5 { flex-direction: row-reverse !important; }
    .xs-column-reverse.xs-items-6 { flex-direction: row-reverse !important; }
}
@media (min-width: 761px) and (max-width: 970px) {
    .sm-items-6, .sm-items-5, .sm-items-4, .sm-items-3, .sm-items-2, .sm-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .sm-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .sm-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .sm-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .sm-column-reverse.sm-items-1 { flex-direction: column-reverse !important; }
}
@media (min-width: 971px) and (max-width: 1280px) {
    .md-items-6, .md-items-5, .md-items-4, .md-items-3, .md-items-2, .md-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .md-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .md-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .md-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .md-column-reverse.md-items-1 { flex-direction: column-reverse !important; }
}
@media (min-width: 1281px) {
    .desktop-items-6, .desktop-items-5, .desktop-items-4, .desktop-items-3, .desktop-items-2, .desktop-items-1 {
        display: flex !important; flex-flow: wrap; justify-content: space-between;
    }
    .desktop-items-6 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/6)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-5 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/5)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-4 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/4)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-3 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/3)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-2 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/2)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    .desktop-items-1 > div:not(.is-tool,.is-rowadd-tool,.is-row-overlay) { width: calc(100% * (1/1)) !important; max-width: unset !important; flex: 1 0 auto !important; margin: 0; padding-left: 15px;padding-right: 15px; }
    /* no class (not set) => use default (all columns in one line) */

    .desktop-column-reverse { display: flex; flex-direction: row-reverse !important; }
    .desktop-column-reverse.desktop-items-1 { flex-direction: column-reverse !important; }
}

/* ════════════════════════════════════════════════════
 * § C — Project global styles
 * Font utilities, size classes, tipografia, componenti.
 * Vengono usati anche dai template Twig frontend.
 * ════════════════════════════════════════════════════ */
.font-thin {
    font-weight: 100 !important;
}

.font-extralight {
    font-weight: 200 !important;
}

.font-light {
    font-weight: 300 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-medium {
    font-weight: 500 !important;
}

.font-semibold {
    font-weight: 600 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-extrabold {
    font-weight: 800 !important;
}

.font-black {
    font-weight: 900 !important;
}

.italic {
    font-style: italic !important;
}

.not-italic {
    font-style: normal !important;
}

.display .italic {
    font-style: italic !important;
}

.display .not-italic {
    font-style: normal !important;
}

.underline {
    -webkit-text-decoration-line: underline !important;
    text-decoration-line: underline !important;
}

.line-through {
    -webkit-text-decoration-line: line-through !important;
    text-decoration-line: line-through !important;
}

.no-underline {
    -webkit-text-decoration-line: none !important;
    text-decoration-line: none !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.lowercase {
    text-transform: lowercase !important;
}

.capitalize {
    text-transform: capitalize !important;
}

.normal-case {
    text-transform: none !important;
}

.sub,
.sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.sup {
    top: -0.3em;
    vertical-align: super;
}

.sub {
    bottom: -0.25em;
    vertical-align: sub;
}

.size-12 {
    font-size: 12px !important;
}

.size-13 {
    font-size: 13px !important;
}

.size-14 {
    font-size: 14px !important;
}

.size-15 {
    font-size: 15px !important;
}

.size-16 {
    font-size: 16px !important;
}

.size-17 {
    font-size: 17px !important;
}

.size-18 {
    font-size: 18px !important;
}

.size-19 {
    font-size: 19px !important;
}

.size-21 {
    font-size: 21px !important;
}

.size-24 {
    font-size: 24px !important;
}

.size-28 {
    font-size: 28px !important;
}

.size-32 {
    font-size: 32px !important;
}

.size-35 {
    font-size: 35px !important;
}

.size-38 {
    font-size: 38px !important;
}

.size-42 {
    font-size: 42px !important;
}

.size-46 {
    font-size: 46px !important;
}

.size-48 {
    font-size: 48px !important;
}

.size-50 {
    font-size: 50px !important;
    overflow-wrap: break-word;
}

.size-54 {
    font-size: 54px !important;
    overflow-wrap: break-word;
}

.size-60 {
    font-size: 60px !important;
    overflow-wrap: break-word;
}

.size-64 {
    font-size: 64px !important;
    overflow-wrap: break-word;
}

.size-68 {
    font-size: 68px !important;
    overflow-wrap: break-word;
}

.size-72 {
    font-size: 72px !important;
    overflow-wrap: break-word;
}

.size-76 {
    font-size: 76px !important;
    overflow-wrap: break-word;
}

.size-80 {
    font-size: 80px !important;
    overflow-wrap: break-word;
}

.size-84 {
    font-size: 84px !important;
    overflow-wrap: break-word;
}

.size-88 {
    font-size: 88px !important;
    overflow-wrap: break-word;
}

.size-92 {
    font-size: 92px !important;
    overflow-wrap: break-word;
}

.size-96 {
    font-size: 96px !important;
    overflow-wrap: break-word;
}

.size-100 {
    font-size: 100px !important;
    overflow-wrap: break-word;
}

.size-104 {
    font-size: 104px !important;
    overflow-wrap: break-word;
}

.size-108 {
    font-size: 108px !important;
    overflow-wrap: break-word;
}

.size-112 {
    font-size: 112px !important;
    overflow-wrap: break-word;
}

.size-116 {
    font-size: 116px !important;
    overflow-wrap: break-word;
}

.size-120 {
    font-size: 120px !important;
    overflow-wrap: break-word;
}

.size-124 {
    font-size: 124px !important;
    overflow-wrap: break-word;
}

.size-128 {
    font-size: 128px !important;
    overflow-wrap: break-word;
}

.size-132 {
    font-size: 132px !important;
    overflow-wrap: break-word;
}

.size-136 {
    font-size: 136px !important;
    overflow-wrap: break-word;
}

.size-140 {
    font-size: 140px !important;
    overflow-wrap: break-word;
}

.size-144 {
    font-size: 144px !important;
    overflow-wrap: break-word;
}

.size-148 {
    font-size: 148px !important;
    overflow-wrap: break-word;
}

.size-152 {
    font-size: 152px !important;
    overflow-wrap: break-word;
}

.size-156 {
    font-size: 156px !important;
    overflow-wrap: break-word;
}

.size-160 {
    font-size: 160px !important;
    overflow-wrap: break-word;
}

.size-164 {
    font-size: 164px !important;
    overflow-wrap: break-word;
}

.size-168 {
    font-size: 168px !important;
    overflow-wrap: break-word;
}

.size-172 {
    font-size: 172px !important;
    overflow-wrap: break-word;
}

.size-176 {
    font-size: 176px !important;
    overflow-wrap: break-word;
}

.size-180 {
    font-size: 180px !important;
    overflow-wrap: break-word;
}

.size-184 {
    font-size: 184px !important;
    overflow-wrap: break-word;
}

.size-188 {
    font-size: 188px !important;
    overflow-wrap: break-word;
}

.size-192 {
    font-size: 192px !important;
    overflow-wrap: break-word;
}

.size-196 {
    font-size: 196px !important;
    overflow-wrap: break-word;
}

.size-200 {
    font-size: 200px !important;
    overflow-wrap: break-word;
}

.size-204 {
    font-size: 204px !important;
    overflow-wrap: break-word;
}

.size-208 {
    font-size: 208px !important;
    overflow-wrap: break-word;
}

.size-212 {
    font-size: 212px !important;
    overflow-wrap: break-word;
}

.size-216 {
    font-size: 216px !important;
    overflow-wrap: break-word;
}

.size-220 {
    font-size: 220px !important;
    overflow-wrap: break-word;
}

.size-224 {
    font-size: 224px !important;
    overflow-wrap: break-word;
}

.size-228 {
    font-size: 228px !important;
    overflow-wrap: break-word;
}

.size-232 {
    font-size: 232px !important;
    overflow-wrap: break-word;
}

.size-236 {
    font-size: 236px !important;
    overflow-wrap: break-word;
}

.size-240 {
    font-size: 240px !important;
    overflow-wrap: break-word;
}

.size-244 {
    font-size: 244px !important;
    overflow-wrap: break-word;
}

.size-248 {
    font-size: 248px !important;
    overflow-wrap: break-word;
}

.size-252 {
    font-size: 252px !important;
    overflow-wrap: break-word;
}

.size-256 {
    font-size: 256px !important;
    overflow-wrap: break-word;
}

.size-260 {
    font-size: 260px !important;
    overflow-wrap: break-word;
}

.size-264 {
    font-size: 264px !important;
    overflow-wrap: break-word;
}

.size-268 {
    font-size: 268px !important;
    overflow-wrap: break-word;
}

.size-272 {
    font-size: 272px !important;
    overflow-wrap: break-word;
}

.size-276 {
    font-size: 276px !important;
    overflow-wrap: break-word;
}

.size-280 {
    font-size: 280px !important;
    overflow-wrap: break-word;
}

.size-284 {
    font-size: 284px !important;
    overflow-wrap: break-word;
}

.size-288 {
    font-size: 288px !important;
    overflow-wrap: break-word;
}

.size-292 {
    font-size: 292px !important;
    overflow-wrap: break-word;
}

.size-296 {
    font-size: 296px !important;
    overflow-wrap: break-word;
}

.size-300 {
    font-size: 300px !important;
    overflow-wrap: break-word;
}

.size-304 {
    font-size: 304px !important;
    overflow-wrap: break-word;
}

.size-308 {
    font-size: 308px !important;
    overflow-wrap: break-word;
}

.size-312 {
    font-size: 312px !important;
    overflow-wrap: break-word;
}

.size-316 {
    font-size: 316px !important;
    overflow-wrap: break-word;
}

.size-320 {
    font-size: 320px !important;
    overflow-wrap: break-word;
}

.size-324 {
    font-size: 324px !important;
    overflow-wrap: break-word;
}

.size-328 {
    font-size: 328px !important;
    overflow-wrap: break-word;
}

.size-332 {
    font-size: 332px !important;
    overflow-wrap: break-word;
}

.size-336 {
    font-size: 336px !important;
    overflow-wrap: break-word;
}

.size-340 {
    font-size: 340px !important;
    overflow-wrap: break-word;
}

.size-344 {
    font-size: 344px !important;
    overflow-wrap: break-word;
}

.size-348 {
    font-size: 348px !important;
    overflow-wrap: break-word;
}

.size-352 {
    font-size: 352px !important;
    overflow-wrap: break-word;
}

.size-356 {
    font-size: 356px !important;
    overflow-wrap: break-word;
}

.size-360 {
    font-size: 360px !important;
    overflow-wrap: break-word;
}

.size-364 {
    font-size: 364px !important;
    overflow-wrap: break-word;
}

.size-368 {
    font-size: 368px !important;
    overflow-wrap: break-word;
}

.size-372 {
    font-size: 372px !important;
    overflow-wrap: break-word;
}

.size-376 {
    font-size: 376px !important;
    overflow-wrap: break-word;
}

.size-380 {
    font-size: 380px !important;
    overflow-wrap: break-word;
}

.size-384 {
    font-size: 384px !important;
    overflow-wrap: break-word;
}

.size-388 {
    font-size: 388px !important;
    overflow-wrap: break-word;
}

.size-392 {
    font-size: 392px !important;
    overflow-wrap: break-word;
}

.size-396 {
    font-size: 396px !important;
    overflow-wrap: break-word;
}

.size-400 {
    font-size: 400px !important;
    overflow-wrap: break-word;
}

/* Make images easier to work with */
img,
picture {
    max-width: 100%;
    height: auto;
    display: block;
}

.display-1,
.display-2 {
    font-size: 60px;
    line-height: 1;
    font-weight: 300;
}

.h1,
.h2 {
    font-size: 38px;
    line-height: 42px;
    font-weight: 400;
}

.h3 {
    font-size: 26px;
    line-height: 31px;
    font-weight: 400;
}

.h4 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

.subtitle-1 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
}

.subtitle-2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}

.body-1 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}

.body-2 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
}

.caption {
    font-size: 12px;
    line-height: 16px;
    font-weight: 300;
}

.overline {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.8px;
}

.mb-100 {
    margin-bottom: 0;
}

.mt-48,
.mt-40 {
    margin-top: 28px !important;
}

.mt-32 {
    margin-top: 20px;
}

.mt-20 {
    margin-top: 16px;
}

.mt-16 {
    margin-top: 12px;
}

.mt-8 {
    margin-top: 8px;
}

.pt-100 {
    padding-top: 0;
}

.pt-48,
.pt-40 {
    padding-top: 28px;
}

.pt-32 {
    padding-top: 20px;
}

.pt-20 {
    padding-top: 16px;
}

.pt-16 {
    padding-top: 12px;
}

.pt-8 {
    padding-top: 8px;
}

.mb-48,
.mb-40 {
    margin-bottom: 28px;
}

.mb-32 {
    margin-bottom: 20px;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-20 {
    margin-bottom: 16px !important;
}

.mb-16 {
    margin-bottom: 12px;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.page-content img {
    max-width: 100%;
    min-width: auto;
}

.text-image-bundle {
    display: flex;
    align-items: stretch;
}

.text-image-bundle > .content {
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    background-color: #fafafa;
}

.text-image-bundle > .column:not(.content) {
    display: flex;
    padding: 0 !important;
    align-items: stretch;
}

.text-image-bundle img,
.text-image-bundle-grid img {
    object-fit: cover;
    width: 100%;
}

.text-image-bundle > .column:not(.content) img {
    display: block;
    height: 100%;
}

.brand-bundle img {
    margin: 0 auto;
    display: block;
}

.filetto-gray {
    border-bottom: thin solid #d6d6d6;
}

ul.snippet-list {
    padding: 15px 0;
}

ul.snippet-list li {
    list-style: none;
    align-items: flex-start;
    display: flex;
    margin-bottom: 12px;
}

ul.snippet-list li::before {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTIuODU1IiBoZWlnaHQ9IjExLjcxMiIgdmlld0JveD0iMCAwIDEyLjg1NSAxMS43MTIiPgogIDxkZWZzPgogICAgPGNsaXBQYXRoIGlkPSJjbGlwLXBhdGgiPgogICAgICA8cmVjdCBpZD0iUmV0dGFuZ29sb185MjA3IiBkYXRhLW5hbWU9IlJldHRhbmdvbG8gOTIwNyIgd2lkdGg9IjEyLjg1NSIgaGVpZ2h0PSIxMS43MTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiIGZpbGw9Im5vbmUiLz4KICAgIDwvY2xpcFBhdGg+CiAgPC9kZWZzPgogIDxnIGlkPSJpY29fY2hlY2siIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMCkiPgogICAgPGcgaWQ9IlJhZ2dydXBwYV8xMDYyMiIgZGF0YS1uYW1lPSJSYWdncnVwcGEgMTA2MjIiIGNsaXAtcGF0aD0idXJsKCNjbGlwLXBhdGgpIj4KICAgICAgPHBhdGggaWQ9IlRyYWNjaWF0b184NDU0IiBkYXRhLW5hbWU9IlRyYWNjaWF0byA4NDU0IiBkPSJNNC44MjMsMTEuNzEyYTEuMTE1LDEuMTE1LDAsMCwxLS43LS4yNDZMMCw4LjE3LDEuMjc1LDYuNzIsNC42MzksOS4zNywxMS4yMTYsMGwxLjYzOSwxLjA5My03LjM2NCwxMC41LS40ODUuMS0uMTcxLjAxN1oiIGZpbGw9IiMxZTdjYzEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=');
    margin-right: 10px;
    width: 16px;
    height: 16px;
}

.p-0 {
    padding: 0 !important;
}

.p-30 {
    padding: 32px 15px;
}

.p-16-om {
    padding-top: 16px;
    padding-bottom: 0px;
}

.bg-lightgray {
    background-color: #fafafa;
}

.text-white {
    color: #ffffff !important;
}

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.table-cnt {
    overflow-x: scroll;
}

.snippet-table {
    width: 100%;
    border-spacing: 0;
}

.snippet-table tr {
    height: 48px;
}

.snippet-table.slim tr {
    height: 30px;
}

.snippet-table th {
    padding-left: 15px;
    padding-right: 30px;
    text-align: left;
    border-bottom: thin solid #d6d6d6;
}

.snippet-table td {
    padding-left: 15px;
    border-bottom: thin solid #d6d6d6;
}

/* ════════════════════════════════════════════════════
 * § D — wi-snippet-v2-* classes
 * Classi specifiche dei nuovi snippet + tipografia responsiva.
 * ════════════════════════════════════════════════════ */

.text-justify {
    text-align: justify;
}

.is-builder .wi-snippet-v2-26::after {
    content: ' (hidden)';
    font-size: 12px;
    color: red;
}

@media (min-width: 992px) {
    .display-1 {
        font-size: 96px;
        line-height: 100px;
    }

    .display-2 {
        font-size: 76px;
        line-height: 80px;
    }

    .h1 {
        font-size: 60px;
        line-height: 72px;
    }

    .h2 {
        font-size: 48px;
        line-height: 56px;
    }

    .h3 {
        font-size: 32px;
        line-height: 38px;
    }

    .h4 {
        font-size: 20px;
        line-height: 24px;
    }

    .subtitle-1 {
        font-size: 16px;
        line-height: 20px;
    }

    .subtitle-2 {
        font-size: 14px;
        line-height: 18px;
    }

    .body-1 {
        font-size: 16px;
        line-height: 20px;
    }

    .body-2 {
        font-size: 14px;
        line-height: 18px;
    }

    .caption {
        font-size: 12px;
        line-height: 16px;
    }

    .overline {
        font-size: 10px;
        line-height: 16px;
    }

    .mb-100 {
        margin-bottom: 100px;
    }

    .mt-48 {
        margin-top: 48px;
    }

    .mt-40 {
        margin-top: 40px !important;
    }

    .mt-32 {
        margin-top: 32px;
    }

    .mt-24 {
        margin-top: 24px;
    }

    .mt-20 {
        margin-top: 20px;
    }

    .mt-16 {
        margin-top: 16px;
    }

    .mt-8 {
        margin-top: 8px;
    }

    .pb-200 {
        padding-bottom: 200px;
    }

    .pb-100 {
        padding-bottom: 100px;
    }

    .pb-80 {
        padding-bottom: 80px;
    }

    .pb-48 {
        padding-bottom: 48px;
    }

    .pt-200 {
        padding-top: 200px;
    }

    .pt-100 {
        padding-top: 100px;
    }

    .pt-80 {
        padding-top: 80px;
    }

    .pt-48 {
        padding-top: 48px;
    }

    .pt-40 {
        padding-top: 40px;
    }

    .pt-32 {
        padding-top: 32px;
    }

    .pt-20 {
        padding-top: 20px !important;
    }

    .pt-16 {
        padding-top: 16px;
    }

    .pt-8 {
        padding-top: 8px;
    }

    .mb-48 {
        margin-bottom: 48px;
    }

    .mb-40 {
        margin-bottom: 40px;
    }

    .mb-32 {
        margin-bottom: 32px;
    }

    .mb-24 {
        margin-bottom: 24px;
    }

    .mb-20 {
        margin-bottom: 20px !important;
    }

    .mb-16 {
        margin-bottom: 16px;
    }

    .mb-8 {
        margin-bottom: 8px !important;
    }

    .p-30 {
        padding: 30px !important;
    }

    .p-16-om {
        padding-top: 0;
        padding-bottom: 0;
    }

    .snippet-table.slim tr {
        height: 30px;
    }

    .page-content img {
        max-width: 100%;
        min-width: auto;
    }

}

.wi-snippet-v2-21 {
    margin-left: 0;
    margin-right: 0;

    .snippet-fullwidth {
        position: relative;
        left: 50%;
        right: 50%;
        width: 100vw;
        max-width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .snippet-fullwidth-image {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* ════════════════════════════════════════════════════
 * § E — Editor button layout
 * Scoped a .editOverlayPage #contentarea
 * ════════════════════════════════════════════════════ */
.editOverlayPage #contentarea .button-group {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: center;
}

/* ════════════════════════════════════════════════════
 * § F — Retrocompatibilità Bootstrap + gap fix
 * Utilities per contenuti non ancora migrati a CB native grid.
 * ════════════════════════════════════════════════════ */
/* 2026-03 content-builder-responsive-utilities */

@media (min-width: 1200px) {
    /* .desktop-hidden: definita in § B con il guard body:not(.data-editor).
       Il duplicato che stava qui era privo del guard, quindi nascondeva
       l'elemento anche DENTRO l'editor (§ B in editing imposta solo
       opacity, mai display) e il redattore non poteva più recuperarlo.
       Rimosso: i breakpoint validi sono quelli nativi CB di § B. */

    /* .desktop-items-* {

        .col-*,
        .col-xs-*,
        .col-sm-*,
        .col-md-*,
        .col-lg-* {
            flex: 0 0 100%;
            max-width: 100%;
        }
    } */

    .desktop-items-1 [class*="col-"],
    .desktop-items-1 [class*="col-xs-"],
    .desktop-items-1 [class*="col-sm-"],
    .desktop-items-1 [class*="col-md-"],
    .desktop-items-1 [class*="col-lg-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .desktop-items-2 [class*="col-"],
    .desktop-items-2 [class*="col-xs-"],
    .desktop-items-2 [class*="col-sm-"],
    .desktop-items-2 [class*="col-md-"],
    .desktop-items-2 [class*="col-lg-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .desktop-items-3 [class*="col-"],
    .desktop-items-3 [class*="col-xs-"],
    .desktop-items-3 [class*="col-sm-"],
    .desktop-items-3 [class*="col-md-"],
    .desktop-items-3 [class*="col-lg-"] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .desktop-items-4 [class*="col-"],
    .desktop-items-4 [class*="col-xs-"],
    .desktop-items-4 [class*="col-sm-"],
    .desktop-items-4 [class*="col-md-"],
    .desktop-items-4 [class*="col-lg-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .desktop-items-5 [class*="col-"],
    .desktop-items-5 [class*="col-xs-"],
    .desktop-items-5 [class*="col-sm-"],
    .desktop-items-5 [class*="col-md-"],
    .desktop-items-5 [class*="col-lg-"] {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .desktop-items-6 [class*="col-"],
    .desktop-items-6 [class*="col-xs-"],
    .desktop-items-6 [class*="col-sm-"],
    .desktop-items-6 [class*="col-md-"],
    .desktop-items-6 [class*="col-lg-"] {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    /* .md-hidden: definita in § B con il guard body:not(.data-editor).
       Il duplicato che stava qui era privo del guard, quindi nascondeva
       l'elemento anche DENTRO l'editor (§ B in editing imposta solo
       opacity, mai display) e il redattore non poteva più recuperarlo.
       Rimosso: i breakpoint validi sono quelli nativi CB di § B. */

    /* .md-items-* {

        .col-*,
        .col-xs-*,
        .col-sm-*,
        .col-md-*,
        .col-lg-* {
            flex: 0 0 100%;
            max-width: 100%;
        }
    } */

    .md-items-1 [class*="col-"],
    .md-items-1 [class*="col-xs-"],
    .md-items-1 [class*="col-sm-"],
    .md-items-1 [class*="col-md-"],
    .md-items-1 [class*="col-lg-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .md-items-2 [class*="col-"],
    .md-items-2 [class*="col-xs-"],
    .md-items-2 [class*="col-sm-"],
    .md-items-2 [class*="col-md-"],
    .md-items-2 [class*="col-lg-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .md-items-3 [class*="col-"],
    .md-items-3 [class*="col-xs-"],
    .md-items-3 [class*="col-sm-"],
    .md-items-3 [class*="col-md-"],
    .md-items-3 [class*="col-lg-"] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .md-items-4 [class*="col-"],
    .md-items-4 [class*="col-xs-"],
    .md-items-4 [class*="col-sm-"],
    .md-items-4 [class*="col-md-"],
    .md-items-4 [class*="col-lg-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .md-items-5 [class*="col-"],
    .md-items-5 [class*="col-xs-"],
    .md-items-5 [class*="col-sm-"],
    .md-items-5 [class*="col-md-"],
    .md-items-5 [class*="col-lg-"] {
        flex: 0 0 20%;
        max-width: 20%;
    }


    .md-items-6 [class*="col-"],
    .md-items-6 [class*="col-xs-"],
    .md-items-6 [class*="col-sm-"],
    .md-items-6 [class*="col-md-"],
    .md-items-6 [class*="col-lg-"] {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    /* .sm-hidden: definita in § B con il guard body:not(.data-editor).
       Il duplicato che stava qui era privo del guard, quindi nascondeva
       l'elemento anche DENTRO l'editor (§ B in editing imposta solo
       opacity, mai display) e il redattore non poteva più recuperarlo.
       Rimosso: i breakpoint validi sono quelli nativi CB di § B. */

    /* .sm-items-* {

        .col-*,
        .col-xs-*,
        .col-sm-*,
        .col-md-*,
        .col-lg-* {
            flex: 0 0 100%;
            max-width: 100%;
        }
    } */

    .sm-items-1 [class*="col-"],
    .sm-items-1 [class*="col-xs-"],
    .sm-items-1 [class*="col-sm-"],
    .sm-items-1 [class*="col-md-"],
    .sm-items-1 [class*="col-lg-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .sm-items-2 [class*="col-"],
    .sm-items-2 [class*="col-xs-"],
    .sm-items-2 [class*="col-sm-"],
    .sm-items-2 [class*="col-md-"],
    .sm-items-2 [class*="col-lg-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .sm-items-3 [class*="col-"],
    .sm-items-3 [class*="col-xs-"],
    .sm-items-3 [class*="col-sm-"],
    .sm-items-3 [class*="col-md-"],
    .sm-items-3 [class*="col-lg-"] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .sm-items-4 [class*="col-"],
    .sm-items-4 [class*="col-xs-"],
    .sm-items-4 [class*="col-sm-"],
    .sm-items-4 [class*="col-md-"],
    .sm-items-4 [class*="col-lg-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .sm-items-5 [class*="col-"],
    .sm-items-5 [class*="col-xs-"],
    .sm-items-5 [class*="col-sm-"],
    .sm-items-5 [class*="col-md-"],
    .sm-items-5 [class*="col-lg-"] {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .sm-items-6 [class*="col-"],
    .sm-items-6 [class*="col-xs-"],
    .sm-items-6 [class*="col-sm-"],
    .sm-items-6 [class*="col-md-"],
    .sm-items-6 [class*="col-lg-"] {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

}

@media (max-width: 768px) {
    /* .xs-hidden: definita in § B con il guard body:not(.data-editor).
       Il duplicato che stava qui era privo del guard, quindi nascondeva
       l'elemento anche DENTRO l'editor (§ B in editing imposta solo
       opacity, mai display) e il redattore non poteva più recuperarlo.
       Rimosso: i breakpoint validi sono quelli nativi CB di § B. */

    /* .xs-items-* {

        .col-*,
        .col-xs-*,
        .col-sm-*,
        .col-md-*,
        .col-lg-* {
            flex: 0 0 100%;
            max-width: 100%;
        }
    } */

    .xs-items-1 [class*="col-"],
    .xs-items-1 [class*="col-xs-"],
    .xs-items-1 [class*="col-sm-"],
    .xs-items-1 [class*="col-md-"],
    .xs-items-1 [class*="col-lg-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .xs-items-2 [class*="col-"],
    .xs-items-2 [class*="col-xs-"],
    .xs-items-2 [class*="col-sm-"],
    .xs-items-2 [class*="col-md-"],
    .xs-items-2 [class*="col-lg-"] {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .xs-items-3 [class*="col-"],
    .xs-items-3 [class*="col-xs-"],
    .xs-items-3 [class*="col-sm-"],
    .xs-items-3 [class*="col-md-"],
    .xs-items-3 [class*="col-lg-"] {
        flex: 0 0 33.3333%;
        max-width: 33.3333%;
    }

    .xs-items-4 [class*="col-"],
    .xs-items-4 [class*="col-xs-"],
    .xs-items-4 [class*="col-sm-"],
    .xs-items-4 [class*="col-md-"],
    .xs-items-4 [class*="col-lg-"] {
        flex: 0 0 25%;
        max-width: 25%;
    }

    .xs-items-5 [class*="col-"],
    .xs-items-5 [class*="col-xs-"],
    .xs-items-5 [class*="col-sm-"],
    .xs-items-5 [class*="col-md-"],
    .xs-items-5 [class*="col-lg-"] {
        flex: 0 0 20%;
        max-width: 20%;
    }

    .xs-items-6 [class*="col-"],
    .xs-items-6 [class*="col-xs-"],
    .xs-items-6 [class*="col-sm-"],
    .xs-items-6 [class*="col-md-"],
    .xs-items-6 [class*="col-lg-"] {
        flex: 0 0 16.6667%;
        max-width: 16.6667%;
    }

    .text-image-bundle-grid {
        margin-bottom: 20px !important;
    }
}

/* xs-items-1 sm-items-2 md-items-3 desktop-items-4 */

/* ════════════════════════════════════════════════════
 * § G — CB Native Grid + utilities
 *
 * Scope selector:
 *   .snippet-cnt → editor intranet, live preview e frontend
 *
 * Source: contentbuilder/content.css (Innovastudio ContentBuilder)
 * Integration: Bootstrap usa anch'esso .row; dentro ContentBuilder i suoi
 * margini negativi devono essere neutralizzati.
 * ════════════════════════════════════════════════════ */

/* ── CB Built-in Grid ─────────────────────────────────────────── */

/*
 * L'editor non legacy usa lo stesso contenitore Bootstrap del frontend.
 * Queste regole sovrascrivono il vecchio #contentarea fisso a 1125px senza
 * modificare il foglio condiviso con la modalità legacy.
 */
.editOverlayPage {
    min-width: 0;
}

.editOverlayPage .card-body {
    padding-left: 0;
    padding-right: 0;
}

#contentarea.snippet-cnt {
    width: 100%;
    max-width: 1140px;
    line-height: 1;
}

/* Il wrapper della live preview viene generato da ContentBuilder. */
.snippet-cnt.preview {
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
}

@media (max-width: 1199px) {
    #contentarea.snippet-cnt { max-width: 960px; }
}

@media (max-width: 991px) {
    #contentarea.snippet-cnt { max-width: 720px; }
}

@media (max-width: 767px) {
    #contentarea.snippet-cnt { max-width: 540px; }
}

@media (max-width: 575px) {
    #contentarea.snippet-cnt { max-width: 100%; }
}

.snippet-cnt .column {
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

.snippet-cnt .row {
    position: relative;
    margin-left: 0;
    margin-right: 0;
}

@media (min-width: 761px) {
    .snippet-cnt .row {
        display: flex;
        margin-left: -1rem;
        margin-right: -1rem;
    }

    .snippet-cnt .column { padding-left: 1rem; padding-right: 1rem; }

    .snippet-cnt .column.full      { width: 100%; }
    .snippet-cnt .column.two-third { width: 66.7%; }
    .snippet-cnt .column.two-fourth{ width: 75%; }
    .snippet-cnt .column.two-fifth { width: 80%; }
    .snippet-cnt .column.two-sixth { width: 83.3%; }
    .snippet-cnt .column.half      { width: 50%; }
    .snippet-cnt .column.third     { width: 33.3%; }
    .snippet-cnt .column.fourth    { width: 25%; }
    .snippet-cnt .column.fifth     { width: 20%; }
    .snippet-cnt .column.sixth     { width: 16.6%; }
    .snippet-cnt .column.seventh   { width: 14.285714285714286%; }
    .snippet-cnt .column.eighth    { width: 12.5%; }
    .snippet-cnt .column.ninth     { width: 11.111111111111111%; }
    .snippet-cnt .column.tenth     { width: 10%; }
    .snippet-cnt .column.eleventh  { width: 9.090909090909091%; }
    .snippet-cnt .column.twelfth   { width: 8.333333333333333%; }
    .snippet-cnt .column.flow-opposite { float: right; }

    /* Grid annidata: compensa il padding della colonna genitore. */
    .snippet-cnt .column .row {
        gap: 2rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

/* Override Bootstrap row inside CB content. */
.snippet-cnt .row { flex-wrap: initial; }
.snippet-cnt .row > * { flex-shrink: initial; }

@media (max-width: 970px) {
    .snippet-cnt .row { flex-wrap: wrap; }

    .snippet-cnt .row[style*="gap"] { gap: 0 !important; }
}

@media all and (max-width: 760px) {
    .snippet-cnt .flow-reverse { display: flex; flex-direction: column-reverse; }

    .snippet-cnt .column,
    .snippet-cnt > div { min-width: 100%; min-height: unset !important; }
}

/* ── CB Utility classes ─────────────────────────────────────────── */

.snippet-cnt .relative { position: relative; }

.snippet-cnt .is-row-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    z-index: -1; pointer-events: none; user-select: none;
}

.snippet-cnt .spacer { width: 100%; }
.snippet-cnt .center { text-align: center; }
.snippet-cnt .right  { text-align: right; }
.snippet-cnt .left   { text-align: left; }

.snippet-cnt .img-circular {
    display: inline-block; width: 200px; height: 200px;
    position: relative; overflow: hidden; border-radius: 50%;
}
.snippet-cnt .img-circular img {
    display: inline; margin: 0 auto; height: 100%; width: auto;
    max-width: none; min-width: 100%; min-height: 100%;
}

.snippet-cnt .padding-0  { padding: 0px   !important; box-sizing: border-box; }
.snippet-cnt .padding-10 { padding: 10px  !important; box-sizing: border-box; }
.snippet-cnt .padding-20 { padding: 20px  !important; box-sizing: border-box; }
.snippet-cnt .padding-30 { padding: 30px  !important; box-sizing: border-box; }
.snippet-cnt .padding-40 { padding: 40px  !important; box-sizing: border-box; }
.snippet-cnt .padding-50 { padding: 50px  !important; box-sizing: border-box; }
.snippet-cnt .padding-60 { padding: 60px  !important; box-sizing: border-box; }

@media all and (max-width: 540px) {
    .snippet-cnt .padding-0  { padding: 0px  !important; }
    .snippet-cnt .padding-10 { padding: 5px  !important; }
    .snippet-cnt .padding-20 { padding: 10px !important; }
    .snippet-cnt .padding-30 { padding: 15px !important; }
    .snippet-cnt .padding-40 { padding: 20px !important; }
    .snippet-cnt .padding-50 { padding: 25px !important; }
    .snippet-cnt .padding-60 { padding: 30px !important; }
}

.snippet-cnt .margin-0  { margin: 0   !important; }
.snippet-cnt .margin-20 { margin: 20px !important; }
.snippet-cnt .margin-25 { margin: 25px !important; }
.snippet-cnt .margin-30 { margin: 30px !important; }
.snippet-cnt .margin-35 { margin: 35px !important; }
.snippet-cnt .margin-40 { margin: 40px !important; }

.snippet-cnt .is-card   { display: table; background-color: #fff; }
.snippet-cnt .is-card > * { display: table; }
.snippet-cnt .is-card-circle { width: 280px; height: 280px; border-radius: 500px; padding: 70px; margin: 0 auto; }
@media all and (max-width: 540px) {
    .snippet-cnt .is-card-circle { zoom: 0.7; transform: scale(0.7); }
}
.snippet-cnt .is-card-content-centered { display: table-cell; vertical-align: middle; text-align: center; }
.snippet-cnt .max-390   { max-width: 390px; margin: 0 auto; }
.snippet-cnt .box-border { box-sizing: border-box; }

.snippet-cnt .shadow-1 {
    box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.snippet-cnt .shadow-2 {
    -webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0 30px 50px rgba(0, 0, 0, 0.15);
    box-shadow:         0 30px 50px rgba(0, 0, 0, 0.15);
}
.snippet-cnt .shadow-3 {
    -webkit-box-shadow: 0 0px 100px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0 0px 100px rgba(0, 0, 0, 0.2);
    box-shadow:         0 0px 100px rgba(0, 0, 0, 0.2);
}

.snippet-cnt img.circle  { border-radius: 500px; margin-top: 0; }
.snippet-cnt img.bordered { border: #ccc 1px solid; }

.snippet-cnt .embed-responsive {
    position: relative; display: block; width: 100%; height: 0;
    padding: 0; overflow: hidden; margin-top: 1.4em; margin-bottom: 1em;
}
.snippet-cnt .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; }
.snippet-cnt .embed-responsive.embed-responsive-4by3  { padding-bottom: 75%; }
.snippet-cnt .embed-responsive iframe {
    position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0;
}

.snippet-cnt .list { position: relative; margin: 1.5em 0; box-shadow: none; }
.snippet-cnt .list > i { position: absolute; left: -3px; top: 6px; font-size: 1.7em; line-height: 1; }
.snippet-cnt .list > h2,
.snippet-cnt .list > h3 { margin: 0 0 0 50px !important; line-height: 1.2 !important; }
.snippet-cnt .list > p { margin: 5px 0 0 50px !important; }
.snippet-cnt .list.larger > i { position: absolute; left: -3px; top: 0; font-size: 1.7em; line-height: 1; }
.snippet-cnt .list.larger > h2,
.snippet-cnt .list.larger > h3 { margin: 0 0 0 70px !important; line-height: 1.2 !important; }
.snippet-cnt .list.larger > p { margin: 5px 0 0 70px !important; }

.snippet-cnt .quote { position: relative; margin: 1.5em 0; }
.snippet-cnt .quote > i { position: absolute; top: -10px; left: -7px; font-size: 2em; }
.snippet-cnt .quote > small { margin-left: 50px; opacity: 0.7; font-size: 1em; }
.snippet-cnt .quote > p { margin-left: 50px; font-size: 1.5em; }
@media all and (max-width: 540px) {
    .snippet-cnt .quote > i     { left: -15px; font-size: 1.5em; }
    .snippet-cnt .quote > small { margin-left: 20px; font-size: 1em; }
    .snippet-cnt .quote > p     { margin-left: 20px !important; font-size: 1.2em; }
}

.snippet-cnt .left .is-social   { justify-content: flex-start; }
.snippet-cnt .center .is-social { justify-content: center; }
.snippet-cnt .right .is-social  { justify-content: flex-end; }
.snippet-cnt .is-social { display: flex; gap: 2.2rem; margin: 1.2rem 0 0.8rem; }
.snippet-cnt .is-social a > i { font-size: 1.2em; }
.snippet-cnt .is-social.text-left    { justify-content: flex-start; }
.snippet-cnt .is-social.text-right   { justify-content: flex-end; }
.snippet-cnt .is-social.text-center  { justify-content: center; }
.snippet-cnt .is-social.text-justify { justify-content: space-around; }

.snippet-cnt .height-20 { height: 20px; flex: none; }
.snippet-cnt .height-40 { height: 40px; flex: none; }
.snippet-cnt .height-60 { height: 60px; flex: none; }
.snippet-cnt .height-80 { height: 80px; flex: none; }
.snippet-cnt .height-100 { height: 100px; flex: none; }
.snippet-cnt .height-120 { height: 120px; flex: none; }
.snippet-cnt .height-140 { height: 140px; flex: none; }
.snippet-cnt .height-160 { height: 160px; flex: none; }
.snippet-cnt .height-180 { height: 180px; flex: none; }
.snippet-cnt .height-200 { height: 200px; flex: none; }
.snippet-cnt .height-220 { height: 220px; flex: none; }
.snippet-cnt .height-240 { height: 240px; flex: none; }
.snippet-cnt .height-260 { height: 260px; flex: none; }
.snippet-cnt .height-280 { height: 280px; flex: none; }
.snippet-cnt .height-300 { height: 300px; flex: none; }

@media (min-width: 1921px) {
    .snippet-cnt .v2:not(.v3) .height-20 { height: 2.5vh; }
    .snippet-cnt .v2:not(.v3) .height-40 { height: 5vh; }
    .snippet-cnt .v2:not(.v3) .height-60 { height: 7.5vh; }
    .snippet-cnt .v2:not(.v3) .height-80 { height: 10vh; }
    .snippet-cnt .v2:not(.v3) .height-100 { height: 12.5vh; }
    .snippet-cnt .v2:not(.v3) .height-120 { height: 15vh; }
    .snippet-cnt .v2:not(.v3) .height-140 { height: 17.5vh; }
    .snippet-cnt .v2:not(.v3) .height-160 { height: 20vh; }
    .snippet-cnt .v2:not(.v3) .height-180 { height: 22.5vh; }
    .snippet-cnt .v2:not(.v3) .height-200 { height: 25vh; }
    .snippet-cnt .v2:not(.v3) .height-220 { height: 27.5vh; }
    .snippet-cnt .v2:not(.v3) .height-240 { height: 30vh; }
    .snippet-cnt .v2:not(.v3) .height-260 { height: 32.5vh; }
    .snippet-cnt .v2:not(.v3) .height-280 { height: 35vh; }
    .snippet-cnt .v2:not(.v3) .height-300 { height: 37.5vh; }
}
@media (max-width: 1440px) {
    .snippet-cnt .v2:not(.v3) .height-20 { height: 10px; }
    .snippet-cnt .v2:not(.v3) .height-40 { height: 20px; }
    .snippet-cnt .v2:not(.v3) .height-60 { height: 30px; }
    .snippet-cnt .v2:not(.v3) .height-80 { height: 40px; }
    .snippet-cnt .v2:not(.v3) .height-100 { height: 50px; }
    .snippet-cnt .v2:not(.v3) .height-120 { height: 60px; }
    .snippet-cnt .v2:not(.v3) .height-140 { height: 70px; }
    .snippet-cnt .v2:not(.v3) .height-160 { height: 80px; }
    .snippet-cnt .v2:not(.v3) .height-180 { height: 90px; }
    .snippet-cnt .v2:not(.v3) .height-200 { height: 100px; }
    .snippet-cnt .v2:not(.v3) .height-220 { height: 110px; }
    .snippet-cnt .v2:not(.v3) .height-240 { height: 120px; }
    .snippet-cnt .v2:not(.v3) .height-260 { height: 130px; }
    .snippet-cnt .v2:not(.v3) .height-280 { height: 140px; }
    .snippet-cnt .v2:not(.v3) .height-300 { height: 150px; }
}

@media (max-width: 760px) {
    .snippet-cnt .xs-height-20 { height: 20px !important; flex: none; }
    .snippet-cnt .xs-height-40 { height: 40px !important; flex: none; }
    .snippet-cnt .xs-height-60 { height: 60px !important; flex: none; }
    .snippet-cnt .xs-height-80 { height: 80px !important; flex: none; }
    .snippet-cnt .xs-height-100 { height: 100px !important; flex: none; }
    .snippet-cnt .xs-height-120 { height: 120px !important; flex: none; }
    .snippet-cnt .xs-height-140 { height: 140px !important; flex: none; }
    .snippet-cnt .xs-height-160 { height: 160px !important; flex: none; }
    .snippet-cnt .xs-height-180 { height: 180px !important; flex: none; }
    .snippet-cnt .xs-height-200 { height: 200px !important; flex: none; }
    .snippet-cnt .xs-height-220 { height: 220px !important; flex: none; }
    .snippet-cnt .xs-height-240 { height: 240px !important; flex: none; }
    .snippet-cnt .xs-height-260 { height: 260px !important; flex: none; }
    .snippet-cnt .xs-height-280 { height: 280px !important; flex: none; }
    .snippet-cnt .xs-height-300 { height: 300px !important; flex: none; }
}
@media (min-width: 761px) and (max-width: 970px) {
    .snippet-cnt .sm-height-20 { height: 20px !important; flex: none; }
    .snippet-cnt .sm-height-40 { height: 40px !important; flex: none; }
    .snippet-cnt .sm-height-60 { height: 60px !important; flex: none; }
    .snippet-cnt .sm-height-80 { height: 80px !important; flex: none; }
    .snippet-cnt .sm-height-100 { height: 100px !important; flex: none; }
    .snippet-cnt .sm-height-120 { height: 120px !important; flex: none; }
    .snippet-cnt .sm-height-140 { height: 140px !important; flex: none; }
    .snippet-cnt .sm-height-160 { height: 160px !important; flex: none; }
    .snippet-cnt .sm-height-180 { height: 180px !important; flex: none; }
    .snippet-cnt .sm-height-200 { height: 200px !important; flex: none; }
    .snippet-cnt .sm-height-220 { height: 220px !important; flex: none; }
    .snippet-cnt .sm-height-240 { height: 240px !important; flex: none; }
    .snippet-cnt .sm-height-260 { height: 260px !important; flex: none; }
    .snippet-cnt .sm-height-280 { height: 280px !important; flex: none; }
    .snippet-cnt .sm-height-300 { height: 300px !important; flex: none; }
}
@media (min-width: 971px) and (max-width: 1280px) {
    .snippet-cnt .md-height-20 { height: 20px !important; flex: none; }
    .snippet-cnt .md-height-40 { height: 40px !important; flex: none; }
    .snippet-cnt .md-height-60 { height: 60px !important; flex: none; }
    .snippet-cnt .md-height-80 { height: 80px !important; flex: none; }
    .snippet-cnt .md-height-100 { height: 100px !important; flex: none; }
    .snippet-cnt .md-height-120 { height: 120px !important; flex: none; }
    .snippet-cnt .md-height-140 { height: 140px !important; flex: none; }
    .snippet-cnt .md-height-160 { height: 160px !important; flex: none; }
    .snippet-cnt .md-height-180 { height: 180px !important; flex: none; }
    .snippet-cnt .md-height-200 { height: 200px !important; flex: none; }
    .snippet-cnt .md-height-220 { height: 220px !important; flex: none; }
    .snippet-cnt .md-height-240 { height: 240px !important; flex: none; }
    .snippet-cnt .md-height-260 { height: 260px !important; flex: none; }
    .snippet-cnt .md-height-280 { height: 280px !important; flex: none; }
    .snippet-cnt .md-height-300 { height: 300px !important; flex: none; }
}


/* ════════════════════════════════════════════════════
 * § H — Utility dei pannelli CB (portate da content.css)
 *
 * Classi che i pannelli di ContentBuilder applicano al click e che
 * qui non esistevano: il pannello scriveva la classe sull'elemento
 * e non succedeva niente, in editor e in frontend.
 *
 *   leading-*   interlinea (Text Settings)
 *   tracking-*  spaziatura lettere (Text Settings)
 *   opacity-*   opacita'
 *   p/px/py/pt/pr/pl/pb-*   padding (anche il Button editor)
 *
 * SCOPE — le famiglie padding collidono per nome con Bootstrap 4.3.1,
 * caricato sia in intranet sia nel frontend aurora, ma con valori
 * diversi. Sono quindi scopate a .editOverlayPage #contentarea e
 * .snippet-cnt, e portano !important perche' quelle di Bootstrap ce
 * l'hanno e quelle di CB no: senza, Bootstrap vincerebbe comunque.
 * Fuori dal contenuto non cambia nulla.
 *
 * leading/tracking/opacity non esistono in Bootstrap: restano piatte,
 * come size-* e font-* in § C.
 *
 * Le regole .snippet-cnt.leading-* (contenitore) sono senza
 * !important di proposito, come upstream: cosi' la classe sul singolo
 * elemento continua a vincere su quella del contenitore.
 * ════════════════════════════════════════════════════ */

/* ── interlinea e spaziatura lettere ─────────────────────────────── */

.editOverlayPage #contentarea .tracking--50,
.snippet-cnt .tracking--50,
.editOverlayPage #contentarea .tracking-tighter,
.snippet-cnt .tracking-tighter {
    letter-spacing: -0.05em !important;
}

.editOverlayPage #contentarea .tracking--25,
.snippet-cnt .tracking--25,
.editOverlayPage #contentarea .tracking-tight,
.snippet-cnt .tracking-tight {
    letter-spacing: -0.025em !important;
}

.editOverlayPage #contentarea .tracking-0,
.snippet-cnt .tracking-0,
.editOverlayPage #contentarea .tracking-normal,
.snippet-cnt .tracking-normal {
    letter-spacing: 0em !important;
}

.editOverlayPage #contentarea .tracking-25,
.snippet-cnt .tracking-25,
.editOverlayPage #contentarea .tracking-wide,
.snippet-cnt .tracking-wide {
    letter-spacing: 0.025em !important;
}

.editOverlayPage #contentarea .tracking-50,
.snippet-cnt .tracking-50,
.editOverlayPage #contentarea .tracking-wider,
.snippet-cnt .tracking-wider {
    letter-spacing: 0.05em !important;
}

.editOverlayPage #contentarea .tracking-75,
.snippet-cnt .tracking-75 {
    letter-spacing: 0.075em !important;
}

.editOverlayPage #contentarea .tracking-100,
.snippet-cnt .tracking-100,
.editOverlayPage #contentarea .tracking-widest,
.snippet-cnt .tracking-widest {
    letter-spacing: 0.1em !important;
}

.editOverlayPage #contentarea .tracking-125,
.snippet-cnt .tracking-125 {
    letter-spacing: 0.125em !important;
}

.editOverlayPage #contentarea .tracking-150,
.snippet-cnt .tracking-150 {
    letter-spacing: 0.15em !important;
}

.editOverlayPage #contentarea .tracking-175,
.snippet-cnt .tracking-175 {
    letter-spacing: 0.175em !important;
}

.editOverlayPage #contentarea .tracking-200,
.snippet-cnt .tracking-200 {
    letter-spacing: 0.2em !important;
}

.editOverlayPage #contentarea .tracking-225,
.snippet-cnt .tracking-225 {
    letter-spacing: 0.225em !important;
}

.editOverlayPage #contentarea .tracking-250,
.snippet-cnt .tracking-250 {
    letter-spacing: 0.25em !important;
}

.editOverlayPage #contentarea .tracking-275,
.snippet-cnt .tracking-275 {
    letter-spacing: 0.275em !important;
}

.editOverlayPage #contentarea .tracking-300,
.snippet-cnt .tracking-300 {
    letter-spacing: 0.3em !important;
}

.editOverlayPage #contentarea .tracking-325,
.snippet-cnt .tracking-325 {
    letter-spacing: 0.325em !important;
}

.editOverlayPage #contentarea .tracking-350,
.snippet-cnt .tracking-350 {
    letter-spacing: 0.35em !important;
}

.editOverlayPage #contentarea .tracking-375,
.snippet-cnt .tracking-375 {
    letter-spacing: 0.375em !important;
}

.editOverlayPage #contentarea .tracking-400,
.snippet-cnt .tracking-400 {
    letter-spacing: 0.4em !important;
}

.editOverlayPage #contentarea .tracking-425,
.snippet-cnt .tracking-425 {
    letter-spacing: 0.425em !important;
}

.editOverlayPage #contentarea .tracking-450,
.snippet-cnt .tracking-450 {
    letter-spacing: 0.45em !important;
}

.editOverlayPage #contentarea .tracking-475,
.snippet-cnt .tracking-475 {
    letter-spacing: 0.475em !important;
}

.editOverlayPage #contentarea .tracking-500,
.snippet-cnt .tracking-500 {
    letter-spacing: 0.5em !important;
}

.editOverlayPage #contentarea .leading-05,
.snippet-cnt .leading-05 {
    line-height: 0.5 !important;
}

.editOverlayPage #contentarea .leading-06,
.snippet-cnt .leading-06 {
    line-height: 0.6 !important;
}

.editOverlayPage #contentarea .leading-07,
.snippet-cnt .leading-07 {
    line-height: 0.7 !important;
}

.editOverlayPage #contentarea .leading-08,
.snippet-cnt .leading-08 {
    line-height: 0.8 !important;
}

.editOverlayPage #contentarea .leading-09,
.snippet-cnt .leading-09 {
    line-height: 0.9 !important;
}

.editOverlayPage #contentarea .leading-10,
.snippet-cnt .leading-10,
.editOverlayPage #contentarea .leading-none,
.snippet-cnt .leading-none {
    line-height: 1 !important;
}

.editOverlayPage #contentarea .leading-11,
.snippet-cnt .leading-11 {
    line-height: 1.1 !important;
}

.editOverlayPage #contentarea .leading-12,
.snippet-cnt .leading-12 {
    line-height: 1.2 !important;
}

.editOverlayPage #contentarea .leading-tight,
.snippet-cnt .leading-tight {
    line-height: 1.25 !important;
}

.editOverlayPage #contentarea .leading-13,
.snippet-cnt .leading-13 {
    line-height: 1.3 !important;
}

.editOverlayPage #contentarea .leading-snug,
.snippet-cnt .leading-snug {
    line-height: 1.375 !important;
}

.editOverlayPage #contentarea .leading-14,
.snippet-cnt .leading-14 {
    line-height: 1.4 !important;
}

.editOverlayPage #contentarea .leading-15,
.snippet-cnt .leading-15,
.editOverlayPage #contentarea .leading-normal,
.snippet-cnt .leading-normal {
    line-height: 1.5 !important;
}

.editOverlayPage #contentarea .leading-16,
.snippet-cnt .leading-16 {
    line-height: 1.6 !important;
}

.editOverlayPage #contentarea .leading-relaxed,
.snippet-cnt .leading-relaxed {
    line-height: 1.625 !important;
}

.editOverlayPage #contentarea .leading-17,
.snippet-cnt .leading-17 {
    line-height: 1.7 !important;
}

.editOverlayPage #contentarea .leading-18,
.snippet-cnt .leading-18 {
    line-height: 1.8 !important;
}

.editOverlayPage #contentarea .leading-19,
.snippet-cnt .leading-19 {
    line-height: 1.9 !important;
}

.editOverlayPage #contentarea .leading-20,
.snippet-cnt .leading-20,
.editOverlayPage #contentarea .leading-loose,
.snippet-cnt .leading-loose {
    line-height: 2 !important;
}

.editOverlayPage #contentarea .leading-21,
.snippet-cnt .leading-21 {
    line-height: 2.1 !important;
}

.editOverlayPage #contentarea .leading-22,
.snippet-cnt .leading-22 {
    line-height: 2.2 !important;
}

.editOverlayPage #contentarea .leading-23,
.snippet-cnt .leading-23 {
    line-height: 2.3 !important;
}

.editOverlayPage #contentarea .leading-24,
.snippet-cnt .leading-24 {
    line-height: 2.4 !important;
}

.editOverlayPage #contentarea .leading-25,
.snippet-cnt .leading-25 {
    line-height: 2.5 !important;
}

.editOverlayPage #contentarea .leading-26,
.snippet-cnt .leading-26 {
    line-height: 2.6 !important;
}

.editOverlayPage #contentarea .leading-27,
.snippet-cnt .leading-27 {
    line-height: 2.7 !important;
}

.editOverlayPage #contentarea .leading-28,
.snippet-cnt .leading-28 {
    line-height: 2.8 !important;
}

.editOverlayPage #contentarea .leading-29,
.snippet-cnt .leading-29 {
    line-height: 2.9 !important;
}

.editOverlayPage #contentarea .leading-30,
.snippet-cnt .leading-30 {
    line-height: 3 !important;
}

.editOverlayPage #contentarea.leading-none p,
.snippet-cnt.leading-none p,
.editOverlayPage #contentarea.leading-none td,
.snippet-cnt.leading-none td,
.editOverlayPage #contentarea.leading-none li,
.snippet-cnt.leading-none li,
.editOverlayPage #contentarea.leading-none label,
.snippet-cnt.leading-none label {
    line-height: 1;
}

.editOverlayPage #contentarea.leading-none h1,
.snippet-cnt.leading-none h1,
.editOverlayPage #contentarea.leading-none h2,
.snippet-cnt.leading-none h2,
.editOverlayPage #contentarea.leading-none h3,
.snippet-cnt.leading-none h3,
.editOverlayPage #contentarea.leading-none h4,
.snippet-cnt.leading-none h4,
.editOverlayPage #contentarea.leading-none h5,
.snippet-cnt.leading-none h5,
.editOverlayPage #contentarea.leading-none h6,
.snippet-cnt.leading-none h6 {
    line-height: 1.1;
}

.editOverlayPage #contentarea.leading-11 p,
.snippet-cnt.leading-11 p,
.editOverlayPage #contentarea.leading-11 td,
.snippet-cnt.leading-11 td,
.editOverlayPage #contentarea.leading-11 li,
.snippet-cnt.leading-11 li,
.editOverlayPage #contentarea.leading-11 label,
.snippet-cnt.leading-11 label {
    line-height: 1.1;
}

.editOverlayPage #contentarea.leading-11 h1,
.snippet-cnt.leading-11 h1,
.editOverlayPage #contentarea.leading-11 h2,
.snippet-cnt.leading-11 h2,
.editOverlayPage #contentarea.leading-11 h3,
.snippet-cnt.leading-11 h3,
.editOverlayPage #contentarea.leading-11 h4,
.snippet-cnt.leading-11 h4,
.editOverlayPage #contentarea.leading-11 h5,
.snippet-cnt.leading-11 h5,
.editOverlayPage #contentarea.leading-11 h6,
.snippet-cnt.leading-11 h6 {
    line-height: 1.1;
}

.editOverlayPage #contentarea.leading-12 p,
.snippet-cnt.leading-12 p,
.editOverlayPage #contentarea.leading-12 td,
.snippet-cnt.leading-12 td,
.editOverlayPage #contentarea.leading-12 li,
.snippet-cnt.leading-12 li,
.editOverlayPage #contentarea.leading-12 label,
.snippet-cnt.leading-12 label {
    line-height: 1.2;
}

.editOverlayPage #contentarea.leading-12 h1,
.snippet-cnt.leading-12 h1,
.editOverlayPage #contentarea.leading-12 h2,
.snippet-cnt.leading-12 h2,
.editOverlayPage #contentarea.leading-12 h3,
.snippet-cnt.leading-12 h3,
.editOverlayPage #contentarea.leading-12 h4,
.snippet-cnt.leading-12 h4,
.editOverlayPage #contentarea.leading-12 h5,
.snippet-cnt.leading-12 h5,
.editOverlayPage #contentarea.leading-12 h6,
.snippet-cnt.leading-12 h6 {
    line-height: 1.1;
}

.editOverlayPage #contentarea.leading-13 p,
.snippet-cnt.leading-13 p,
.editOverlayPage #contentarea.leading-13 td,
.snippet-cnt.leading-13 td,
.editOverlayPage #contentarea.leading-13 li,
.snippet-cnt.leading-13 li,
.editOverlayPage #contentarea.leading-13 label,
.snippet-cnt.leading-13 label {
    line-height: 1.3;
}

.editOverlayPage #contentarea.leading-13 h1,
.snippet-cnt.leading-13 h1,
.editOverlayPage #contentarea.leading-13 h2,
.snippet-cnt.leading-13 h2,
.editOverlayPage #contentarea.leading-13 h3,
.snippet-cnt.leading-13 h3,
.editOverlayPage #contentarea.leading-13 h4,
.snippet-cnt.leading-13 h4,
.editOverlayPage #contentarea.leading-13 h5,
.snippet-cnt.leading-13 h5,
.editOverlayPage #contentarea.leading-13 h6,
.snippet-cnt.leading-13 h6 {
    line-height: 1.2;
}

.editOverlayPage #contentarea.leading-14 p,
.snippet-cnt.leading-14 p,
.editOverlayPage #contentarea.leading-14 td,
.snippet-cnt.leading-14 td,
.editOverlayPage #contentarea.leading-14 li,
.snippet-cnt.leading-14 li,
.editOverlayPage #contentarea.leading-14 label,
.snippet-cnt.leading-14 label {
    line-height: 1.4;
}

.editOverlayPage #contentarea.leading-14 h1,
.snippet-cnt.leading-14 h1,
.editOverlayPage #contentarea.leading-14 h2,
.snippet-cnt.leading-14 h2,
.editOverlayPage #contentarea.leading-14 h3,
.snippet-cnt.leading-14 h3,
.editOverlayPage #contentarea.leading-14 h4,
.snippet-cnt.leading-14 h4,
.editOverlayPage #contentarea.leading-14 h5,
.snippet-cnt.leading-14 h5,
.editOverlayPage #contentarea.leading-14 h6,
.snippet-cnt.leading-14 h6 {
    line-height: 1.2;
}

.editOverlayPage #contentarea.leading-16 p,
.snippet-cnt.leading-16 p,
.editOverlayPage #contentarea.leading-16 td,
.snippet-cnt.leading-16 td,
.editOverlayPage #contentarea.leading-16 li,
.snippet-cnt.leading-16 li,
.editOverlayPage #contentarea.leading-16 label,
.snippet-cnt.leading-16 label {
    line-height: 1.6;
}

.editOverlayPage #contentarea.leading-16 h1,
.snippet-cnt.leading-16 h1,
.editOverlayPage #contentarea.leading-16 h2,
.snippet-cnt.leading-16 h2,
.editOverlayPage #contentarea.leading-16 h3,
.snippet-cnt.leading-16 h3,
.editOverlayPage #contentarea.leading-16 h4,
.snippet-cnt.leading-16 h4,
.editOverlayPage #contentarea.leading-16 h5,
.snippet-cnt.leading-16 h5,
.editOverlayPage #contentarea.leading-16 h6,
.snippet-cnt.leading-16 h6 {
    line-height: 1.3;
}

.editOverlayPage #contentarea.leading-17 p,
.snippet-cnt.leading-17 p,
.editOverlayPage #contentarea.leading-17 td,
.snippet-cnt.leading-17 td,
.editOverlayPage #contentarea.leading-17 li,
.snippet-cnt.leading-17 li,
.editOverlayPage #contentarea.leading-17 label,
.snippet-cnt.leading-17 label {
    line-height: 1.7;
}

.editOverlayPage #contentarea.leading-17 h1,
.snippet-cnt.leading-17 h1,
.editOverlayPage #contentarea.leading-17 h2,
.snippet-cnt.leading-17 h2,
.editOverlayPage #contentarea.leading-17 h3,
.snippet-cnt.leading-17 h3,
.editOverlayPage #contentarea.leading-17 h4,
.snippet-cnt.leading-17 h4,
.editOverlayPage #contentarea.leading-17 h5,
.snippet-cnt.leading-17 h5,
.editOverlayPage #contentarea.leading-17 h6,
.snippet-cnt.leading-17 h6 {
    line-height: 1.3;
}

.editOverlayPage #contentarea.leading-18 p,
.snippet-cnt.leading-18 p,
.editOverlayPage #contentarea.leading-18 td,
.snippet-cnt.leading-18 td,
.editOverlayPage #contentarea.leading-18 li,
.snippet-cnt.leading-18 li,
.editOverlayPage #contentarea.leading-18 label,
.snippet-cnt.leading-18 label {
    line-height: 1.8;
}

.editOverlayPage #contentarea.leading-18 h1,
.snippet-cnt.leading-18 h1,
.editOverlayPage #contentarea.leading-18 h2,
.snippet-cnt.leading-18 h2,
.editOverlayPage #contentarea.leading-18 h3,
.snippet-cnt.leading-18 h3,
.editOverlayPage #contentarea.leading-18 h4,
.snippet-cnt.leading-18 h4,
.editOverlayPage #contentarea.leading-18 h5,
.snippet-cnt.leading-18 h5,
.editOverlayPage #contentarea.leading-18 h6,
.snippet-cnt.leading-18 h6 {
    line-height: 1.3;
}

.editOverlayPage #contentarea.leading-19 p,
.snippet-cnt.leading-19 p,
.editOverlayPage #contentarea.leading-19 td,
.snippet-cnt.leading-19 td,
.editOverlayPage #contentarea.leading-19 li,
.snippet-cnt.leading-19 li,
.editOverlayPage #contentarea.leading-19 label,
.snippet-cnt.leading-19 label {
    line-height: 1.9;
}

.editOverlayPage #contentarea.leading-19 h1,
.snippet-cnt.leading-19 h1,
.editOverlayPage #contentarea.leading-19 h2,
.snippet-cnt.leading-19 h2,
.editOverlayPage #contentarea.leading-19 h3,
.snippet-cnt.leading-19 h3,
.editOverlayPage #contentarea.leading-19 h4,
.snippet-cnt.leading-19 h4,
.editOverlayPage #contentarea.leading-19 h5,
.snippet-cnt.leading-19 h5,
.editOverlayPage #contentarea.leading-19 h6,
.snippet-cnt.leading-19 h6 {
    line-height: 1.3;
}

/* ── opacita' ────────────────────────────────────────────────────── */

.opacity-0 {
    opacity: 0 !important;
}

.opacity-2 {
    opacity: 0.02 !important;
}

.opacity-4 {
    opacity: 0.04 !important;
}

.opacity-5 {
    opacity: 0.05 !important;
}

.opacity-6 {
    opacity: 0.06 !important;
}

.opacity-8 {
    opacity: 0.08 !important;
}

.opacity-10 {
    opacity: 0.1 !important;
}

.opacity-12 {
    opacity: 0.12 !important;
}

.opacity-15 {
    opacity: 0.15 !important;
}

.opacity-20 {
    opacity: 0.2 !important;
}

.opacity-25 {
    opacity: 0.25 !important;
}

.opacity-30 {
    opacity: 0.3 !important;
}

.opacity-35 {
    opacity: 0.35 !important;
}

.opacity-40 {
    opacity: 0.4 !important;
}

.opacity-45 {
    opacity: 0.45 !important;
}

.opacity-50 {
    opacity: 0.5 !important;
}

.opacity-55 {
    opacity: 0.55 !important;
}

.opacity-60 {
    opacity: 0.6 !important;
}

.opacity-65 {
    opacity: 0.65 !important;
}

.opacity-70 {
    opacity: 0.7 !important;
}

.opacity-75 {
    opacity: 0.75 !important;
}

.opacity-80 {
    opacity: 0.8 !important;
}

.opacity-85 {
    opacity: 0.85 !important;
}

.opacity-90 {
    opacity: 0.9 !important;
}

.opacity-95 {
    opacity: 0.95 !important;
}

.opacity-100 {
    opacity: 1 !important;
}

/* ── padding (scopato + !important: collide con Bootstrap) ───────── */

.editOverlayPage #contentarea a[role=button].px-0,
.snippet-cnt a[role=button].px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.editOverlayPage #contentarea a[role=button].px-1,
.snippet-cnt a[role=button].px-1 {
    padding-left: 0.25em !important;
    padding-right: 0.25em !important;
}

.editOverlayPage #contentarea a[role=button].px-2,
.snippet-cnt a[role=button].px-2 {
    padding-left: 0.5em !important;
    padding-right: 0.5em !important;
}

.editOverlayPage #contentarea a[role=button].px-3,
.snippet-cnt a[role=button].px-3 {
    padding-left: 0.75em !important;
    padding-right: 0.75em !important;
}

.editOverlayPage #contentarea a[role=button].px-4,
.snippet-cnt a[role=button].px-4 {
    padding-left: 1em !important;
    padding-right: 1em !important;
}

.editOverlayPage #contentarea a[role=button].px-5,
.snippet-cnt a[role=button].px-5 {
    padding-left: 1.25em !important;
    padding-right: 1.25em !important;
}

.editOverlayPage #contentarea a[role=button].px-6,
.snippet-cnt a[role=button].px-6 {
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
}

.editOverlayPage #contentarea a[role=button].px-7,
.snippet-cnt a[role=button].px-7 {
    padding-left: 1.75em !important;
    padding-right: 1.75em !important;
}

.editOverlayPage #contentarea a[role=button].px-8,
.snippet-cnt a[role=button].px-8 {
    padding-left: 2em !important;
    padding-right: 2em !important;
}

.editOverlayPage #contentarea a[role=button].px-9,
.snippet-cnt a[role=button].px-9 {
    padding-left: 2.25em !important;
    padding-right: 2.25em !important;
}

.editOverlayPage #contentarea a[role=button].px-10,
.snippet-cnt a[role=button].px-10 {
    padding-left: 2.5em !important;
    padding-right: 2.5em !important;
}

.editOverlayPage #contentarea a[role=button].px-11,
.snippet-cnt a[role=button].px-11 {
    padding-left: 2.75em !important;
    padding-right: 2.75em !important;
}

.editOverlayPage #contentarea a[role=button].px-12,
.snippet-cnt a[role=button].px-12 {
    padding-left: 3em !important;
    padding-right: 3em !important;
}

.editOverlayPage #contentarea a[role=button].px-14,
.snippet-cnt a[role=button].px-14 {
    padding-left: 3.5em !important;
    padding-right: 3.5em !important;
}

.editOverlayPage #contentarea a[role=button].px-16,
.snippet-cnt a[role=button].px-16 {
    padding-left: 4em !important;
    padding-right: 4em !important;
}

.editOverlayPage #contentarea a[role=button].px-20,
.snippet-cnt a[role=button].px-20 {
    padding-left: 5em !important;
    padding-right: 5em !important;
}

.editOverlayPage #contentarea a[role=button].py-0,
.snippet-cnt a[role=button].py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.editOverlayPage #contentarea a[role=button].py-1,
.snippet-cnt a[role=button].py-1 {
    padding-top: 0.25em !important;
    padding-bottom: 0.25em !important;
}

.editOverlayPage #contentarea a[role=button].py-2,
.snippet-cnt a[role=button].py-2 {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
}

.editOverlayPage #contentarea a[role=button].py-3,
.snippet-cnt a[role=button].py-3 {
    padding-top: 0.75em !important;
    padding-bottom: 0.75em !important;
}

.editOverlayPage #contentarea a[role=button].py-4,
.snippet-cnt a[role=button].py-4 {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
}

.editOverlayPage #contentarea a[role=button].py-5,
.snippet-cnt a[role=button].py-5 {
    padding-top: 1.25em !important;
    padding-bottom: 1.25em !important;
}

.editOverlayPage #contentarea a[role=button].py-6,
.snippet-cnt a[role=button].py-6 {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.editOverlayPage #contentarea a[role=button].py-7,
.snippet-cnt a[role=button].py-7 {
    padding-top: 1.75em !important;
    padding-bottom: 1.75em !important;
}

.editOverlayPage #contentarea a[role=button].py-8,
.snippet-cnt a[role=button].py-8 {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

.editOverlayPage #contentarea a[role=button].py-9,
.snippet-cnt a[role=button].py-9 {
    padding-top: 2.25em !important;
    padding-bottom: 2.25em !important;
}

.editOverlayPage #contentarea a[role=button].py-10,
.snippet-cnt a[role=button].py-10 {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
}

.editOverlayPage #contentarea a[role=button].py-11,
.snippet-cnt a[role=button].py-11 {
    padding-top: 2.75em !important;
    padding-bottom: 2.75em !important;
}

.editOverlayPage #contentarea a[role=button].py-12,
.snippet-cnt a[role=button].py-12 {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
}

.editOverlayPage #contentarea a[role=button].py-14,
.snippet-cnt a[role=button].py-14 {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
}

.editOverlayPage #contentarea a[role=button].py-16,
.snippet-cnt a[role=button].py-16 {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
}

.editOverlayPage #contentarea a[role=button].py-20,
.snippet-cnt a[role=button].py-20 {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
}

.editOverlayPage #contentarea .p-1,
.snippet-cnt .p-1 {
    padding: 0.25rem !important;
}

.editOverlayPage #contentarea .p-2,
.snippet-cnt .p-2 {
    padding: 0.5rem !important;
}

.editOverlayPage #contentarea .p-3,
.snippet-cnt .p-3 {
    padding: 0.75rem !important;
}

.editOverlayPage #contentarea .p-4,
.snippet-cnt .p-4 {
    padding: 1rem !important;
}

.editOverlayPage #contentarea .p-5,
.snippet-cnt .p-5 {
    padding: 1.25rem !important;
}

.editOverlayPage #contentarea .p-6,
.snippet-cnt .p-6 {
    padding: 1.5rem !important;
}

.editOverlayPage #contentarea .p-7,
.snippet-cnt .p-7 {
    padding: 1.75rem !important;
}

.editOverlayPage #contentarea .p-8,
.snippet-cnt .p-8 {
    padding: 2rem !important;
}

.editOverlayPage #contentarea .p-9,
.snippet-cnt .p-9 {
    padding: 2.25rem !important;
}

.editOverlayPage #contentarea .p-10,
.snippet-cnt .p-10 {
    padding: 2.5rem !important;
}

.editOverlayPage #contentarea .p-11,
.snippet-cnt .p-11 {
    padding: 2.75rem !important;
}

.editOverlayPage #contentarea .p-12,
.snippet-cnt .p-12 {
    padding: 3rem !important;
}

.editOverlayPage #contentarea .p-14,
.snippet-cnt .p-14 {
    padding: 3.5rem !important;
}

.editOverlayPage #contentarea .p-16,
.snippet-cnt .p-16 {
    padding: 4rem !important;
}

.editOverlayPage #contentarea .p-20,
.snippet-cnt .p-20 {
    padding: 5rem !important;
}

.editOverlayPage #contentarea .px-0,
.snippet-cnt .px-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.editOverlayPage #contentarea .px-1,
.snippet-cnt .px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.editOverlayPage #contentarea .px-2,
.snippet-cnt .px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.editOverlayPage #contentarea .px-3,
.snippet-cnt .px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
}

.editOverlayPage #contentarea .px-4,
.snippet-cnt .px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}

.editOverlayPage #contentarea .px-5,
.snippet-cnt .px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
}

.editOverlayPage #contentarea .px-6,
.snippet-cnt .px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.editOverlayPage #contentarea .px-7,
.snippet-cnt .px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
}

.editOverlayPage #contentarea .px-8,
.snippet-cnt .px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

.editOverlayPage #contentarea .px-9,
.snippet-cnt .px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
}

.editOverlayPage #contentarea .px-10,
.snippet-cnt .px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
}

.editOverlayPage #contentarea .px-11,
.snippet-cnt .px-11 {
    padding-left: 2.75rem !important;
    padding-right: 2.75rem !important;
}

.editOverlayPage #contentarea .px-12,
.snippet-cnt .px-12 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
}

.editOverlayPage #contentarea .px-14,
.snippet-cnt .px-14 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
}

.editOverlayPage #contentarea .px-16,
.snippet-cnt .px-16 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}

.editOverlayPage #contentarea .px-20,
.snippet-cnt .px-20 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.editOverlayPage #contentarea .py-0,
.snippet-cnt .py-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.editOverlayPage #contentarea .py-1,
.snippet-cnt .py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
}

.editOverlayPage #contentarea .py-2,
.snippet-cnt .py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.editOverlayPage #contentarea .py-3,
.snippet-cnt .py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}

.editOverlayPage #contentarea .py-4,
.snippet-cnt .py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.editOverlayPage #contentarea .py-5,
.snippet-cnt .py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
}

.editOverlayPage #contentarea .py-6,
.snippet-cnt .py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.editOverlayPage #contentarea .py-7,
.snippet-cnt .py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
}

.editOverlayPage #contentarea .py-8,
.snippet-cnt .py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
}

.editOverlayPage #contentarea .py-9,
.snippet-cnt .py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
}

.editOverlayPage #contentarea .py-10,
.snippet-cnt .py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}

.editOverlayPage #contentarea .py-11,
.snippet-cnt .py-11 {
    padding-top: 2.75rem !important;
    padding-bottom: 2.75rem !important;
}

.editOverlayPage #contentarea .py-12,
.snippet-cnt .py-12 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.editOverlayPage #contentarea .py-14,
.snippet-cnt .py-14 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
}

.editOverlayPage #contentarea .py-16,
.snippet-cnt .py-16 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}

.editOverlayPage #contentarea .py-20,
.snippet-cnt .py-20 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.editOverlayPage #contentarea .pb-0,
.snippet-cnt .pb-0 {
    padding-bottom: 0px !important;
}

.editOverlayPage #contentarea .pb-1,
.snippet-cnt .pb-1 {
    padding-bottom: 0.25rem !important;
}

.editOverlayPage #contentarea .pb-2,
.snippet-cnt .pb-2 {
    padding-bottom: 0.5rem !important;
}

.editOverlayPage #contentarea .pb-3,
.snippet-cnt .pb-3 {
    padding-bottom: 0.75rem !important;
}

.editOverlayPage #contentarea .pb-4,
.snippet-cnt .pb-4 {
    padding-bottom: 1rem !important;
}

.editOverlayPage #contentarea .pb-5,
.snippet-cnt .pb-5 {
    padding-bottom: 1.25rem !important;
}

.editOverlayPage #contentarea .pb-6,
.snippet-cnt .pb-6 {
    padding-bottom: 1.5rem !important;
}

.editOverlayPage #contentarea .pb-7,
.snippet-cnt .pb-7 {
    padding-bottom: 1.75rem !important;
}

.editOverlayPage #contentarea .pb-8,
.snippet-cnt .pb-8 {
    padding-bottom: 2rem !important;
}

.editOverlayPage #contentarea .pb-9,
.snippet-cnt .pb-9 {
    padding-bottom: 2.25rem !important;
}

.editOverlayPage #contentarea .pb-10,
.snippet-cnt .pb-10 {
    padding-bottom: 2.5rem !important;
}

.editOverlayPage #contentarea .pb-11,
.snippet-cnt .pb-11 {
    padding-bottom: 2.75rem !important;
}

.editOverlayPage #contentarea .pb-12,
.snippet-cnt .pb-12 {
    padding-bottom: 3rem !important;
}

.editOverlayPage #contentarea .pb-14,
.snippet-cnt .pb-14 {
    padding-bottom: 3.5rem !important;
}

.editOverlayPage #contentarea .pb-16,
.snippet-cnt .pb-16 {
    padding-bottom: 4rem !important;
}

.editOverlayPage #contentarea .pb-20,
.snippet-cnt .pb-20 {
    padding-bottom: 5rem !important;
}

.editOverlayPage #contentarea .pr-0,
.snippet-cnt .pr-0 {
    padding-right: 0px !important;
}

.editOverlayPage #contentarea .pr-1,
.snippet-cnt .pr-1 {
    padding-right: 0.25rem !important;
}

.editOverlayPage #contentarea .pr-2,
.snippet-cnt .pr-2 {
    padding-right: 0.5rem !important;
}

.editOverlayPage #contentarea .pr-3,
.snippet-cnt .pr-3 {
    padding-right: 0.75rem !important;
}

.editOverlayPage #contentarea .pr-4,
.snippet-cnt .pr-4 {
    padding-right: 1rem !important;
}

.editOverlayPage #contentarea .pr-5,
.snippet-cnt .pr-5 {
    padding-right: 1.25rem !important;
}

.editOverlayPage #contentarea .pr-6,
.snippet-cnt .pr-6 {
    padding-right: 1.5rem !important;
}

.editOverlayPage #contentarea .pr-7,
.snippet-cnt .pr-7 {
    padding-right: 1.75rem !important;
}

.editOverlayPage #contentarea .pr-8,
.snippet-cnt .pr-8 {
    padding-right: 2rem !important;
}

.editOverlayPage #contentarea .pr-9,
.snippet-cnt .pr-9 {
    padding-right: 2.25rem !important;
}

.editOverlayPage #contentarea .pr-10,
.snippet-cnt .pr-10 {
    padding-right: 2.5rem !important;
}

.editOverlayPage #contentarea .pr-11,
.snippet-cnt .pr-11 {
    padding-right: 2.75rem !important;
}

.editOverlayPage #contentarea .pr-12,
.snippet-cnt .pr-12 {
    padding-right: 3rem !important;
}

.editOverlayPage #contentarea .pr-14,
.snippet-cnt .pr-14 {
    padding-right: 3.5rem !important;
}

.editOverlayPage #contentarea .pr-16,
.snippet-cnt .pr-16 {
    padding-right: 4rem !important;
}

.editOverlayPage #contentarea .pr-20,
.snippet-cnt .pr-20 {
    padding-right: 5rem !important;
}

.editOverlayPage #contentarea .pt-0,
.snippet-cnt .pt-0 {
    padding-top: 0px !important;
}

.editOverlayPage #contentarea .pt-1,
.snippet-cnt .pt-1 {
    padding-top: 0.25rem !important;
}

.editOverlayPage #contentarea .pt-2,
.snippet-cnt .pt-2 {
    padding-top: 0.5rem !important;
}

.editOverlayPage #contentarea .pt-3,
.snippet-cnt .pt-3 {
    padding-top: 0.75rem !important;
}

.editOverlayPage #contentarea .pt-4,
.snippet-cnt .pt-4 {
    padding-top: 1rem !important;
}

.editOverlayPage #contentarea .pt-5,
.snippet-cnt .pt-5 {
    padding-top: 1.25rem !important;
}

.editOverlayPage #contentarea .pt-6,
.snippet-cnt .pt-6 {
    padding-top: 1.5rem !important;
}

.editOverlayPage #contentarea .pt-7,
.snippet-cnt .pt-7 {
    padding-top: 1.75rem !important;
}

.editOverlayPage #contentarea .pt-9,
.snippet-cnt .pt-9 {
    padding-top: 2.25rem !important;
}

.editOverlayPage #contentarea .pt-10,
.snippet-cnt .pt-10 {
    padding-top: 2.5rem !important;
}

.editOverlayPage #contentarea .pt-11,
.snippet-cnt .pt-11 {
    padding-top: 2.75rem !important;
}

.editOverlayPage #contentarea .pt-12,
.snippet-cnt .pt-12 {
    padding-top: 3rem !important;
}

.editOverlayPage #contentarea .pt-14,
.snippet-cnt .pt-14 {
    padding-top: 3.5rem !important;
}

.editOverlayPage #contentarea .pl-0,
.snippet-cnt .pl-0 {
    padding-left: 0px !important;
}

.editOverlayPage #contentarea .pl-1,
.snippet-cnt .pl-1 {
    padding-left: 0.25rem !important;
}

.editOverlayPage #contentarea .pl-2,
.snippet-cnt .pl-2 {
    padding-left: 0.5rem !important;
}

.editOverlayPage #contentarea .pl-3,
.snippet-cnt .pl-3 {
    padding-left: 0.75rem !important;
}

.editOverlayPage #contentarea .pl-4,
.snippet-cnt .pl-4 {
    padding-left: 1rem !important;
}

.editOverlayPage #contentarea .pl-5,
.snippet-cnt .pl-5 {
    padding-left: 1.25rem !important;
}

.editOverlayPage #contentarea .pl-6,
.snippet-cnt .pl-6 {
    padding-left: 1.5rem !important;
}

.editOverlayPage #contentarea .pl-7,
.snippet-cnt .pl-7 {
    padding-left: 1.75rem !important;
}

.editOverlayPage #contentarea .pl-8,
.snippet-cnt .pl-8 {
    padding-left: 2rem !important;
}

.editOverlayPage #contentarea .pl-9,
.snippet-cnt .pl-9 {
    padding-left: 2.25rem !important;
}

.editOverlayPage #contentarea .pl-10,
.snippet-cnt .pl-10 {
    padding-left: 2.5rem !important;
}

.editOverlayPage #contentarea .pl-11,
.snippet-cnt .pl-11 {
    padding-left: 2.75rem !important;
}

.editOverlayPage #contentarea .pl-12,
.snippet-cnt .pl-12 {
    padding-left: 3rem !important;
}

.editOverlayPage #contentarea .pl-14,
.snippet-cnt .pl-14 {
    padding-left: 3.5rem !important;
}

.editOverlayPage #contentarea .pl-16,
.snippet-cnt .pl-16 {
    padding-left: 4rem !important;
}

.editOverlayPage #contentarea .pl-20,
.snippet-cnt .pl-20 {
    padding-left: 5rem !important;
}

/* ── size-20: l'unica mancante delle 106 ─────────────────────────── */

.size-20 {
    font-size: 20px !important;
}

/*** END default style.css ***/
/*** BEGIN 09_ul_big/style.css ***/
.wi-snippet-v2-09 {
    .list {
        margin: 0 !important;
        padding: 0;
        list-style: none;
        li {
            position: relative;
            padding-left: 33px;
            margin-bottom: 12px;

            &:last-child {
                margin-bottom: 0;
            }

            &::before {
                content: '';
                position: absolute;
                top: 0.55em;
                left: 20px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: currentColor;
            }
        }
    }
}

/*** END 09_ul_big/style.css ***/
/*** BEGIN 10_ul_small/style.css ***/
.wi-snippet-v2-10 {
    .list {
        margin: 0 !important;
        padding: 0;
        list-style: none;
        li {
            position: relative;
            padding-left: 33px;
            margin-bottom: 4px;

            &:last-child {
                margin-bottom: 0;
            }

            &::before {
                content: '';
                position: absolute;
                top: calc(0.5lh - 3px);
                left: 20px;
                width: 6px;
                height: 6px;
                border-radius: 50%;
                background: currentColor;
            }
        }
    }
}

/*** END 10_ul_small/style.css ***/
/*** BEGIN 11_expander_open/style.css ***/
.wi-snippet-v2-11 .expander-border-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
}

.wi-snippet-v2-11 .expander-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    padding-right: 32px;
    cursor: pointer;
    user-select: none;
}

.wi-snippet-v2-11 .expander-header .icon-plus,
.wi-snippet-v2-11 .expander-header .icon-minus {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.wi-snippet-v2-11 .icon-plus {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg) scale(1);
}

.wi-snippet-v2-11 .icon-minus {
    opacity: 0;
    transform: translateY(-50%) rotate(-90deg) scale(0.7);
}

.wi-snippet-v2-11 .expander-item.is-open .icon-plus {
    opacity: 0;
    transform: translateY(-50%) rotate(90deg) scale(0.7);
}

.wi-snippet-v2-11 .expander-item.is-open .icon-minus {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg) scale(1);
}

.wi-snippet-v2-11 .expander-content {
    overflow: hidden;
    transition: height 0.35s ease, opacity 0.35s ease;
}

.wi-snippet-v2-11 .expander-item.is-open .expander-body {
    display: block;
    padding: 15px 0;
}

@media (prefers-reduced-motion: reduce) {
    .wi-snippet-v2-11 .expander-content,
    .wi-snippet-v2-11 .icon-plus,
    .wi-snippet-v2-11 .icon-minus {
        transition: none;
    }
}

/*** END 11_expander_open/style.css ***/
/*** BEGIN 12_expander_closed/style.css ***/
.wi-snippet-v2-12 .expander-border-line {
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dddddd;
}

.wi-snippet-v2-12 .expander-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 50px;
    padding-right: 32px;
    cursor: pointer;
    user-select: none;
}

.wi-snippet-v2-12 .expander-header .icon-plus,
.wi-snippet-v2-12 .expander-header .icon-minus {
    position: absolute;
    top: 50%;
    right: 0;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

.wi-snippet-v2-12 .icon-plus {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg) scale(1);
}

.wi-snippet-v2-12 .icon-minus {
    opacity: 0;
    transform: translateY(-50%) rotate(-90deg) scale(0.7);
}

.wi-snippet-v2-12 .expander-item.is-open .icon-plus {
    opacity: 0;
    transform: translateY(-50%) rotate(90deg) scale(0.7);
}

.wi-snippet-v2-12 .expander-item.is-open .icon-minus {
    opacity: 1;
    transform: translateY(-50%) rotate(0deg) scale(1);
}

.wi-snippet-v2-12 .expander-content {
    overflow: hidden;
    transition: height 0.35s ease, opacity 0.35s ease;
}

.wi-snippet-v2-12 .expander-item.is-open .expander-body {
    display: block;
    padding: 15px 0;
}

@media (prefers-reduced-motion: reduce) {
    .wi-snippet-v2-12 .expander-content,
    .wi-snippet-v2-12 .icon-plus,
    .wi-snippet-v2-12 .icon-minus {
        transition: none;
    }
}

/*** END 12_expander_closed/style.css ***/
/*** BEGIN 21_img_full/style.css ***/
.wi-snippet-v2-21 {
    margin-left: 0;
    margin-right: 0;

    .snippet-fullwidth {
        position: relative;
        left: 50%;
        right: 50%;
        width: 100vw;
        max-width: 100vw;
        margin-left: -50vw;
        margin-right: -50vw;
    }

    .snippet-fullwidth-image {
        display: block;
        width: 100%;
        height: auto;
    }
}

/*** END 21_img_full/style.css ***/
/*** BEGIN 26_hr/style.css ***/
.is-builder .wi-snippet-v2-26::after {
    content: ' (hidden)';
    font-size: 12px;
    color: red;
}

/*** END 26_hr/style.css ***/