.video-container {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  position: relative;
}

.video-container video {
  height: 100%;
  width: 100%;
  object-fit: cover;
  display: block;
}

.video-content {
  position: absolute;
  top: 40vh;
  left: 3%;
  color: white;
  z-index: 10;
}

.video-content h2 {
  font-family: "Estricta Regular", sans-serif;
  font-size: 2rem;
  text-transform: uppercase;
  margin-bottom: 2rem;
}

.progress-container,
.progress-bar {
  pointer-events: auto;
}

.section--primary .section__content {
  padding-top: 200px;
}

.section__content video {
  opacity: 0;
  width: 100%;
  clip-path: polygon(
    0% 0%,
    0% 100%,
    25% 100%,
    25% 25%,
    75% 25%,
    75% 75%,
    25% 75%,
    25% 100%,
    100% 100%,
    100% 0%
  );
}

.section__content {
  margin: 0 auto;
  /* padding: 0px 40px; */
}

.section__content iframe {
  width: 100%;
  height: 100%;
}

.highlightSection {
  max-width: 1280px;
  margin: auto;
}

/* .highlightSection.container {
            overflow: visible !important;
            position: relative;
        }

        .highlightSwiper {
            position: relative;
            overflow: visible; 
        }  */

/* Estilos para los botones de navegación */
.highlightSwiper .swiper-button-next,
.highlightSwiper .swiper-button-prev {
  z-index: 9999 !important;
  color: white !important;
  height: 50px !important;
  width: 50px !important;
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  border: 2px solid white !important;
}

@keyframes float {
  from {
    transform: translateY(-50%);
  }

  to {
    transform: translateY(50%);
  }
}

.mobile {
  display: none;
}

@media screen and (max-width: 768px) {
  .mobile {
    display: block;
  }

  .section__content video {
    width: 100%;
  }

  .informacion-tecnica h4,
  .informacion-tecnica p {
    font-size: 14px;
    text-align: center;
  }

  .motorcycle-item p {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
  }

  .imagen-modelo .button-white {
    display: none;
  }

  .video-container {
    height: 100vh;
  }

  .video-content {
    top: 30vh;
  }

  .video-content h1 {
    font-size: 2rem;
  }

  .video-container video {
    margin-top: 53px;
    width: 100%;
    height: 100vh;
    object-fit: cover;
  }

  .video-content h1 {
    font-family: "Estricta Black", sans-serif;
    font-size: 3rem;
    text-transform: uppercase;
  }

  .video-content h2 {
    font-family: "Estricta Regular", sans-serif;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }

  .gallery-container {
    height: 300vh;
  }
}