.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
      width: 60%;
      margin: auto;
  }

  #intro-video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Asegura que el video esté encima del contenido principal */
}

/* Estilo del video */
#intro-video {
width: 100%;

    object-fit: cover; /* Ajusta el video para cubrir el contenedor */
}

/* Estilo del contenido principal */
#main-content {
    position: relative;
    z-index: 2; /* Asegura que el contenido esté encima del video */
    text-align: center;
    padding: 20px;
    background: rgba(0, 0, 0, 0.5); /* Fondo semitransparente para mejor legibilidad */
    color: white; /* Texto en color blanco para contraste con el fondo */
}

/* Clase para ocultar elementos */
.hidden {
    display: none;
}

header{
  background-color:  rgb(83, 6, 102);
  color: rgb(255, 0, 200);
  text-align: center;
  font-family: "SUSE", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  margin-left: -1px;
  margin-right: -1px;
  padding: 25px;
  top: 0;
}

footer{
  background-color: rgb(83, 6, 102);
  color: rgb(255, 0, 200);
  margin-top: 25px;
  text-align: center;
  font-family: "SUSE", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
  margin-left: -1px;
  margin-right: -1px;
  padding-bottom: 20px;
  padding-top: 15px;


}