/* =====================================
   PREPA 5 - SLIDESHOW UDEG
   Estabilidad visual y video responsivo
   ===================================== */

#carousel-udg {
  position: relative;
  width: 100%;
}

#carousel-udg .carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

#carousel-udg .carousel-inner > .item img,
#carousel-udg .carousel-inner > .item video {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

#carousel-udg .videoSlide {
  object-fit: contain;
  background-color: #102F49;
}

/* Controles por encima de imágenes y videos */

#carousel-udg > .carousel-control {
  z-index: 5;
}

/* Botones reproducir / detener */

#carousel-udg #carouselButtons-Slideshow-Video {
  z-index: 6;
}

/* Evitar desbordamiento horizontal */

@media (max-width: 767px) {

  #slideshow,
  #carousel-udg {
    width: 100%;
    max-width: 100%;
  }

  #carousel-udg .videoSlide {
    width: 100%;
    height: auto;
  }

}