body {
    background-color: #f5f5f5;
}
.navbar {
    background-color: #007bff;
}
.navbar-brand {
    color: white;
}
.navbar-nav li a {
    color: white;
}
.navbar-nav li a:hover {
    background-color: #0056b6;
}
.center {
    text-align: center;
    text-justify:center;
}    
.slider {
    width: 100%;
    height: 400px;
    overflow: hidden; /* Para que las imágenes no se desborden */
    position: relative; /* Para posicionar el texto encima de las imágenes */
}
.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; /* Oculta todos los slides al principio */
    transition: opacity 0.5s ease-in-out; /* Transición suave para el cambio de slide */
}
.slide.active {
    opacity: 1; /* Muestra el slide activo */
}
.slider img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Para que las imágenes cubran todo el contenedor */
}
.slider-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    background-color: rgba(0, 0, 0, 0.3); /* Fondo negro con 30% de opacidad */
    padding: 10px; /* Ajusta el padding según sea necesario */
}
.footer {
    background-color: #007bff;
    color: white;
    text-align: center;
    padding: 20px;
}