@charset "UTF-8";*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f0f0;color:#060606}h1{font-size:2rem;text-align:center;color:#9002f6;margin:1rem 0}#app{width:90%;max-width:1000px;margin:0 auto}header{background-color:#7202c3;color:#f5f5f5;padding:1rem 0;margin-bottom:1rem}header .wrapper{max-width:1200px;margin:0 auto;padding:0 1rem}header nav a{color:#ff0;margin-right:1rem;text-decoration:none;font-weight:700}header nav a:hover{text-decoration:underline}main{width:100%;padding:1.5rem;background-color:#fd01cb;border-radius:10px;box-shadow:3px 2px 5px #0000001a}.my-8{margin:2rem 0;width:100%;max-width:1200px;text-align:center;font-weight:700}.my-8 p{background-color:#ffef99;padding:.5rem;border-radius:3px;color:#060606;margin-bottom:1rem}.todo-list{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.todo-item{display:flex;flex-direction:column;background-color:gold;color:#060606;border-radius:5px;padding:.5rem .8rem}.todo-item .task-text{margin:0;font-weight:500}.todo-item button{margin-top:.5rem;background-color:#5a41fd;color:#fff;border:none;border-radius:5px;padding:.5rem .8rem;cursor:pointer;font-size:.9rem;font-weight:700;transition:background-color .3s ease}.todo-item button:hover{background-color:#2e0ffc}.todo-item.completed{opacity:.7;text-decoration:line-through}.add-todo{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1rem}.add-todo input{width:100%;padding:.5rem;border:2px solid #5a41fd;border-radius:5px;font-size:1rem}.add-todo button{background-color:#9002f6;color:#c7f706;border:none;padding:.7rem 1.2rem;border-radius:5px;cursor:pointer;font-size:1rem;font-weight:700;width:100%;transition:background-color .3s ease}.add-todo button:hover{background-color:#7202c3}.reset-section{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:1rem}.reset-section .reset-btn{background-color:#c7f706;color:#861ee7;font-weight:bolder;font-size:1rem;border:none;border-radius:3px;padding:.5rem 1rem;cursor:pointer;transition:background-color .3s ease;width:100%}.reset-section .reset-btn:hover{background-color:#9fc505}.iconos{text-align:center;font-size:1.5rem;margin-bottom:1rem}@media screen and (max-width: 400px){main{width:95%;padding:.8rem}.add-todo input{margin-bottom:.5rem}.iconos{font-size:1rem}.reset-btn{width:100%}}@media screen and (min-width: 400px){.add-todo{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem}.add-todo input{flex:2}.add-todo button{white-space:nowrap;padding:.5rem 1rem;max-width:30%}.reset-section{justify-content:flex-end}.reset-btn{width:100%;max-width:30%}}.completed[data-v-a2b48c01]{text-decoration:line-through}