.video-row {
      display: flex;
      justify-content: space-between; /* Espacio entre vídeos */
      gap: 30px; /* Separación opcional */
}

    .video-row video {
      width: 23%; /* Cada vídeo ocupa aprox. 1/4 del ancho */
}

.swiper {
    position: relative;
   /* background: linear-gradient(to bottom, #ff9a9e 50%, #fad0c4 50%);*/
   /* overflow: hidden;  */
}

.swiper .swiper-slide {
    display: flex;
    /*background:rgba(255, 255, 255, 0.15);*/
    gap: 10px;
    height: 600px;
    overflow: hidden;
    scroll-behavior: smooth;
    max-height: min(60vh, 1440px);   
    transition: transform 0.3s ease-out;
    justify-content: center;
    align-items: center;
   
    
}

.swiper .swiper-slide img {
    margin: 3px;
}

.swiper .swiper-slide .video {
    margin: 0 auto;
    width: 33%; 
    height: auto;
    /* Si el video está en formato vertical (9:16, etc.), su aspecto se mantendrá */
    display: block;
    max-height: min(60vh, 1440px);
    /* max-width: 360px; */

}

.swiper .control {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #de0303;
    cursor: pointer;
    object-fit: contain;
    padding: 10px;
}
.swiper-button-next {
  /* Path to your image in the resources folder */
    .swiper-button-next { color: red; }
  /* Prevent image from repeating */
    background-repeat: no-repeat;
  
  /* Scale image to fit, center it */
    background-size: 100% auto;
    background-position: center;
  
  /* Optional: Adjust size of the button container */
    width: 40px; 
    height: 40px;
}

/* Remove default arrow */
.swiper-button-next::after {
    display: none;
}

/* Repeat for prev button if needed */
.swiper-button-prev {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}

.swiper-button-prev::after {
    display: none;
}

@media (max-width: 355px) {
    .swiper .swiper-slide {
        justify-content: center;
    }
    .video-js .vjs-tech {
        object-fit: contain !important; /* contain no corta, cover sí */    
    } 

@media (max-width: 768px) {
    .swiper .swiper-slide {
        justify-content: center;
    }
    .video-js .vjs-tech {
        object-fit: contain !important; /* contain no corta, cover sí */    
    } 
@media (max-width: 640px) {
    .swiper .swiper-slide {
        justify-content: center;
    }
    .video-js .vjs-tech {
        object-fit: contain !important; /* contain no corta, cover sí */    
    } 

}