/*==========================
    BANNER SLIDER
==========================*/


.banner-slider{

    width:100%;

    height:500px;

    overflow:hidden;

    position:relative;

}



.slides{

    width:100%;

    height:100%;

    position:relative;

}



.slide{

    position:absolute;

    width:100%;

    height:100%;

    opacity:0;

    transition:opacity .8s ease;

}



.slide.active{

    opacity:1;

    z-index:2;

}



.slide img{

    width:100%;

    height:500px;

    object-fit:cover;

    display:block;

}

.slider-dots{

    position:absolute;

    bottom:20px;

    left:50%;

    transform:translateX(-50%);

    display:flex;

    gap:10px;

    z-index:5;

}



.dot{

    width:12px;

    height:12px;

    border-radius:50%;

    background:white;

    opacity:.6;

    cursor:pointer;

}



.dot.active{

    width:35px;

    border-radius:20px;

    background:#d68d52;

    opacity:1;

}

.banner-slider img{
    user-select:none;
}

/* ==========================
      RESPONSIVO MOBILE
========================== */


@media(max-width:768px){


.banner-slider{

    height:220px;

}



.slide img{

    height:220px;

    object-fit:cover;

}



.slider-dots{

    bottom:12px;

}



.dot{

    width:10px;

    height:10px;

}



.dot.active{

    width:28px;

}


}

@media(max-width:480px){


.banner-slider{

    height:180px;

}



.slide img{

    height:180px;

}


}

.banner-slider{

    touch-action:pan-y;

    cursor:grab;

}


.banner-slider:active{

    cursor:grabbing;

}

.banner-slider{

    touch-action: pan-y;

    overflow:hidden;

}


.slides{

    user-select:none;

}


.slide img{

    pointer-events:none;

}