/* Hero de motocicletas com as imagens fornecidas para desktop e celular. */
.motorrad-page .motorrad-hero { background:#13181a; }
.motorrad-slide { position:absolute; inset:0; z-index:-2; opacity:0; transition:opacity .75s ease; }
.motorrad-slide.is-active { opacity:1; }
.motorrad-slide img { width:100%; height:100%; display:block; object-fit:cover; object-position:center; }
.motorrad-hero .hero__shade { background:linear-gradient(90deg,#000c 0%,#0009 40%,#0002 100%),linear-gradient(180deg,#0005,transparent 30%,#0008); }
.motorrad-page .service-content { padding-top:28px; }
.carousel-controls { position:absolute; z-index:1; bottom:20px; left:50%; transform:translateX(-50%); width:min(84%,620px); display:flex; align-items:center; gap:12px; }
.carousel-controls[hidden] { display:none; }
.carousel-progress { display:flex; flex:1; gap:8px; min-width:0; }
.carousel-segment { flex:1; position:relative; height:44px; padding:0; border:0; background:transparent; cursor:pointer; }
.carousel-segment::before,.carousel-segment span { content:''; position:absolute; top:21px; left:0; width:100%; height:2px; background:#ffffff60; }
.carousel-segment span { background:white; transform:scaleX(0); transform-origin:left; }
.carousel-controls [data-pause] { width:44px; height:44px; display:grid; place-items:center; border:0; color:white; background:transparent; cursor:pointer; }
.carousel-controls button:focus-visible { outline:2px solid #fff; outline-offset:3px; }
.carousel-status { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
@media(max-width:820px) {
 .motorrad-page .motorrad-hero { height:100svh; min-height:740px; max-height:1100px; aspect-ratio:auto; }
 .motorrad-hero .hero__shade { background:linear-gradient(180deg,#0006,transparent 16%,#0008 38%,#000e 74%); }
 .motorrad-page .hero > .hero-copy { top:auto; bottom:110px; left:50%; transform:translateX(-50%); width:86%; }
 .motorrad-page .hero-copy h1 { font-size:clamp(32px,6vw,44px); line-height:1.18; }
 .motorrad-page .hero-copy .hero-copy__lead { font-size:18px; }
 .motorrad-page .hero-buttons { gap:12px; }
}
@media(prefers-reduced-motion:reduce) { .motorrad-slide { transition:none; } }