/* Hacer que las imágenes fluyan de forma natural y responsiva */
#block-slideudgvideo img {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: auto;
  display: block;
}

/* El truco responsivo para el video usando aspect-ratio */
#carousel-udg .videoSlide {
  width: 100%;
  aspect-ratio: 981 / 281; /* Obliga al video a escalar exactamente igual que tus imágenes */
  object-fit: cover;       /* Evita que se estire o deforme, recortando lo necesario */
  display: block;
  margin: 0 auto;
}

/* Controles del carrusel (botones de play/pausa) */
#carouselButtons-Slideshow-Video {
    margin-left: 100px;
    position: absolute;
    bottom: 10px;
    z-index: 10;
}

#carouselButtons-Slideshow-Video .not-show {
  display: none;
}

#carouselButtons-Slideshow-Video .show {
  display: block;
}

/* Centrado del contenedor */
#block-slideudgvideo .item {
  text-align: center;
}