/*
 * Vila Baco Core v0.17.6
 * Empório — carrossel cinematográfico.
 * Uma foto inteira por vez, sem contador e sem barra.
 */

.vb-emporio-carousel--cinematic{
    position:relative;
    width:100%;
    margin-top:8px;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__viewport,
.vb-emporio-carousel--cinematic .vb-emporio-carousel__track,
.vb-emporio-carousel--cinematic .vb-emporio-carousel__footer,
.vb-emporio-carousel--cinematic .vb-emporio-carousel__counter,
.vb-emporio-carousel--cinematic .vb-emporio-carousel__progress{
    display:none !important;
}

.vb-emporio-carousel__stage{
    position:relative;
    overflow:hidden;
    width:100%;
    aspect-ratio:16/9;
    border-radius:26px;
    background:
        radial-gradient(circle at 76% 22%,rgba(114,169,0,.09),transparent 28%),
        #efe8e2;
    box-shadow:0 22px 64px rgba(67,0,25,.10);
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__slide{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    min-width:0 !important;
    padding:18px !important;
    overflow:hidden !important;
    border:0 !important;
    border-radius:26px !important;
    background:transparent !important;
    box-shadow:none !important;
    opacity:0 !important;
    pointer-events:none !important;
    transform:translate3d(5%,0,0) scale(.985) !important;
    transition:
        opacity .75s cubic-bezier(.22,.61,.36,1),
        transform .9s cubic-bezier(.22,.61,.36,1) !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__slide.is-active{
    z-index:2 !important;
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translate3d(0,0,0) scale(1) !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__slide.is-leaving{
    z-index:1 !important;
    opacity:0 !important;
    transform:translate3d(-4%,0,0) scale(.99) !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__slide img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:100% !important;
    object-fit:contain !important;
    border-radius:18px !important;
    box-shadow:0 14px 42px rgba(67,0,25,.10);
    transform:scale(1.01);
    transition:transform 5.2s ease !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__slide.is-active img{
    transform:scale(1.035);
}

/* subtle vignette, without covering the photo */
.vb-emporio-carousel__stage:after{
    position:absolute;
    inset:0;
    z-index:3;
    pointer-events:none;
    border:1px solid rgba(67,0,25,.08);
    border-radius:inherit;
    box-shadow:inset 0 -70px 100px rgba(67,0,25,.025);
    content:"";
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__controls{
    position:absolute !important;
    right:22px !important;
    bottom:22px !important;
    z-index:5 !important;
    display:flex !important;
    gap:8px !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__controls button{
    display:grid !important;
    place-items:center !important;
    width:44px !important;
    height:44px !important;
    padding:0 !important;
    border:1px solid rgba(255,255,255,.68) !important;
    border-radius:50% !important;
    color:#430019 !important;
    background:rgba(255,255,255,.90) !important;
    backdrop-filter:blur(10px);
    box-shadow:0 10px 28px rgba(67,0,25,.10) !important;
    cursor:pointer !important;
    transition:.2s ease !important;
}

.vb-emporio-carousel--cinematic .vb-emporio-carousel__controls button:hover{
    color:#fff !important;
    border-color:#430019 !important;
    background:#430019 !important;
    transform:translateY(-1px);
}

.vb-emporio-carousel__hint{
    position:absolute;
    left:22px;
    bottom:24px;
    z-index:5;
    padding:8px 11px;
    border-radius:999px;
    color:#5e4f55;
    background:rgba(255,255,255,.82);
    backdrop-filter:blur(8px);
    font-size:9px;
    font-weight:600;
    letter-spacing:.4px;
    pointer-events:none;
    opacity:.88;
}

@media(max-width:900px){
    .vb-emporio-carousel__stage{
        aspect-ratio:4/3;
    }

    .vb-emporio-carousel--cinematic .vb-emporio-carousel__slide{
        padding:14px !important;
    }
}

@media(max-width:600px){
    .vb-emporio-carousel__stage{
        aspect-ratio:4/3;
        border-radius:20px;
    }

    .vb-emporio-carousel--cinematic .vb-emporio-carousel__slide{
        padding:10px !important;
        border-radius:20px !important;
    }

    .vb-emporio-carousel--cinematic .vb-emporio-carousel__slide img{
        border-radius:14px !important;
    }

    .vb-emporio-carousel--cinematic .vb-emporio-carousel__controls{
        right:14px !important;
        bottom:14px !important;
    }

    .vb-emporio-carousel--cinematic .vb-emporio-carousel__controls button{
        width:40px !important;
        height:40px !important;
    }

    .vb-emporio-carousel__hint{
        left:14px;
        bottom:16px;
        font-size:8px;
    }
}

@media(prefers-reduced-motion:reduce){
    .vb-emporio-carousel--cinematic .vb-emporio-carousel__slide,
    .vb-emporio-carousel--cinematic .vb-emporio-carousel__slide img{
        transition:none !important;
    }
}