.footer {
    background-color: #333; /* Color de fondo */
    color: white; /* Color del texto */
    text-align: center; /* Alineación centrada */
    padding: 20px 0; /* Espaciado superior e inferior */
    position: relative; /* Posición relativa */
    bottom: 0; /* Asegúrate de que el pie de página esté al final */
    width: 100%; /* Ocupa el 100% del ancho */
}

.footer-content {
    max-width: 100%; /* Ancho máximo del contenido */
    margin: 0 auto; /* Centrar contenido */
    padding: 0 20px; /* Espaciado lateral */
}

.footer-links a, .social-media a {
    color: white; /* Color de los enlaces */
    text-decoration: none; /* Sin subrayado */
    margin: 0 10px; /* Espaciado entre enlaces */
}

.footer-links a:hover, .social-media a:hover {
    text-decoration: underline; /* Subrayado al pasar el ratón */
}