body {
    background: 
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), /* Fondo semi-transparente oscuro */
        url(img/fondo-loguin-prueba.jpg) no-repeat center center fixed; /* Imagen de fondo */
    background-size: cover; /* Ajusta el tamaño de la imagen para que cubra todo el fondo */
}


  /* Carousel base class */

  
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 32rem;
  }
  
  .general {
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.footer-text,
.footer-text-secondary,
.link-body-emphasis svg {
    color: white;
}

  .featurette-divider {
    margin: 0rem 0; /* Space out the Bootstrap <hr> more */
  }
  

  .featurette-heading {
    letter-spacing: -.05rem;
  }
  
  
  
  @media (min-width: 40em) { /* Ajustes de tamaño del carrusel */
    /* Bump up size of carousel content */
    .carousel-caption p {
      font-size: 1.25rem; /* Tamaño de la letra en el el carrusel */
      line-height: 1.4;
    }
  
    .featurette-heading {
      font-size: 50px;
    }
  }
  
  @media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
    }
  }

  .link-body-emphasis svg {
    fill: white; /* cambia el color de los iconos de facebook y youtube*/
}

.link-body-emphasis svg:hover {
    fill: rgb(106, 105, 105); /* color de los iconos al pasar el mouse */
}

.featurette-heading {
    font-size: 40px; /* Ajusta el tamaño del encabezado  */
}

.lead {
    font-size: 25px; /* Ajusta el tamaño del texto principal  */
}

ul {
    font-size: 20px; /* Ajusta el tamaño de la lista  */
}

.nav-link {
    color: #ffffff; /* color de li del header */
}

.nav-link:hover {
    color: rgb(106, 105, 105); /* color al pasar por el header */
}