/*Footer*/
.footer {
    background-color: #000000; /* negro */
    color: #ffffff; /* blanco */
    text-align: center;
    padding: 15px;
    margin-top: 30px;
    border-top: 2px solid #444; /* gris oscuro para separación */
}

.footer a {
color: #ffffff; /* enlaces blancos */
text-decoration: none;
font-weight: bold;
margin: 0 8px;
}

.footer a:hover {
    color: #40e0d0; /* turquesa al pasar el mouse */
}