.banner-img{
    width: 100%;
    aspect-ratio: 16 / 7;
    height: auto;
    object-fit: contain;
    background: #fff;
    display:block;
}
.banner-full{
    width:100vw !important;
    margin-left:calc(50% - 50vw) !important;
    margin-right:calc(50% - 50vw) !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* ====== SLIDER SIMPLE (sin p:carousel) ====== */
.banner-box{
    width:100%;
    margin:0;
    overflow:hidden;
    position:relative;
    padding-bottom:0;
}

/* pista que se desliza */
.banner-track{
    display:flex;
    width:100%;
    transition:transform 450ms ease;
    will-change:transform;
    transform:translateX(0%);
}

/* cada slide ocupa TODO el ancho */
.banner-slide{
    flex:0 0 100%;
    width:100%;
    display:block;
    text-decoration:none;
}


/* DOTS */
.banner-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:12px;
}
.banner-dot{
    width:54px;
    height:10px;
    border-radius:3px;
    background:#bdbdbd;
    border:none;
    cursor:pointer;
    padding:0;
}
.banner-dot.is-active{
    background:#E11D2E;
}