/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*:before,*:after{box-sizing:inherit}html{font-size:62.5%;box-sizing:border-box;height:100%}body{font-family:"Open Sans",sans-serif;font-size:1.6rem;min-height:100%}.contenedor{width:95%;max-width:1200px;margin:0 auto}.contenedor-sm{max-width:70rem;margin:0 auto}a{text-decoration:none}img{max-width:100%}h1,h2,h3{font-family:"Inter",sans-serif;margin:0 0 2.5rem 0;font-weight:900}h1{font-size:6rem}h2{font-size:5rem}h3{font-size:4rem}p{font-size:2rem;color:#6b7280;line-height:1.8}.tagline{font-family:"Inter",sans-serif;font-weight:900;color:#000;font-size:3rem;text-align:center}.descripcion-pagina{text-align:center}.formulario{margin-top:5rem}.formulario .campo{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:1.8rem;margin-left:1rem}.formulario .campo label{flex:0 0 15rem;max-width:100%;margin-bottom:1rem}.formulario .campo input{flex:1 1 auto;min-width:0;width:100%;border:none;padding:1rem;border-radius:1rem;background-color:hsl(220,8.9361702128%,86.0784313725%)}.acciones{margin-top:5rem}@media(min-width: 768px){.acciones{display:flex;justify-content:space-between}}.acciones a{display:block;text-align:center;margin-bottom:2rem;color:#000}.acciones a:last-of-type{margin:0}.alerta{padding:1rem 1rem 1rem 2rem;font-weight:900;margin:1rem 0;font-size:1.2rem;max-width:100%}@media(min-width: 768px){.alerta{font-size:1.7rem}}.alerta.error{background-color:#ffdcdc;border-left:.5rem solid #a90000;color:#a90000}.alerta.exito{background-color:#abffab;border-left:.5rem solid #007800;color:#007800}.login{margin-top:8rem}.login .uptask{background:linear-gradient(to right, #0891B2 0%, rgb(10.1935483871, 184.7580645161, 226.8064516129) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.login .uptask{font-size:10rem}}.login input[type=submit]{background-color:#0891b2;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.login input[type=submit]{width:auto}}.login input[type=submit]:hover{background-color:rgb(6.9032258065,125.1209677419,153.5967741935);cursor:pointer}.login .acciones a{color:#0891b2}.crear{margin-top:8rem}.crear .uptask{background:linear-gradient(to right, #7C3AED 0%, rgb(155.0744186047, 104.7302325581, 241.2697674419) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.crear .uptask{font-size:10rem}}.crear input[type=submit]{background-color:#7c3aed;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.crear input[type=submit]{width:auto}}.crear input[type=submit]:hover{background-color:rgb(108.4627906977,34.6348837209,234.8651162791);cursor:pointer}.crear .acciones a{color:#7c3aed}.olvide{margin-top:8rem}.olvide .uptask{background:linear-gradient(to right, #DB2777 0%, rgb(226.2857142857, 82.7142857143, 146.5238095238) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.olvide .uptask{font-size:10rem}}.olvide input[type=submit]{background-color:#db2777;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.olvide input[type=submit]{width:auto}}.olvide input[type=submit]:hover{background-color:rgb(199.2857142857,33.2142857143,107.0238095238);cursor:pointer}.olvide .acciones a{color:#db2777}.reestablecer{margin-top:8rem}.reestablecer .uptask{background:linear-gradient(to right, #F59E0B 0%, rgb(247.0078740157, 177.4763779528, 59.9921259843) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.reestablecer .uptask{font-size:10rem}}.reestablecer input[type=submit]{background-color:#f59e0b;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.reestablecer input[type=submit]{width:auto}}.reestablecer input[type=submit]:hover{background-color:rgb(221.4251968504,142.4744094488,9.0748031496);cursor:pointer}.reestablecer .acciones a{color:#f59e0b}.mensaje{margin-top:8rem}.mensaje .uptask{background:linear-gradient(to right, #4338CA 0%, rgb(105.0476190476, 96.2738095238, 212.7261904762) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.mensaje .uptask{font-size:10rem}}.confirmar{margin-top:8rem}.confirmar .uptask{background:linear-gradient(to right, #2563EB 0%, rgb(83.7142857143, 132.4285714286, 239.2857142857) 100%);color:rgba(0,0,0,0);background-clip:text;font-size:7rem;text-align:center}@media(min-width: 768px){.confirmar .uptask{font-size:10rem}}.confirmar .acciones{justify-content:center}.confirmar .acciones a{color:#2563eb;font-size:3rem}.dashboard{background-color:hsl(220,14.2857142857%,85.8823529412%)}@media(min-width: 768px){.dashboard{display:flex;height:100vh}}.dashboard .principal{flex:1;overflow:scroll}.dashboard .contenido{padding:2rem}.dashboard .contenido .nombre-pagina{text-align:center;font-size:2.8rem}.dashboard .formulario input:not([type=submit]){background-color:#fff}.dashboard .formulario input[type=submit]{font-weight:bold;font-size:1.4rem;background-color:#4338ca;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.dashboard .formulario input[type=submit]{width:auto}}.dashboard .formulario input[type=submit]:hover{background-color:rgb(59.0476190476,48.8988095238,183.6011904762);cursor:pointer}.dashboard .enlace{color:#4338ca}.dashboard .enlace:hover{color:rgb(39.619047619,32.8095238095,123.1904761905)}.sidebar{opacity:0;background-color:#4338ca;height:0;overflow:hidden;transition-property:opacity;transition-duration:500ms}.sidebar.mostrar{opacity:1;padding:2rem;height:100%;position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,.9)}@media(min-width: 768px){.sidebar.mostrar{display:none}}.sidebar.ocultar{opacity:0}@media(min-width: 768px){.sidebar{opacity:1;padding:2rem;height:100%}}.sidebar .contenedor-sidebar{display:flex;justify-content:space-between;align-items:center}.sidebar .contenedor-sidebar h2{color:#fff;margin:0;text-align:center}.sidebar .contenedor-sidebar .cerrar-menu{display:flex;justify-content:center;height:3rem;width:3rem}.sidebar .contenedor-sidebar .cerrar-menu img:hover{cursor:pointer}@media(min-width: 768px){.sidebar .contenedor-sidebar .cerrar-menu{display:none}}.sidebar .sidebar-nav{margin-top:5rem}.sidebar .sidebar-nav a{color:#fff;display:block;margin-bottom:2rem;padding:.7rem;transition-property:background-color;transition-duration:300ms;font-weight:bold;font-size:2.4rem;text-transform:uppercase}.sidebar .sidebar-nav a:hover,.sidebar .sidebar-nav a.activo{background-color:rgb(39.619047619,32.8095238095,123.1904761905);border-radius:.5rem}@media(min-width: 768px){.sidebar .sidebar-nav a{font-size:1.5rem;margin-bottom:1.5rem}}.sidebar .cerrar-sesion-mobile{display:flex;justify-content:center;align-items:center;margin-top:10rem}.sidebar .cerrar-sesion-mobile .cerrar-sesion{color:#fff;background-color:#4338ca;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.sidebar .cerrar-sesion-mobile .cerrar-sesion{width:auto}}.sidebar .cerrar-sesion-mobile .cerrar-sesion:hover{background-color:rgb(59.0476190476,48.8988095238,183.6011904762);cursor:pointer}@media(min-width: 768px){.sidebar .cerrar-sesion-mobile{display:none}}.barra-mobile{background-color:#4338ca;padding:2rem 4rem;display:flex;justify-content:space-between;align-items:center}.barra-mobile h1 a{color:#fff}.barra-mobile .menu img{width:1rem}.barra-mobile .menu img:hover{cursor:pointer}@media(min-width: 768px){.barra-mobile{display:none}}.barra{display:none}@media(min-width: 768px){.barra{background-color:#fff;padding:1rem 2rem;box-shadow:1px 15px 10px -10px rgba(0,0,0,.4)}}@media(min-width: 768px)and (min-width: 768px){.barra{display:flex;justify-content:space-between;align-items:center}}@media(min-width: 768px){.barra p{margin:0;font-size:1.4rem}.barra p span{font-weight:700;color:#4338ca}}.cerrar-sesion{font-size:1.4rem;padding:1rem;border-radius:.5rem;background-color:rgb(52.5714285714,43.5357142857,163.4642857143);padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.cerrar-sesion{width:auto}}.cerrar-sesion:hover{background-color:rgb(46.0952380952,38.1726190476,143.3273809524);cursor:pointer}.no-proyectos{text-align:center;color:#000;font-size:2.4rem}.no-proyectos a{color:#4338ca}.listado-proyectos{list-style:none;padding:0;margin-top:3rem;display:grid;gap:2rem;grid-template-columns:repeat(1, 1fr)}@media(min-width: 768px){.listado-proyectos{display:grid;gap:2rem;grid-template-columns:repeat(2, 1fr)}}@media(min-width: 1024px){.listado-proyectos{display:grid;gap:2rem;grid-template-columns:repeat(3, 1fr)}}.listado-proyectos .proyecto{background-color:rgb(70.8047619048,60.0273809524,203.0726190476);min-height:12rem;display:flex;align-items:center;justify-content:center;line-height:2;font-size:1.6rem;border-radius:.5rem}.listado-proyectos .proyecto:hover{background-color:rgb(56.4571428571,46.7535714286,175.5464285714);font-weight:bold}.listado-proyectos .proyecto a{color:#fff}.contenedor-nueva-tarea{display:flex;justify-content:space-between}.contenedor-nueva-tarea .agregar-tarea{background-color:#0891b2;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.contenedor-nueva-tarea .agregar-tarea{width:auto}}.contenedor-nueva-tarea .agregar-tarea:hover{background-color:rgb(6.9032258065,125.1209677419,153.5967741935);cursor:pointer}.contenedor-nueva-tarea .btn-eliminar{background-color:#a90000;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.contenedor-nueva-tarea .btn-eliminar{width:auto}}.contenedor-nueva-tarea .btn-eliminar:hover{background-color:rgb(143.5,0,0);cursor:pointer}.listado-tareas{list-style:none;padding:0;margin-top:3rem}.listado-tareas .no-tareas{text-align:center}.tarea{padding:.5rem 2rem;border-bottom:2px solid hsl(220,14.2857142857%,70.8823529412%);margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.tarea:last-of-type{border-bottom:none}.tarea p{font-size:1.4rem;font-weight:bold}.tarea .opciones{display:flex;gap:1rem}.tarea .opciones button{border:none;font-size:.9rem;padding:.5rem 1rem;text-transform:uppercase;font-weight:700;border-radius:1rem}.tarea .opciones button:hover{cursor:pointer}.tarea .opciones .completa{background-color:#2563eb;color:#fff}.tarea .opciones .pendiente{background-color:#f59e0b;color:#fff}.tarea .opciones .eliminar-tarea{background-color:#a90000;color:#fff}.modal{position:absolute;background-color:rgba(0,0,0,.8);top:0;left:0;right:0;bottom:0}.modal .formulario{max-width:60rem;background-color:#fff;padding:2rem;margin:0 auto;transform:translateY(-30rem);transition-property:all;transition-duration:500ms;transition-timing-function:ease-in-out;opacity:0;border-radius:1rem}.modal .formulario h3{color:#fff;font-size:2.8rem;margin:0;padding:0}.modal .formulario legend{font-size:2rem;text-align:center;font-weight:bold;margin-bottom:2rem;display:block}.modal .formulario input[type=text]{border:1px solid #6b7280;border-radius:.5rem}.modal .formulario #submit-eliminar-proyecto{font-weight:bold;font-size:1.4rem;background-color:#a90000;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.modal .formulario #submit-eliminar-proyecto{width:auto}}.modal .formulario #submit-eliminar-proyecto:hover{background-color:rgb(143.5,0,0);cursor:pointer}.modal .formulario .opciones{display:flex;justify-content:space-between}.modal .formulario .submit-nueva-tarea{background-color:#4338ca;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.modal .formulario .submit-nueva-tarea{width:auto}}.modal .formulario .submit-nueva-tarea:hover{background-color:rgb(59.0476190476,48.8988095238,183.6011904762);cursor:pointer}.modal .formulario .cerrar-modal{background-color:#f59e0b;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%}@media(min-width: 768px){.modal .formulario .cerrar-modal{width:auto}}.modal .formulario .cerrar-modal:hover{background-color:rgb(221.4251968504,142.4744094488,9.0748031496);cursor:pointer}.modal .formulario.animar{position:relative;top:50%;transform:translateY(-50%);opacity:1}.modal .formulario.cerrar{transform:translateY(-200%);opacity:0}.modal .formulario .alerta{margin:2rem 0}.filtros{background-color:hsl(0,0%,95%);margin-top:2rem;padding:2rem;border-radius:1rem}.filtros .filtros-inputs h2{font-size:2.8rem;color:#4338ca;margin-bottom:2rem}@media(min-width: 768px){.filtros .filtros-inputs h2{margin:0}}@media(min-width: 1024px){.filtros .filtros-inputs h2{margin-bottom:0;margin-right:30%}}@media(min-width: 768px){.filtros .filtros-inputs{display:flex;align-items:center;justify-content:space-between;gap:1rem}}.filtros .filtros-inputs .campo{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}@media(min-width: 768px){.filtros .filtros-inputs .campo{margin-bottom:0;gap:1rem}}.filtros .filtros-inputs input[type=radio]{accent-color:#4338ca;width:1.6rem;height:1.6rem}@media(prefers-color-scheme: dark){body{background-color:#202c3b}.tagline,.formulario label{color:#fff}.descripcion-pagina,.formulario .campo input,.nombre-pagina{color:#f3f4f6}.formulario .campo input{background-color:rgb(58.9010989011,80.989010989,108.5989010989)}.alerta .error{background-color:#fff}.sidebar .sidebar-nav a:hover,.sidebar .sidebar-nav a.activo{background-color:#f59e0b}}@media(prefers-color-scheme: dark)and (min-width: 768px){.sidebar{background-color:rgb(23.032967033,31.6703296703,42.467032967)}}@media(prefers-color-scheme: dark){.barra-mobile,.barra{background-color:rgb(17.6527472527,24.2725274725,32.5472527473)}.barra p{color:#f59e0b}.barra p span{color:#f3f4f6}.barra .cerrar-sesion{background-color:#f59e0b;padding:1.5rem 4rem;color:#fff;font-size:1.6rem;display:inline-block;font-weight:700;border:none;transition-property:background-color;transition-duration:.3s;text-align:center;display:block;width:100%;padding:1rem;font-size:1.2rem}}@media(prefers-color-scheme: dark)and (min-width: 768px){.barra .cerrar-sesion{width:auto}}@media(prefers-color-scheme: dark){.barra .cerrar-sesion:hover{background-color:rgb(221.4251968504,142.4744094488,9.0748031496);cursor:pointer}.contenedor-nueva-tarea .agregar-tarea{background-color:rgb(49.9340659341,68.6593406593,92.0659340659)}.contenedor-nueva-tarea .agregar-tarea:hover{background-color:#202c3b}.filtros{background-color:rgb(49.9340659341,68.6593406593,92.0659340659)}.filtros .filtros-inputs h2,.filtros .filtros-inputs label{color:#fff}.filtros .filtros-inputs input[type=radio]{accent-color:#f59e0b}.dashboard{background-color:#202c3b}.dashboard .enlace{color:#f3f4f6}.dashboard .enlace:hover{color:hsl(220,14.2857142857%,80.8823529412%)}.dashboard .formulario .campo input{background-color:rgb(67.8681318681,93.3186813187,125.1318681319)}.dashboard .formulario .campo input::placeholder{color:hsl(220,14.2857142857%,75.8823529412%)}.listado-proyectos .proyecto{background-color:rgb(67.8681318681,93.3186813187,125.1318681319)}.listado-proyectos .proyecto:hover{background-color:rgb(49.9340659341,68.6593406593,92.0659340659)}.listado-tareas,.tarea{background-color:rgb(49.9340659341,68.6593406593,92.0659340659);border:none}.listado-tareas p,.tarea p{color:#f3f4f6}.no-tareas{color:#fff;background-color:rgba(0,0,0,0)}.modal .formulario{background-color:rgb(49.9340659341,68.6593406593,92.0659340659)}.modal .formulario input[type=text]{background-color:rgb(67.8681318681,93.3186813187,125.1318681319);color:#f3f4f6;border:none}.modal .formulario input[type=text]::placeholder{color:hsl(220,14.2857142857%,75.8823529412%)}.modal .formulario legend{color:#f3f4f6}}/*# sourceMappingURL=app.css.map */
