/* Direto Slider — responsivo */
.direto-slider{position:relative;margin:0 0 24px;}
.direto-slider .ds-track{
	display:grid;grid-auto-flow:column;grid-auto-columns:100%;
	overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;
	border-radius:12px;scrollbar-width:none;
}
.direto-slider .ds-track::-webkit-scrollbar{display:none;}
.direto-slider .ds-slide{position:relative;scroll-snap-align:start;height:440px;overflow:hidden;background:#1d2330;}
.direto-slider .ds-media{display:block;width:100%;height:100%;}
.direto-slider .ds-media img{width:100%;height:100%;object-fit:cover;}
.direto-slider .ds-caption{
	position:absolute;left:0;right:0;bottom:0;padding:100px 40px 34px;color:#fff;
	background:linear-gradient(to top, rgba(11,15,25,.97) 0%, rgba(11,15,25,.82) 32%, rgba(11,15,25,.35) 68%, rgba(11,15,25,0) 100%);
}
.direto-slider .ds-cat{
	display:inline-block;background:#c8553d;color:#fff;padding:5px 12px;border-radius:999px;
	font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px;
}
.direto-slider .ds-title{margin:0 0 8px;font-size:28px;line-height:1.2;color:#fff !important;}
.direto-slider .ds-title a{color:#fff !important;text-decoration:none;text-shadow:0 2px 6px rgba(0,0,0,.6);}
.direto-slider .ds-caption,
.direto-slider .ds-caption p,
.direto-slider .ds-desc{color:#fff !important;}
.direto-slider .ds-desc{margin:0;max-width:680px;font-size:15px;opacity:1;text-shadow:0 1px 4px rgba(0,0,0,.7);}
.direto-slider .ds-nav{
	position:absolute;top:50%;transform:translateY(-50%);z-index:3;
	width:46px;height:46px;border:0;border-radius:50%;cursor:pointer;
	background:rgba(255,255,255,.9);color:#1d2330;font-size:26px;line-height:1;
	box-shadow:0 4px 14px rgba(0,0,0,.2);
}
.direto-slider .ds-nav:hover{background:#fff;}
.direto-slider .ds-prev{left:14px;}
.direto-slider .ds-next{right:14px;}
.direto-slider .ds-dots{position:absolute;left:0;right:0;bottom:14px;display:flex;gap:8px;justify-content:center;z-index:3;}
.direto-slider .ds-dots button{width:10px;height:10px;border-radius:50%;border:0;background:rgba(255,255,255,.55);cursor:pointer;padding:0;}
.direto-slider .ds-dots button.active{background:#fff;}

@media (max-width:768px){
	.direto-slider .ds-slide{height:300px;}
	.direto-slider .ds-caption{padding:40px 20px 24px;}
	.direto-slider .ds-title{font-size:20px;}
	.direto-slider .ds-desc{font-size:13.5px;}
	.direto-slider .ds-nav{width:38px;height:38px;font-size:22px;}
}
