/* scene1/2/3 stretch to the full width of .textwrap (flex column, default align-items:stretch),
   so the centered text runs edge-to-edge with no side inset. */
.cpnt_introduce_video2 .textwrap p {
    padding: 0 160px;
}

@media (max-width:1023px) {
    .cpnt_introduce_video2 .textwrap p {
        padding: 0 60px;
    }
}

/* .deco (flex:1) and .info (fixed 31rem) sit directly against each other with no gap in the
   desktop flex-row layout (common.css never set one). Only applies here — at <=1023px the layout
   switches to display:block (stacked), where flex `gap` has no effect anyway. */
.cpnt_fullSwiperWrap .slideContent_custom {
    gap: 30px;
}

/* subTxt is pinned to the slide's bottom-left corner and collides with .info's long paragraph
   below 1400px. Flow it after decoTxt instead. Must be `relative`, not `static` — some slides use
   `.isDim`/`.isDim_target`, which needs z-index (ignored under `static`) to stay above the dim overlay. */
@media (max-width:1400px) {
    .cpnt_fullSwiperWrap .slideContent_custom .deco .subTxt {
        position: relative;
        left: auto;
        bottom: auto;
        margin-top: 0.75rem;
    }
}

/* decoTxt ("100 países" etc.) is 90px (5.625rem) at >=1024px and drops to 60px (3.75rem) only at
   <=1023px — nothing shrinks it in the 1024-1120px gap. Scoped to that gap only, so the already
   correct <=1023px value (60px) isn't touched. */
@media (min-width:1024px) and (max-width:1120px) {
    .cpnt_fullSwiperWrap .slideContent_custom .deco .decoTxt {
        font-size: 77px;
    }
}