:root{--blanco:#fff;--gris1:#edf2f6;--gris2:#2f3848;--gris3:#1a202d;--violetaDark:#3c1053;--violetaDark2:#eeecda;--violeta:#ad5389;--violetaLight:#e1bee7;--violetaUltraLight:#f3e5f5;--negro:#000;--headingFont:"Raleway",sans-serif;--textFont:"Roboto",sans-serif}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;height:100%;font-size:62.5%}body{min-height:100%;background-color:#f3e5f5;background-color:var(--violetaUltraLight);font-size:16px;font-size:1.6rem;font-family:Roboto,sans-serif;font-family:var(--textFont)}h1,h2{font-family:Raleway,sans-serif;font-family:var(--headingFont);font-weight:900;margin:0 0 4rem;text-align:center;color:#2f3848;color:var(--gris2)}h1 span{font-weight:400}h1{font-size:3rem}h2{font-size:2.4rem}ul{list-style:none;padding:0;margin:0}a{text-decoration:none;color:#2f3848;color:var(--gris2)}.btn{margin-top:2rem;font-family:Raleway,sans-serif;font-family:var(--headingFont);padding:1.5rem;font-size:1.4;font-weight:400;border-radius:.5rem;border:none;-webkit-transition:background-color .3s ease;transition:background-color .3s ease}.btn:focus,.input{outline:none}.btn:hover{cursor:pointer}.btn-primario{background-color:#3c1053;background-color:var(--violetaDark);color:#fff;color:var(--blanco)}.btn-primario:hover{background:#ffca28;color:#000}.btn-agregar{background-color:#ffca28;cursor:pointer;width:100%;height:50px}.btn-secundario{background-color:#ffca28;color:#3c1053;color:var(--violetaDark)}.btn-secundario:hover{cursor:pointer;-webkit-transition:all 1s;transition:all 1s;-webkit-animation:scrollingIn .3s linear forwards;animation:scrollingIn .3s linear forwards}.btn-block{display:block;width:100%}.btn-submit:hover{background:#ad5389;background:var(--violeta)}.btn-blank{margin:0;padding:0;width:120px;display:block;background-color:transparent}.btn-sidebar{margin:0;padding:20px;display:block;background-color:#3c1053;background-color:var(--violetaDark);color:#fff;width:100%}.btn-sidebar:hover{background-color:#ffca28;color:#000}.btn-eliminar{background-color:#ffca28;color:#3c1053;color:var(--violetaDark)}.btn-eliminar:hover{background-color:#821752;color:#fff}@-webkit-keyframes scrollingIn{0%{margin-left:0;opacity:0}50%{margin-left:.2em;opacity:.5}to{margin-left:.5em;opacity:1}}@keyframes scrollingIn{0%{margin-left:0;opacity:0}50%{margin-left:.2em;opacity:.5}to{margin-left:.5em;opacity:1}}.justifyTextIcon{display:flex;align-items:center;width:150px;height:50px}.justifyTextIcon:hover{background-color:#ad5389;background-color:var(--violeta);border-radius:30px}.cerrar-sesion{height:100%;color:#fff;color:var(--blanco)}.contenedor-input{width:100%!important;margin:30px 0}.form__group{position:relative;padding:15px 0 0;margin-top:10px;width:100%;height:100%}.form__field{font-family:inherit;width:100%;border:0;border-bottom:2px solid #9b9b9b;outline:0;font-size:1.3rem;color:#000;padding:7px 0;background:transparent;-webkit-transition:border-color .2s;transition:border-color .2s}.form__field::-webkit-input-placeholder{color:transparent}.form__field::-moz-placeholder{color:transparent}.form__field:-ms-input-placeholder{color:transparent}.form__field::-ms-input-placeholder{color:transparent}.form__field::placeholder{color:transparent}.form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px}.form__label{position:absolute;top:0;display:block;-webkit-transition:.2s;transition:.2s;font-size:1rem;color:#9b9b9b}.form__field:focus{padding-bottom:6px;font-weight:700;border-width:3px;-webkit-border-image:-webkit-gradient(linear,left top,right top,from(#e1bee7),to(#ad5389));-webkit-border-image:linear-gradient(90deg,#e1bee7,#ad5389);border-image:-webkit-gradient(linear,left top,right top,from(#e1bee7),to(#ad5389));border-image:linear-gradient(90deg,#e1bee7,#ad5389);-webkit-border-image:-webkit-gradient(linear,left top,right top,from(var(--violetaLight)),to(var(--violeta)));-webkit-border-image:linear-gradient(90deg,var(--violetaLight),var(--violeta));border-image:-webkit-gradient(linear,left top,right top,from(var(--violetaLight)),to(var(--violeta)));border-image:linear-gradient(90deg,var(--violetaLight),var(--violeta));border-image-slice:1}.form__field:focus~.form__label{position:absolute;top:0;display:block;-webkit-transition:.2s;transition:.2s;font-size:1rem;color:#ad5389;color:var(--violeta);font-weight:700}@media (min-width:768px){.contenedor-app{display:flex;min-height:100vh}aside{background-color:#fff;background-color:var(--blanco);flex:0 0 300px}.seccion-principal{flex:1 1}}input{height:50px}@media (max-width:768px){.app-header{position:absolute;width:100%;top:0;left:0}.ordenarCriticas{position:absolute;top:150px}aside{margin-top:200px}.ordenarCriticas{margin-top:1300px}}aside{padding:3rem}.formulario-nuevo-proyecto{margin-top:6rem}.formulario-nuevo-proyecto .input-text{border-bottom:1px solid #2f3848;border-bottom:1px solid var(--gris2);border-radius:0;background-color:#edf2f6;background-color:var(--gris1)}.formulario-nuevo-proyecto .input-text::-webkit-input-placeholder{color:#2f3848;color:var(--gris2)}.formulario-nuevo-proyecto .input-text::-moz-placeholder{color:#2f3848;color:var(--gris2)}.formulario-nuevo-proyecto .input-text:-ms-input-placeholder{color:#2f3848;color:var(--gris2)}.formulario-nuevo-proyecto .input-text::-ms-input-placeholder{color:#2f3848;color:var(--gris2)}.formulario-nuevo-proyecto .input-text::placeholder{color:#2f3848;color:var(--gris2)}.proyectos{margin-top:10rem}.listado-proyectos li{margin-bottom:2rem}.listado-proyectos li a{font-size:1.4rem;color:#2f3848;color:var(--gris2);line-height:1.5;font-weight:300}.app-header{display:flex;justify-content:space-between;align-items:center;background-color:#3c1053;background-color:var(--violetaDark);padding:4rem}.nombre-usuario{color:#fff;color:var(--blanco);font-size:2.2rem;margin:0}.nombre-usuario span{font-weight:900}.nav-principal a{color:#fff;color:var(--blanco);text-decoration:none}.nav-principal a:first-of-type{margin-right:2rem}.formulario{background-color:#eeecda;background-color:var(--violetaDark2);padding:4rem}.formulario form{max-width:600px;margin:0 auto}.contenedor-input{display:flex}.contenedor-input label{margin-bottom:1rem;color:#fff;color:var(--blanco)}.input-text{padding:1rem;border:none;border-radius:.5rem;flex:1 1;width:100%}.input-text:focus{outline:none}.contenedor-tareas{padding:4rem;background-color:#eeecda;background-color:var(--violetaDark2)}.ordenarCriticas{display:grid;grid-template-columns:1fr 1fr 1fr!important;grid-template-rows:1fr}.listado-tareas{max-width:350px;margin:0 auto}.tarea{display:grid;justify-content:center;background-color:#fff;background-color:var(--blanco);padding:2.5rem 2rem;align-items:center;margin-bottom:1rem;border-radius:.5rem}.sombra{box-shadow:0 4px 10px -3px #757575}.sombra-dark{box-shadow:0 6px 11px -8px rgba(0,0,0,.9)}.tarea .acciones .btn:first-of-type{margin-right:1rem}.acciones{display:flex;justify-content:space-evenly;align-items:center}.tarea p{font-size:1.6rem;flex:1 1;padding-right:2rem}.tarea .btn{padding:.8rem;font-size:1.4rem;border-radius:0;margin:0}.estado{margin-right:1rem}.estado button,.mensaje{font-weight:900;font-family:Roboto,sans-serif;font-family:var(--textFont);font-size:1rem;padding:.5rem;border-radius:.5rem;cursor:pointer;border:none}.mensaje{text-align:center;font-size:1.6rem;border-radius:0}.mensaje:hover{cursor:default}.completo,.correcto{background-color:rgba(154,252,154,.3)}.completo,.correcto,.incompleto{color:#1a202d;color:var(--gris3)}.incompleto{background-color:rgba(255,178,178,.4)}.error{max-width:600px;margin:2rem auto 0;background-color:#821752;color:#fff;color:var(--blanco)}.proyecto-enter,.tarea-enter{opacity:0}.proyecto-enter-active,.tarea-enter-active{opacity:1;-webkit-transition:opacity .2s;transition:opacity .2s}.proyecto-exit,.tarea-exit{opacity:1}.proyecto-exit-active,.tarea-exit-active{opacity:0;-webkit-transition:opacity .2s;transition:opacity .2s}.form-usuario{background:#ad5389;background:-webkit-gradient(linear,left top,right top,from(#3c1053),to(#ad5389));background:linear-gradient(90deg,#3c1053,#ad5389);height:100vh;min-height:800px;display:flex;align-items:center;justify-content:center}.contenedor-form{padding:5rem 3rem;max-width:500px;width:95%;background-color:#fff;background-color:var(--blanco);border-radius:1rem}.campo-form{display:flex;margin-bottom:2rem;align-items:center}.campo-form:last-of-type{margin:0}.campo-form label{flex:0 0 100px;font-family:Roboto,sans-serif;font-family:var(--textFont)}.campo-form input[type=email],.campo-form input[type=password],.campo-form input[type=text]{border:1px solid #e1e1e1;padding:1rem;flex:1 1}.enlace-cuenta{margin-top:2rem;display:block;opacity:.7}.alerta{position:fixed;top:0;left:0;padding:1rem 3rem;border-radius:1rem;font-family:Raleway,sans-serif;font-family:var(--headingFont);font-weight:600;text-transform:uppercase;font-size:2.2rem;text-align:center;width:100%}@media (min-width:768px){.alerta{width:auto;top:30px;right:10px;left:auto}}.alerta-ok{background-color:#6dd36d;color:#026702}.alerta-error{background-color:#e64e4e;color:#fff;color:var(--blanco)}.sk-circle{margin:100px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#3c1053!important;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s ease-in-out infinite both;animation:sk-circleBounceDelay 1.2s ease-in-out infinite both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}
/*# sourceMappingURL=main.2f21ea53.chunk.css.map */