.bas-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:28px 0}.bas-gallery.bas-cols-1{grid-template-columns:1fr;max-width:900px;margin-left:auto;margin-right:auto}.bas-gallery.bas-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.bas-gallery.bas-cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}.bas-card{background:#111;border-radius:18px;overflow:hidden;transition:transform .35s ease,box-shadow .35s ease;color:#fff}.bas-card.bas-neon{box-shadow:0 14px 28px -12px rgba(255,0,0,.72),0 2px 0 rgba(255,40,40,.5)}.bas-card:hover{transform:translateY(-7px) scale(1.01)}.bas{width:100%}.bas__wrap{position:relative;overflow:hidden;aspect-ratio:4/3;background:#222}.bas__after,.bas__before{position:absolute;inset:0}.bas__before{width:50%;overflow:hidden;z-index:2}.bas__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}.bas__before .bas__img{width:100vw;max-width:none}.bas__label{position:absolute;top:14px;z-index:5;background:rgba(0,0,0,.72);padding:7px 11px;border-radius:999px;font:700 12px/1 sans-serif;text-transform:uppercase;letter-spacing:.06em}.bas__label--before{left:14px}.bas__label--after{right:14px}.bas__range{position:absolute;inset:0;z-index:8;width:100%;height:100%;opacity:0;cursor:ew-resize}.bas__handle{position:absolute;z-index:6;left:50%;top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.bas__handle-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e30613;color:#fff;border:3px solid #fff;font-weight:800;box-shadow:0 0 18px rgba(227,6,19,.8)}.bas-card__content{padding:18px 20px 22px}.bas-card__content h3{margin:0 0 8px;color:#fff;font-size:1.25rem}.bas-card__content p{margin:0;color:#cfcfcf;line-height:1.55}.bas-animate{opacity:0;transform:translateY(32px)}.bas-animate.bas-visible{opacity:1;transform:translateY(0);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease}.bas-animate.bas-visible:hover{transform:translateY(-7px) scale(1.01)}@media(max-width:900px){.bas-gallery,.bas-gallery.bas-cols-2,.bas-gallery.bas-cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.bas-gallery,.bas-gallery.bas-cols-2,.bas-gallery.bas-cols-6{grid-template-columns:1fr}.bas-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.bas-animate{opacity:1;transform:none}.bas-card{transition:none}}
/* v1.2.1 - drag robusto + labels sempre visiveis */
.bas__wrap{touch-action:pan-y;user-select:none;-webkit-user-select:none}
.bas__label{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:none;z-index:12;color:#fff!important;background:rgba(0,0,0,.78)!important}
.bas__label--before{left:14px!important;right:auto!important}
.bas__label--after{right:14px!important;left:auto!important}
.bas__range{z-index:10;appearance:none;-webkit-appearance:none;background:transparent;margin:0;padding:0;touch-action:pan-y}
.bas__handle{z-index:11}