// Espera a que el DOM esté completamente cargado
document.addEventListener("DOMContentLoaded", function() {
    // Selecciona el campo de archivo con name "document"
    const fileInput = document.querySelector('input[name="document"]');
    
    if (fileInput) {
        // Agrega un evento de cambio para validar el tamaño del archivo
        fileInput.addEventListener("change", function(event) {
            const file = event.target.files[0];
            if (file && file.size > 20 * 1024 * 1024) { // 20 MB en bytes
                alert("El archivo no debe superar los 20 MB.");
                fileInput.value = ""; // Limpia el campo
            }
        });

        // Añade un mensaje indicando el límite de tamaño
        const message = document.createElement("div");
        message.textContent = "El tamaño máximo permitido es de 20 MB.";
        message.style.color = "#009ec5";
        message.style.fontSize = "14px";
        message.style.marginTop = "5px";

        // Inserta el mensaje después del campo de archivo
        fileInput.parentNode.insertBefore(message, fileInput.nextSibling);
    }
});