body {
    padding-top: 56px; 
    background-image: url('../images/ruismafondo.jpg'); 
    background-size: cover; 
    background-position: center center; 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    min-height: 100vh;
    color: #ffffff;
}

.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 60px; /* Set the fixed height of the footer here */
    line-height: 60px; /* Vertically center the text there */
    background-color: #f5f5f5;
}

main.container {
    background-color: rgba(255, 255, 255, 0.1) !important; 
    padding: 25px;
    border-radius: 8px;
}

footer.bg-light {
    background-color: rgba(248, 249, 250, 0.1) !important; 
}

header .navbar.bg-light {
    background-color: rgba(248, 249, 250, 0.1) !important;
    color: #ffffff;
}

.jumbotron {
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 8px; /* Para que coincida con tus otras cajas */
}


header .navbar.bg-light .nav-link {
    color: #ffffff; /* Este es el gris claro que pediste (lightgray) */
}

header .navbar.bg-light .nav-link:hover {
    color: #ffffff;
}