/* BRUMAQ V6: exclusivo do carrossel de imagens na home. */
.hero-media-carousel .carousel-screen {
  display:block;
  min-height:0;
  padding:0;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#111;
  isolation:isolate;
}
.hero-media-carousel .carousel-track {position:relative; height:100%; width:100%; outline-offset:3px;}
.hero-media-carousel .carousel-slide {
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .5s ease, visibility .5s ease;
}
.hero-media-carousel .carousel-slide.is-current {
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}
.hero-media-carousel .carousel-slide img {
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#e5e5e5;
}
.hero-media-carousel .hero-carousel-foot {
  padding-top:17px;
  align-items:center;
  gap:12px;
}
.hero-media-carousel .carousel-info {min-width:0; flex:1;}
.hero-media-carousel .carousel-info strong {color:#fff; font-size:14px; font-weight:800;}
.hero-media-carousel .carousel-info span {color:#c1c1c1; font-size:11px;}
.hero-media-carousel .carousel-actions {display:flex; flex-direction:row; gap:8px; align-items:center; flex-shrink:0;}
.hero-media-carousel .carousel-arrow {
  display:grid; place-items:center;
  width:34px; height:34px;
  padding:0;
  color:#fff;
  background:#393a3b;
  border:1px solid #626363;
  border-radius:10px;
  font:normal 27px/1 Arial,sans-serif;
  cursor:pointer;
  transition:background .2s ease;
}
.hero-media-carousel .carousel-arrow:hover {background:#57595a;}
.hero-media-carousel .carousel-arrow:focus-visible,
.hero-media-carousel .carousel-dot:focus-visible,
.hero-media-carousel .carousel-track:focus-visible {outline:2px solid #f4f4f4; outline-offset:3px;}
.hero-media-carousel .carousel-indicators {display:flex; flex-direction:row; align-items:center; justify-content:center; gap:7px; padding:0 3px;}
.hero-media-carousel .carousel-dot {
  width:8px; height:8px;
  padding:0;
  border:0;
  border-radius:100%;
  background:#757575;
  cursor:pointer;
  transition:width .2s ease,background .2s ease;
}
.hero-media-carousel .carousel-dot.is-current {width:20px; background:#fff; border-radius:8px;}
@media(max-width:620px){
  .hero-media-carousel .hero-carousel-foot {gap:8px; flex-wrap:wrap;}
  .hero-media-carousel .carousel-info strong {font-size:13px;}
  .hero-media-carousel .carousel-info span {font-size:10px;}
  .hero-media-carousel .carousel-arrow {width:32px; height:32px;}
  .hero-media-carousel .carousel-indicators {gap:5px; padding:0;}
  .hero-media-carousel .carousel-actions {width:100%; justify-content:flex-start; margin-top:3px;}
}
@media(prefers-reduced-motion:reduce){
  .hero-media-carousel .carousel-slide,
  .hero-media-carousel .carousel-dot,
  .hero-media-carousel .carousel-arrow {transition:none!important;}
}