footer,a{color:#fff}.footerComponente[data-v-ebc22fbf]{margin-top:2rem}:root{--primary: #ea40a4;--business: #3a82ee;--personal: var(--primary);--light: #eee;--grey: #888;--dark: #313154;--danger: #bd2eec;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--business-glow: 0px 0px 4px rgba(58, 130, 238, .75);--personal-glow: 0px 0px 4px rgba(234, 64, 164, .75)}*{margin:0;padding:0;box-sizing:border-box;font-family:montserrat,sans-serif}input:not([type="radio"]):not([type="checkbox"]),button{appearance:none;border:none;outline:none;background:none;cursor:initial}body{background-image:url(/assets/fondo-baf18380.jpg);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;background-position:center;color:var(--dark);display:flex;justify-content:center}.contenedor{margin-top:2rem;width:35rem;background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}.icono{width:5rem}.floating{animation:floating 3s ease-in-out infinite;margin-left:30px;margin-top:5px}@keyframes floating{0%{transform:translate(0)}50%{transform:translateY(15px)}to{transform:translateY(-0px)}}.inputNombre::placeholder{color:var(--primary);font-weight:700}.inputTarea::placeholder{color:var(--primary)}section{margin-top:2rem;margin-bottom:2rem;padding-left:1.5rem;padding-right:1.5em}h3{color:#fff;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-align:center}h4{color:#fff;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.greeting{display:flex;align-items:center}.greeting .title{display:flex}.greeting .title input{margin-left:.5rem;flex:1 1 0%;min-width:0}.greeting .title,.greeting .title input{color:#fff;font-size:1.5rem;font-weight:700}.create-todo input[type=text]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;margin-bottom:1.5rem;background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}.create-todo .options{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;margin-bottom:1.5rem}.create-todo .options label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;box-shadow:var(--shadow);cursor:pointer;background:rgba(255,255,255,.25);box-shadow:0 8px 32px #1f26875e;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-radius:10px;border:1px solid rgba(255,255,255,.18)}input[type=radio],input[type=checkbox]{display:none}.bubble{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:2px solid var(--business);box-shadow:var(--business-glow)}.bubble.personal{border-color:var(--personal);box-shadow:var(--personal-glow)}.bubble:after{content:"";display:block;opacity:0;width:0px;height:0px;background-color:var(--business);box-shadow:var(--business-glow);border-radius:50%;transition:.2s ease-in-out}.bubble.personal:after{background-color:var(--personal);box-shadow:var(--personal-glow)}input:checked~.bubble:after{width:10px;height:10px;opacity:1}.create-todo .options label div{color:var(--dark);font-size:1.125rem;margin-top:1rem}.create-todo input[type=submit]{display:block;width:100%;font-size:1.125rem;padding:1rem 1.5rem;color:#fff;background-color:var(--primary);border-radius:.5rem;box-shadow:var(--personal-glow);cursor:pointer;transition:.2s ease-in-out}.create-todo input[type=submit]:hover{opacity:.75}.todo-list .list{margin:1rem 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.todo-list .todo-item{display:flex;align-items:center;background-color:#fff;padding:1rem;border-radius:.5rem;box-shadow:var(--shadow);margin-bottom:1rem;width:90%}.todo-item label{display:block;margin-right:1rem;cursor:pointer}.todo-item .todo-content{flex:1 1 0%}.todo-item .todo-content input{color:var(--dark);font-size:1.125rem}.todo-item .actions{display:flex;align-items:center}.todo-item .actions button{display:block;padding:.5rem;border-radius:.25rem;color:#fff;cursor:pointer;transition:.2s ease-in-out}.todo-item .actions button:hover{opacity:.75}.todo-item .actions .edit{margin-right:.5rem;background-color:var(--primary)}.todo-item .actions .delete{background-color:var(--danger)}.todo-item.done .todo-content input{text-decoration:line-through;color:var(--grey)}@media screen and (min-width: 351px) and (max-width: 480px){.contenedor,.footerComponente{width:22rem}.greeting{flex-wrap:wrap;padding-left:1rem;padding-right:1em}.cajaImagen{margin:1rem auto}h3{margin:1.2rem auto}.todo-item .actions{position:absolute;right:1.2rem}.inputNombre{width:100%}}@media screen and (min-width: 320px) and (max-width: 350px){.contenedor,.footerComponente{width:18rem}.greeting{flex-wrap:wrap;padding-left:1rem;padding-right:1rem}.cajaImagen{margin:1rem auto}h3{margin:1.2rem auto}.create-todo .options label{width:7rem}.todo-item .actions{position:absolute;right:1.2rem}.inputNombre{width:100%}}