.sec-head{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 10px}
.sec-head h2{margin:0}
.sec-head .sub{color:var(--muted,#8a98a8);font-size:.95rem}

.ap-ads-carousel{position:relative;overflow:hidden;width:100%;
  border:1px solid var(--line,#1c2633);
  border-radius:14px;background:var(--panel,#0b1220);
  padding:12px 0;mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);
}

.ap-ads-carousel .track{
  display:flex;gap:12px;animation:scrollX 15s linear infinite;
}
.ap-ads-carousel:hover .track{animation-play-state:paused}

.ap-ads-carousel .slide{
  flex:0 0 auto;width:220px;border-radius:12px;overflow:hidden;
  background:#0f1520;border:1px solid #0f1c24;text-decoration:none;color:inherit;
  transition:transform .3s;
}
.ap-ads-carousel .slide:hover{transform:scale(1.05)}

.ap-ads-carousel .slide .media{position:relative;aspect-ratio:1/1}
.ap-ads-carousel .slide img{width:100%;height:100%;object-fit:cover;display:block;border-bottom:1px solid #0f1c24}

.ap-ads-carousel .slide .badge{
  position:absolute;right:8px;top:8px;width:28px;height:28px;display:grid;place-items:center;
  background:rgba(0,0,0,.55);backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.15);border-radius:50%;
}
.ap-ads-carousel .slide .caption{display:block;padding:8px 10px;font-size:.9rem;color:#cfe1ff;text-align:center}

/* animação contínua */
@keyframes scrollX{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* Responsivo */
@media (max-width:900px){
  .ap-ads-carousel .slide{width:180px;}
}
@media (max-width:600px){
  .ap-ads-carousel .slide{width:160px;}
}