.bras-wrap{
	max-width:1400px;margin:40px auto;border-radius:16px;overflow:hidden;
	box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative;background:#111;

	--bras-active:#015198;
	--bras-overlay-from: rgba(0,0,0,.72);
	--bras-overlay-mid: rgba(0,0,0,.40);
}

.bras-empty{padding:20px;color:#fff;margin:0;}

.bras-main-swiper{height:550px;position:relative;}
.bras-main-swiper .swiper-slide{position:relative;}
.bras-main-media{position:absolute;inset:0;}
.bras-main-media img{width:100%;height:100%;object-fit:cover;display:block;}
.bras-noimg{position:absolute;inset:0;background:linear-gradient(135deg,#007cba,#00b894);}
.bras-mask{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.45) 55%,transparent 85%);}

.bras-main-header{position:absolute;left:60px;right:120px;bottom:0;z-index:2;padding:110px 0 120px;color:#fff;}
.bras-main-inner{max-width:78%;}
.bras-title{font-size:3.5rem;font-weight:900;line-height:1.15;margin:0 0 18px;text-shadow:3px 3px 12px rgba(0,0,0,.9);}
.bras-title a{color:#fff;text-decoration:none;display:block;}
.bras-title a:hover{color:var(--bras-active);}
.bras-meta{font-size:1.25rem;opacity:.95;font-weight:600;}

/* Fix fade */
.bras-main-swiper.swiper-fade .swiper-slide{pointer-events:none;}
.bras-main-swiper.swiper-fade .swiper-slide.swiper-slide-active{pointer-events:auto;z-index:2;}

/* ✅ Bullets: forçar direita + vertical (só ativa quando JS adiciona a classe) */
.bras-wrap .bras-main-swiper .bras-pagination.bras-pagination--clickable{
	position:absolute !important;
	right:30px !important;
	left:auto !important;
	top:50% !important;
	bottom:auto !important;
	transform:translateY(-50%) !important;
	z-index:999 !important;

	display:flex !important;
	flex-direction:column !important;
	align-items:center !important;
	gap:14px !important;

	width:auto !important;
	height:auto !important;
	margin:0 !important;
	padding:0 !important;
	text-align:initial !important;
}

.bras-wrap .bras-main-swiper .bras-pagination.bras-pagination--clickable .swiper-pagination-bullet{
	width:14px;height:14px;border-radius:50%;
	background:rgba(255,255,255,.65);
	opacity:1;
	margin:0 !important;
	transition:transform .25s ease, background .25s ease;
}

.bras-wrap .bras-main-swiper .bras-pagination.bras-pagination--clickable .swiper-pagination-bullet-active{
	background:var(--bras-active);
	transform:scale(1.35);
}

/* Controller overlay */
.bras-controller-overlay{
	position:absolute;left:0;right:0;bottom:0;z-index:3;
	padding:18px 60px 22px;
	background:linear-gradient(to top, var(--bras-overlay-from) 0%, var(--bras-overlay-mid) 55%, rgba(0,0,0,0) 100%);
}
.bras-controller-swiper{height:78px;}
.bras-controller-swiper .swiper-slide{width:280px;}
.bras-controller-swiper, .bras-controller-swiper *{pointer-events:auto;}

/* Reset botão */
.bras-wrap button.bras-ctrl-btn{
	all: unset !important;
	display:block !important;width:100% !important;cursor:pointer !important;box-sizing:border-box !important;
	-webkit-tap-highlight-color:transparent !important;
}
.bras-wrap button.bras-ctrl-btn:focus-visible{
	outline:2px solid var(--bras-active) !important;
	outline-offset:4px !important;
	border-radius:6px !important;
}

.bras-ctrl{display:flex;flex-direction:column;gap:10px;}
.bras-ctrl-line{height:3px;border-radius:3px;background:rgba(255,255,255,.85);opacity:.75;}
.bras-ctrl-title{color:#fff;font-size:1.02rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.90;}

.bras-controller-swiper .swiper-slide-thumb-active .bras-ctrl-line{background:var(--bras-active);opacity:1;transform:translateY(-1px);}
.bras-controller-swiper .swiper-slide-thumb-active .bras-ctrl-title{opacity:1;}

@media (max-width:1024px){
	.bras-main-header{left:40px;right:95px;}
	.bras-title{font-size:3rem;}
	.bras-controller-overlay{padding-left:40px;padding-right:40px;}
}
@media (max-width:768px){
	.bras-main-swiper{height:420px;}
	.bras-main-header{left:24px;right:80px;padding:70px 0 110px;}
	.bras-title{font-size:2.25rem;}
	.bras-controller-overlay{padding:14px 24px 18px;}
	.bras-controller-swiper .swiper-slide{width:240px;}
	.bras-wrap .bras-main-swiper .bras-pagination.bras-pagination--clickable{right:16px !important;gap:10px !important;}
}