/* ===== Banners da home (estilo Brabet: 3 por vez no desktop) ===== */
body{background-color:#0d131c}
.bn-wrap{max-width:1060px;width:calc(100% - 24px);margin:20px auto 14px;box-sizing:border-box}
.bn-viewport{overflow:hidden;border-radius:.75rem;touch-action:pan-y}
.bn-track{display:flex;gap:20px;transition:transform .5s ease;will-change:transform}
.bn-item{flex:0 0 calc((100% - 40px) / 3);aspect-ratio:340/212;border-radius:.75rem;overflow:hidden;background:#161f2c}
.bn-item img{width:100%;height:100%;object-fit:cover;display:block;user-select:none}
.bn-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.bn-dots:empty{display:none}
.bn-dot{width:8px;height:8px;border-radius:4px;background:#2a3550;cursor:pointer;transition:all .2s}
.bn-dot.active{width:22px;background:#6a55f5}
@media (max-width:900px){
    .bn-item{flex-basis:calc((100% - 20px) / 2)}
}
@media (max-width:560px){
    .bn-track{gap:12px}
    .bn-item{flex-basis:100%}
}