.upload-file-parent-js.grid-file-container{--itens: 2;margin: 0 0 50px;}
.upload-file-parent-js .upload-file-container-js{width: 100%;--max-height: 500px;--max-width: calc(50% - 20px);padding: 20px;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);background: #f7fafc;display: flex;gap: 24px;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;box-sizing: border-box;border: 2px solid #e2e8f0;transition: all 0.3s ease;}
.upload-file-parent-js .upload-file-container-js:hover{background: #edf2f7;border-color: #cbd5e0;}
.upload-file-parent-js.grid-file-container .upload-file-container-js{display: grid;grid-template-columns: repeat(var(--itens), 1fr);align-items: stretch;justify-items: stretch;}
.upload-file-parent-js.grid-file-container .upload-file-container-js .upload-file-item-js{width: 100%;height: 100%;max-width: none; }
.upload-file-parent-js .upload-file-container-js .upload-file-item-js{padding: 8px;border-radius: 12px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);max-width: var(--max-width);max-height: var(--max-height);background: #ffffff;overflow: hidden;position: relative;display: flex;align-items: center;justify-content: center;box-sizing: border-box;border: 2px solid #e2e8f0;transition: all 0.3s ease;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js:hover{box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);border-color: #4299e1;transform: translateY(-2px);}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js [hidden]{display: none;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js.file-mime-image-js img{display: block;max-width: var(--max-width);max-height: var(--max-height);object-fit: contain;transition: all 0.3s ease;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js.file-mime-image-js img:hover{cursor: pointer;transform: scale(1.02);}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js.file-mime-image-js .upload-content-parent{display: flex;align-items: center;justify-content: center;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js.file-mime-image-js .upload-content-parent img{min-width: 400px;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .upload-info-js{font: 500 13px montserrat;display: flex;justify-content: space-between;align-items: center;gap: 16px;position: absolute;bottom: 0;left: 0;width: 100%;background: linear-gradient(135deg, rgba(45, 55, 72, 0.95) 0%, rgba(26, 32, 44, 0.95) 100%);color: #ffffff;height: 48px;padding: 0 12px;box-sizing: border-box;backdrop-filter: blur(8px);}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .upload-info-js .upload-nome-js{flex: 1 1 auto;padding: 0;margin: 0;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;line-clamp: 1;-webkit-box-orient: vertical;font-weight: 600;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .upload-info-js .upload-size-js{flex: 0 0 auto;padding: 0;margin: 0;opacity: 0.9;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .remove-file-js{position: absolute;right: 8px;top: 8px;width: 32px;height: 32px;padding: 8px;box-sizing: border-box;background: linear-gradient(135deg, #f56565 0%, #e53e3e 100%);border-radius: 8px;box-shadow: 0 2px 8px rgba(229, 62, 62, 0.4);transition: all 0.3s ease; z-index: 100;}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .remove-file-js:hover{transform: scale(1.15);cursor: pointer;box-shadow: 0 4px 12px rgba(229, 62, 62, 0.6);background: linear-gradient(135deg, #e53e3e 0%, #c53030 100%);}
.upload-file-parent-js .upload-file-container-js .upload-file-item-js .remove-file-js > *{max-width: none !important;max-height: none !important;width: 100%;height: 100%;filter: brightness(1.2);}

.upload-file-parent-js .upload-file-container-js.hide {display: none !important;}