.upload{opacity:0;background:#fff;border-radius:16px;max-width:680px;margin:0 auto;animation:.4s .3s both fadeup;position:relative;overflow:hidden;transform:translateY(16px);box-shadow:0 4px 28px #0000001a}.title-color-xlsx{background-color:#2e5fa3}.title-color-xml{background-color:#1a6b3a}.title-color-pdf{background-color:#8b3a3a}.upload .upload-files header{align-items:center;padding:18px 28px;display:flex}.upload .upload-files header p{color:#fff;align-items:center;gap:8px;margin:0;font-size:22px;line-height:1;display:flex}.upload .upload-files .body p:hover{color:#1a1208}.upload .upload-files header img{opacity:0;font-size:20px;animation:.5s .5s both fadeup;transform:translateY(20px)}.upload .upload-files header p .up{opacity:0;font-weight:700;animation:.5s .75s both fadeup;display:inline-block;transform:translate(20px)}.upload .upload-files header p .load{opacity:0;margin-left:-4px;font-weight:300;animation:.5s 1s both faderight;display:inline-block;transform:translate(-20px)}.upload .upload-files .body{text-align:center;cursor:pointer;background:#f5edd8;border:2px dashed #ddd0a8;border-radius:12px;margin:24px;padding:44px 32px;transition:border-color .2s,background .2s}.upload .upload-files .body:hover{color:#1a1208;border-color:#cea964}.upload .upload-files .body.hidden{display:none}.upload .upload-files .body.active{background:#fdf6e8;border-style:solid;border-color:#cea964}.upload .upload-files .body i{margin-bottom:14px;font-size:52px;transition:transform .2s;display:block}.upload .upload-files .body:hover i{transform:translateY(-4px)}.upload .upload-files .body.active i{box-shadow:none;animation:none}.upload .upload-files .body p{color:#777;margin:0;font-size:17px;line-height:1.65}.upload .upload-files .body p b,.upload .upload-files .body p a{pointer-events:all;font-weight:600}.upload .upload-files .body:hover p{color:#1a1208}.upload .upload-files .body.active .pointer-none{pointer-events:none}input[type=file]{opacity:0;height:0;position:absolute;overflow:hidden}input[type=file]::-webkit-file-upload-button{height:0}.upload .upload-files footer{width:100%;height:0;overflow:hidden}.upload .upload-files footer.hasFiles{height:auto;padding:0 24px 24px}.upload .upload-files footer .divider{text-align:center;width:0;margin:0 auto 14px;transition:width .5s;overflow:hidden}.upload .upload-files footer.hasFiles .divider{width:100%}.upload .upload-files footer .divider span{letter-spacing:1.5px;text-transform:uppercase;color:#1a1208;padding-top:10px;font-size:11px;font-weight:700;display:inline-block;transform:translateY(-25px)}.upload .upload-files footer.hasFiles .divider span{transition:transform .5s .5s;transform:translateY(0)}.upload .upload-files footer .list-files{max-height:260px;padding-right:4px;overflow:hidden auto}.upload .upload-files footer .list-files::-webkit-scrollbar{width:3px}.upload .upload-files footer .list-files::-webkit-scrollbar-track{background:#f5efe0}.upload .upload-files footer .list-files::-webkit-scrollbar-thumb{background:#cea964;border-radius:2px}.upload .upload-files footer .list-files .file{opacity:0;background:#fafaf5;border:1px solid #eeead8;border-radius:8px;justify-content:space-between;align-items:center;min-height:46px;margin-bottom:6px;padding:9px 12px;animation:.3s both fade;display:flex}.upload .upload-files footer .list-files .file .name{color:#444;text-align:left;flex:1;min-width:0;padding-right:12px;font-size:13px}.upload .upload-files footer .list-files .file .name span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.upload .upload-files footer .list-files .file div{flex-shrink:0;align-items:center;gap:10px;display:flex}.upload .upload-files footer .list-files .file div .progress{background:linear-gradient(270deg,#22c55e,#86efac) 0 0/0% 100% no-repeat;border-radius:4px;width:100px;height:6px;box-shadow:0 0 0 1.5px #e0ddd5}.upload .upload-files footer .list-files .file div .done{color:#fff;background:#1a6b3a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;transform:scale(0)}.upload .upload-files footer .list-files .file div .done i{margin:0}.upload .upload-files footer .list-files .file div .done.anim{animation:.5s forwards done1}.upload .upload-files footer .list-files .file div .done.anim i{animation:2.5s .5s forwards done2}.upload .upload-files footer .importar{color:#fff;letter-spacing:.4px;cursor:pointer;opacity:0;visibility:hidden;background:#cea964;border:none;border-radius:10px;width:100%;margin-top:16px;padding:13px;font-size:15px;font-weight:600;transition:background .2s,transform .25s .5s,opacity .25s .5s;display:block;transform:translateY(10px)}.upload .upload-files footer .importar.active{opacity:1;visibility:visible;transform:translateY(0)}.upload .upload-files footer .importar:hover{background:#b8904f}.upload .upload-files footer .importar:disabled,.upload .upload-files footer .importar[disabled]{cursor:not-allowed;pointer-events:none;background:#d5c4a0;opacity:.65!important}@media (width<=554px){.upload .upload-files footer .list-files .file div .progress{display:none}}@media (width<=400px){.upload{border-radius:0}.upload .upload-files .body{margin:16px;padding:36px 20px}.upload .upload-files footer.hasFiles{padding:0 16px 20px}}@-webkit-keyframes done2{to{stroke-dashoffset:0}}@keyframes done2{to{stroke-dashoffset:0}}@-webkit-keyframes done1{50%{opacity:1;transform:scale(.55)}80%{opacity:1;transform:scale(.4)}to{opacity:1;transform:scale(.55)}}@keyframes done1{50%{opacity:1;transform:scale(.55)}80%{opacity:1;transform:scale(.4)}to{opacity:1;transform:scale(.55)}}@-webkit-keyframes fadeup{to{opacity:1;transform:translateY(0)}}@keyframes fadeup{to{opacity:1;transform:translateY(0)}}@-webkit-keyframes faderight{to{opacity:1;transform:translate(0)}}@keyframes faderight{to{opacity:1;transform:translate(0)}}@-webkit-keyframes fade{to{opacity:1}}@keyframes fade{to{opacity:1}}