/* Estilos para el menú */
.menu li {
    margin-right: 20px;
}
.menu li a {
    text-decoration: none;
    color: #ffffff;
    font-size: 1.1em;
}
.menu li a:hover {
    color: #007bff; /* Cambia el color a azul al pasar el cursor */
}
.carousel-container { 
    max-width: 80%;
    margin: 20px auto; /* Margin for some space below header */
}
.carousel-inner > .item > img, 
.carousel-inner > .item > a > img {
    width: 60%; /* Reduce width */
    max-height: 300px; /* Limit height */
    margin: auto;
    object-fit: cover; /* Maintain aspect ratio */
}
footer {
    background-color: rgb(16, 97, 196); /* Color de fondo del pie de página */
    color: blanchedalmond; /* Color del texto del pie de página */
    padding: 20px; /* Espaciado interno del pie de página */
    text-align: center; /* Centrar texto en el pie de página */
    margin-top: 20px; /* Margen superior para el pie de página */
}