/* Carrossel institucional: mesmas marcas, enquadramentos e animação de renditech.com.br. */
.technology-carousel {
  margin-top: 16px;
  background: #022859 url('assets/technology-carousel/faixa-tecnologias.jpg') center / cover no-repeat;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}
.technology-carousel__inner { position: relative; padding: 30px 0; }
.technology-carousel__heading {
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0 auto 20px;
  padding-inline: 24px;
  max-width: 1280px;
  color: #fff;
  font-size: 11px;
  line-height: 1.4;
  font-weight: 500;
  letter-spacing: .15em;
  text-transform: uppercase;
  text-align: center;
}
.technology-carousel__heading::before,
.technology-carousel__heading::after { content: ''; flex: 1; height: 1px; background: rgba(255,255,255,.35); }
.technology-carousel .brands__pause-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.technology-carousel .brands__pause {
  display: flex;
  align-items: center;
  position: absolute;
  right: 32px;
  top: 0;
  min-height: 26px;
  color: #fff;
  font-size: 10px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
  opacity: 0;
}
.technology-carousel:hover .brands__pause,
.technology-carousel:focus-within .brands__pause { opacity: 1; }
.technology-carousel .brands__pause-input:focus-visible + .brands__pause { outline: 2px solid #fff; outline-offset: 4px; }
.technology-carousel .brands__pause-input:checked + .brands__pause { font-weight: 700; text-decoration-style: double; }
.technology-carousel .brands__viewport { min-width: 0; overflow: hidden; }
.technology-carousel .brands__track { display: flex; width: max-content; min-width: 200%; animation: renditech-brands-scroll 40s linear infinite; }
.technology-carousel .brands__group { display: flex; flex: 1 0 auto; align-items: center; justify-content: space-around; gap: 38px; padding-right: 38px; list-style: none; }
.technology-carousel .brands__item { display: flex; flex: 0 0 162px; align-items: center; justify-content: center; height: 48px; white-space: nowrap; }
.technology-carousel .brands__item img { display: block; width: auto; height: auto; max-width: 152px; max-height: 34px; object-fit: contain; filter: grayscale(1) brightness(0) invert(.94); }
.technology-carousel .brands__item img[src$='/unifi.png'] { max-width: 100px; max-height: 48px; }
.technology-carousel .technology-carousel-nable { position: relative; display: block; width: 152px; height: 27px; overflow: hidden; }
.technology-carousel .technology-carousel-nable img { position: absolute; width: 177.26px; height: 88.63px; max-width: none; max-height: none; left: -12.56px; top: -30.9px; }
.technology-carousel .brands__item img[src$='/3cx.png'] { width: 142px; max-width: 142px; max-height: 48px; }
.technology-carousel .brands__item img[src$='/dell.png'] { width: 144px; max-width: 144px; max-height: 48px; }
.technology-carousel .brands__viewport:hover .brands__track,
.technology-carousel .brands__viewport:focus-within .brands__track,
.technology-carousel .brands__pause-input:checked ~ .brands__viewport .brands__track { animation-play-state: paused; }
@keyframes renditech-brands-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (max-width: 767px) {
  .technology-carousel__heading { font-size: 10px; gap: 12px; }
  .technology-carousel .brands__track { animation-duration: 32s; }
}
@media (prefers-reduced-motion: reduce) {
  .technology-carousel .brands__viewport { overflow-x: auto; }
  .technology-carousel .brands__track { width: max-content; min-width: 100%; animation: none; }
  .technology-carousel .brands__group { flex: 0 0 auto; flex-wrap: nowrap; gap: 16px; padding: 0 16px; }
  .technology-carousel .brands__item { flex-basis: 140px; }
  .technology-carousel .brands__group[aria-hidden='true'],
  .technology-carousel .brands__pause-input,
  .technology-carousel .brands__pause { display: none; }
}