/* Estilo personalizado para los botones de los indicadores */
 .carousel-indicators button {
    width: 20px !important; /* Ancho del botón */
    height: 20px !important; /* Alto del botón */
    border-radius: 50% !important; /* Hace que el botón sea circular */
    border: none !important; /* Elimina el borde del botón */
    background-color: #888 !important; /* Color de fondo del botón */
    margin-right: 5px !important; /* Espaciado entre los botones */
}

/* Estilo para el botón activo */
.carousel-indicators button.active {
    background-color: #0E4380 !important; /* Cambia el color del botón activo */
}