*{box-sizing:border-box}:root{--primary: #393355;--secondary:#8980b3;--accent: #fffa5e ;--verde: #4cff97}.contenedor-app{display:grid;grid-template-rows:auto auto 1fr;width:100%;max-height:90vh;max-width:600px;background:#f4f4f4;border-radius:10px 10px 0 0;overflow:hidden;box-shadow:2px 4px 15px #39335530;height:100%}.contenedor-header{display:flex;justify-content:space-between;align-items:center;background-color:#393355;padding-right:25px;padding-left:25px;max-height:50px}.contenedor-header h2{font-weight:400;color:#c5bfe0}.mostrarTareasCompletadas{width:50%;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;text-align:end}.mostrarTareas__btn{width:100%;background:var(--secondary);border-radius:3px;color:#f4f4f4da;border:none;font-size:14px;transition:ease .3s all;padding:.5em;cursor:pointer}.mostrarTareas__btn:hover{background-color:#7966cc}.formulario__tarea{display:flex;justify-content:space-between;padding:10px 20px;position:relative}.formulario__tarea-input{width:100%;position:relative;padding:10px 15px;background:none;border:none;border-bottom:2px solid var(--secondary);font-size:1em;color:#2d2d2e;font-weight:600;transition:all .3s ease-in}.formulario__tarea-input::placeholder{color:#c5bfe0}.formulario__tarea-input:focus{outline:none;border-color:#393355;background:#fffefe}.formulario__tarea-btn{border-radius:8px;padding:none;border:none;font-size:1.5em;font-weight:500;font-family:inherit;color:#8980b3;cursor:pointer;position:absolute;background:none;right:18px}.lista-tareas{list-style:none;padding-left:0;margin:0;height:100%}.lista-de-tarea__tarea{display:flex;justify-content:space-between;width:100%;background-color:#8074b320;font-size:1.2em;padding:5px 20px;align-items:center}.lista-de-tarea__tarea:nth-child(even){background-color:#f4f4f4}.lista-de-tareas__empty{display:flex;min-height:200px;flex-direction:column;align-items:center;color:#b2aec4;font-size:2em;justify-content:center;background-color:#080400}.tarea__texto{width:80%;color:#393355;font-weight:600;padding-left:20px;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.tarea__contenedor-iconos{color:var(--secondary);font-size:.9em;display:flex;justify-content:flex-end;width:10%;transition:all ease .2s}.tarea__icon-edit{padding-right:10px;cursor:pointer;transition:all ease .2}.tarea__icon-edit:hover{color:#2d2d2ea5}.tarea__icon-delete{cursor:pointer;transition:all ease .3s}.tarea__icon-delete:hover{color:#d92792}.editar-tarea{display:flex;flex:row no-wrap;justify-content:space-between;width:100%}.editar-tarea__input{width:100%;border:none;display:block;border-radius:5px;margin-left:10px;padding:5px 15px;font-size:1em;font-weight:500;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.editar-tarea__input:focus{outline:none;padding:4px 15px;border-bottom:var(--secondary) solid 2px}.editar-tarea__input-btn{background:var(--verde);border:none;font-weight:500;color:var(--primary);border-radius:3px;padding:auto 20px;width:30%;cursor:pointer}.editar-tarea__input-btn:hover{background:hsl(149,100%,55%)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{width:100%;min-height:50vh;display:flex;justify-content:center;padding:50px 0;box-sizing:border-box}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;margin-top:10vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}