footer {
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 20px;
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1000;
    box-sizing: border-box;
}

    footer p {
        margin: 0;
    }

/* Para evitar que el footer tape el contenido */
body {
    padding-bottom: 80px; /* Ajusta según la altura del footer */
}

/* Responsive: ajusta padding si el footer cambia de tamaño */
@media (max-width: 600px) {
    footer {
        padding: 15px;
        font-size: 14px;
    }

    body {
        padding-bottom: 70px;
    }
}