#block-imagens, #block-imagens *{ margin: 0; padding: 0; box-sizing: border-box; }

        #block-imagens,
#block-imagens{
            margin: 0;
            padding: 0;
            background: #fff;
        }

        /* ── SEÇÃO ───────────────────────────────────────── */
        #block-imagens .carousel-section{
            width: 100%;
            height: 20vw;
            overflow: hidden;
            position: relative;
            background: #fff;
            cursor: grab;
            user-select: none;
        }

        #block-imagens .carousel-section.is-dragging{ cursor: grabbing; }

        /* Fade nas bordas */
        #block-imagens .carousel-section::before,
#block-imagens .carousel-section::after{
            content: '';
            position: absolute;
            top: 0;
            width: 8vw;
            height: 100%;
            z-index: 10;
            pointer-events: none;
        }
        #block-imagens .carousel-section::before{
            left: 0;
            background: linear-gradient(to right, #fff 0%, transparent 100%);
        }
        #block-imagens .carousel-section::after{
            right: 0;
            background: linear-gradient(to left, #fff 0%, transparent 100%);
        }

        /* ── TRACK ───────────────────────────────────────── */
        #block-imagens .carousel-track{
            display: flex;
            align-items: center;
            gap: 1.2vw;
            height: 100%;
            width: max-content;
            will-change: transform;
        }

        /* ── CARDS ───────────────────────────────────────── */
        #block-imagens .card{
            flex: 0 0 auto;
            border-radius: 1.2vw;
            overflow: hidden;
            position: relative;
        }

        #block-imagens .card img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            pointer-events: none;
            transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
            -webkit-user-drag: none;
        }

        #block-imagens .carousel-section:not(.is-dragging) .card:hover img{
            transform: scale(1.05);
        }

        #block-imagens .card-v{ width: 11vw;  height: 17vw; }
        #block-imagens .card-h{ width: 21vw;  height: 13vw; }

        /* ── TABLET ──────────────────────────────────────── */
        @media (max-width: 1024px){
            #block-imagens .carousel-section{ height: 34vw; }
            #block-imagens .card-v{ width: 18vw; height: 29vw; }
            #block-imagens .card-h{ width: 35vw; height: 22vw; }
            #block-imagens .carousel-track{ gap: 2vw; }
        }

        /* ── MOBILE ──────────────────────────────────────── */
        @media (max-width: 600px){
            #block-imagens .carousel-section{ height: 58vw; cursor: default; }
            #block-imagens .carousel-section::before,
#block-imagens .carousel-section::after{ width: 5vw; }
            #block-imagens .card-v{ width: 30vw; height: 50vw; }
            #block-imagens .card-h{ width: 58vw; height: 36vw; }
            #block-imagens .carousel-track{ gap: 3.5vw; }
            #block-imagens .card{ border-radius: 3vw; }
        }