.imagen-efecto {
            width: 190px;
            filter: brightness(0); /* inicia en blanco y negro */
            transition: filter 5s ease; /* transición suave de 2s */
            margin: auto;
            background-color: black;
            text-align: center;
    }

.imagen-efecto:hover {
            filter: brightness(1); /* vuelve al color */
    }
a{
    text-decoration: none;
    color: black;
}
.bloque-titulo{
    padding: 15px; background-color: #48f;
    border-radius: 30px;
    font-size: 32px;
}
footer{
    position: fixed; bottom: 0; width: 100%; text-align: center; padding: 10px; background: transparent;
}
.margenes-tabla, th, td{
    margin: 25px; padding: 10px; border: 2px solid #48f;
}
.contenedor-tablas {
    display: flex;
    gap: 20px;       
    flex-wrap: wrap;  
}