*{padding:0;margin:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}*{padding:0;margin:0}.input-container{display:flex;flex-direction:column;max-width:260px}.form-control{width:260px;height:25px;padding:1rem .5rem;border:1px solid #7743DB}.form-control.is-invalid{border:1px solid red}.error{color:red;font-family:monospace}.label-input{font-family:monospace;font-size:13px;color:#7743db}.login-container{display:flex;align-items:center;justify-content:center;height:90vh}.form-container{position:relative;width:300px;height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem;color:#7743db;background-color:#ffffffea;box-shadow:0 4px 9px #272525;border:1px solid #7743DB;border-radius:.6rem}.form-container .form-title{font-size:40px;font-weight:700;font-family:sans-serif;flex-grow:1;display:flex;justify-content:center;align-items:center}.container-button-google{width:100%;flex-grow:1}.button-form{width:100px;height:30px;font-size:16px;background:#fff;border-radius:.4rem;border:1px solid #7743DB;background:none;color:#7743db;cursor:pointer}.button-form:hover{background-color:#7743db;color:#fff}.google{background-color:#ff4500;display:flex;align-items:center;justify-content:center;color:#fff;border:none;width:100%;border-radius:0;position:absolute;bottom:0;padding:1rem;gap:1rem;border-radius:0rem 0rem .5rem .5rem}.google:hover{background-color:#d43f04}.tooltip-container{position:relative;display:inline-block}.tooltip-container .tooltip-text{visibility:hidden;width:120px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;bottom:-100%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.dashboard-container{height:96vh;display:flex;justify-content:center;align-items:center}.user-session{position:absolute;top:0;right:0;left:0;padding:1rem;gap:1rem;font-family:monospace;display:flex;justify-content:space-around;align-items:center}.user-info-container{display:flex;align-items:center;gap:1rem;color:#7743db}.button-logout{background:none;border:none;cursor:pointer;border-radius:.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;color:#7743db}.button-logout:hover{background-color:#6a3ada;color:#fff}.user-img{width:30px;height:30px;border-radius:50%;object-fit:cover}.contenedor-logo{position:absolute;bottom:0;left:0;display:flex;align-items:center;padding:1rem;font-family:monospace;font-size:18px;color:wheat}.contenedor-logo .logo{width:50px;height:50px}.form-dashboard{display:flex;flex-direction:column;gap:1rem;padding:2rem;border-radius:1rem;border:1px solid #7743DB;background-color:#fff;box-shadow:0 4px 9px #272525}.file-input-container{position:relative;display:inline-block;width:200px;height:40px;border:2px solid #007bff;border-radius:5px;background-color:#f8f9fa}.file-input{opacity:0;width:100%;height:100%;position:absolute;left:0;top:0;cursor:pointer}.file-label{display:inline-block;width:200px;height:100%;padding:10px;box-sizing:border-box;text-align:center;background:none;color:#000;border-radius:5px 0 0 5px;cursor:pointer}.file-placeholder{display:inline-block;padding:10px;box-sizing:border-box;color:#6c757d;border-left:2px solid #007bff;width:calc(100% - 40px);height:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.input-select-container{display:flex;flex-direction:column;font-family:monospace;color:#7743db}.input-select-container select{padding:.4rem;font-family:monospace;background:none;border:1px solid #7743DB;color:#493370}.input-select-container .error-message{color:red}input[type=file]{display:flex;align-items:center;justify-content:center;padding:1rem;height:fit-content;font-size:.7rem}input[type=file]::-webkit-file-upload-button{background-color:#8a70d3;padding:.4rem;border:none;color:#fff;border-radius:10px;cursor:pointer}input[type=file]::-webkit-file-upload-button:hover{background-color:#7743db}.button-submit{width:100px;height:30px;background:#fff;border-radius:.4rem;border:none;background:none;border:1px solid #7743DB;color:#7743db;cursor:pointer;align-self:center}.button-submit:hover{background-color:#7743db;color:#fff}.button-submit.loader{padding-right:.6rem}.button-submit.loader:hover{background-color:#fff;cursor:default;color:#7743db}@keyframes dots{0%,20%{color:#7743db;text-shadow:.5em 0 0 rgba(0,0,0,0),1em 0 0 rgba(0,0,0,0)}40%{color:#7743db;text-shadow:.5em 0 0 rgba(0,0,0,0),1em 0 0 rgba(0,0,0,0)}60%{text-shadow:.5em 0 0 #7743DB,1em 0 0 rgba(0,0,0,0)}80%,to{text-shadow:.5em 0 0 #7743DB,1em 0 0 #7743DB}}.loadertext{position:relative;color:#7743db;text-align:center;font-weight:700}.loadertext:after{content:" .";animation:dots 1.5s steps(5,end) infinite;color:#7743db}.button-download{position:absolute;bottom:15rem;right:3rem;padding:1rem;border-radius:.3rem;border:1px solid white;background:none;color:#fff;font-weight:700;-webkit-animation:slide-fwd-left .45s cubic-bezier(.25,.46,.45,.94) both;animation:slide-fwd-left .45s cubic-bezier(.25,.46,.45,.94) both;cursor:pointer}.button-download:hover{background-color:#7743db;color:#fff}.easter{bottom:0;right:0;position:absolute;max-width:100px}.btn-easter{background:none;border:none;color:transparent;position:absolute;bottom:0;right:0}@-webkit-keyframes slide-fwd-left{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0)}to{-webkit-transform:translateZ(160px) translateX(-100px);transform:translateZ(160px) translate(-100px)}}@keyframes slide-fwd-left{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0)}to{-webkit-transform:translateZ(160px) translateX(-50px);transform:translateZ(160px) translate(-50px)}}.loader-bar{position:fixed;top:0;left:0;width:100%;height:4px;background:#1d1c5c;z-index:9999;overflow:hidden}.loader-bar-inner{width:0;height:100%;background:linear-gradient(90deg,#0d51e2,#fff);animation:loader-animation 2s infinite}@keyframes loader-animation{0%{transform:translate(-100%)}to{transform:translate(100%)}}.triangle-background{position:absolute;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;background-color:#7743db;clip-path:polygon(0 0,100% 100%,0 100%);z-index:-1}.triangle-background-complement{position:absolute;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;background-color:#b394dd;clip-path:polygon(100% 0,0 100%,100% 100%);z-index:-2}.modal-info{background-color:#fff;display:flex;flex-direction:column;position:absolute;left:2rem;max-width:300px;padding:1rem;gap:1rem;font-family:sans-serif;color:#7743db;border-radius:1rem}.icon-close-modal{position:absolute;right:1rem;top:.5rem;cursor:pointer;border-radius:50%;padding:.2rem}.icon-close-modal:hover{border:1px solid rebeccapurple}.button-modal-info{position:absolute;left:3rem;top:40%;background:none;color:#fff;border:none;padding:.4rem;border-radius:.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer}.button-modal-info:hover{background-color:#450c96}.icon-info{width:40px;height:40px}.tooltip-info{position:absolute;left:1rem;top:50%;visibility:hidden;width:120px;background-color:#333;color:#fff;text-align:center;border-radius:5px;padding:5px 0;z-index:1;opacity:0;transition:opacity .3s;font-family:monospace}.container-info-button:hover .tooltip-info{visibility:visible;opacity:1}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media only screen and (max-width: 600px){.button-modal-info{top:15%;left:50%;transform:translate(-50%);color:#450c96}.button-modal-info:hover{color:#fff}.icon-info{width:30px;height:30px}.modal-info{top:9%;left:50%;transform:translate(-50%);font-size:14px;line-height:1.4;border:1px solid #450c96;width:300px}.container-info-button:hover .tooltip-info{visibility:hidden;opacity:0}.tooltip-container:hover .tooltip-text{visibility:hidden;opacity:0}.button-download{color:#fff;border:1px solid white}@-webkit-keyframes slide-fwd-left{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0)}to{-webkit-transform:translateZ(160px) translateX(-100px);transform:translateZ(160px) translate(-100px)}}@keyframes slide-fwd-left{0%{-webkit-transform:translateZ(0) translateX(0);transform:translateZ(0) translate(0)}to{-webkit-transform:translateZ(160px) translateX(-50px);transform:translateZ(160px) translate(-90px)}}}
