/* css/stylecarrossel.css */
.carousel-wrapper{padding:12px 0}
.carousel{overflow:hidden;border-radius:12px}
.carousel-track{display:flex;align-items:center}
.hero-card{min-width:320px}
.carousel-btn{background:rgba(0,0,0,0.35);border:1px solid rgba(255,255,255,0.03);color:var(--text);padding:6px 10px;border-radius:8px}
.carousel-controls{display:flex;align-items:center;gap:10px;justify-content:flex-end}
@media (max-width:760px){
  .hero-card{min-width:260px}
  .wheel{width:200px;height:200px}
}