@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-Medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-SemiBold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url(../../assets/fonts/Inter-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}body{margin:0;color:#374151;font-family:"Inter",sans-serif;font-size:clamp(1.4rem,calc(1.5vw + 1rem),1.6rem);line-height:1.6;display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-height:100vh;background-color:#f9fafb}a{text-decoration:none;color:#4f46e5;transition:color .3s ease}a:focus,a:hover{color:#14b8a6}input,select{border-radius:4px;border:1.5px solid #6b7280;background-color:#fff;padding:4px;font-size:1.6rem;color:#374151;transition:border-color .3s ease,box-shadow .3s ease}input:focus,select:focus{border-color:#4f46e5;outline:0;box-shadow:0 0 8px 2px rgba(79,70,229,.3)}button{cursor:pointer;border:0;font-weight:600}*,::after,::before{margin:0;padding:0;box-sizing:inherit}body,html{width:100%;max-width:100%;overflow-x:hidden}html{font-size:62.5%;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:"Inter",sans-serif;color:#fff;margin:0 0 .8rem}h1{margin:0;font-weight:700;font-size:clamp(2rem,calc(3vw + 1rem),3rem)}button[type=submit]{align-self:center;background:linear-gradient(135deg,#4f46e5,#14b8a6);color:#fff;font-weight:700;padding:clamp(.8rem,calc(1vw + .5rem),1.2rem);border-radius:8px;box-shadow:0 6px 10px rgba(79,70,229,.5);transition:background .3s ease-in-out,scale .3s ease-in-out}button[type=submit]:focus,button[type=submit]:hover{background:linear-gradient(135deg,#14b8a6,#4f46e5);scale:1.05;outline:0}button#btn-limpiar-filtros{align-self:center;min-width:14rem;background-color:#4f46e5;color:#fff;font-weight:700;padding:clamp(.8rem,calc(1vw + .5rem),1.2rem);border-radius:8px;box-shadow:0 4px 8px rgba(20,184,166,.5);transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}button#btn-limpiar-filtros:focus,button#btn-limpiar-filtros:hover{background-color:#291fd9;box-shadow:0 0 12px rgba(79,70,229,.8);outline:0}#filtros{display:flex;flex-wrap:wrap;background:rgba(255,255,255,.2);width:100%;gap:1.6rem;margin-top:2.4rem;justify-content:center;border-radius:8px;box-shadow:4px 6px 12px rgba(55,65,81,.3);padding:clamp(1.6rem,calc(2vw + 1rem),3.2rem)}#filtros input[type=date],#filtros select{padding:clamp(.8rem,calc(1vw + .4rem),1.2rem);border:1px solid #a5b4fc;border-radius:4px;color:#374151;background-color:#fff;font-size:1.6rem;transition:border-color .3s ease}#filtros input[type=date]:focus,#filtros select:focus{border-color:#4f46e5;outline:0;box-shadow:0 0 6px rgba(79,70,229,.4)}#form-tarea{display:flex;flex-wrap:wrap;gap:1.6rem;margin-bottom:2.4rem;border-radius:8px;box-shadow:0 6px 12px rgba(55,65,81,.3);padding:clamp(1.6rem,calc(2vw + 1rem),3.2rem)}#form-tarea input{flex:1 1 100%;padding:clamp(.8rem,calc(1vw + .4rem),1.2rem);border:1px solid #a5b4fc;border-radius:4px;color:#374151;background-color:#fff;text-align:center;font-size:1.6rem;transition:border-color .3s ease,box-shadow .3s ease}#form-tarea input:focus{border-color:#4f46e5;box-shadow:0 0 8px 4px #a5b4fc;outline:0}#form-tarea input::-moz-placeholder{color:#6b7280}#form-tarea input::placeholder{color:#6b7280}@media (min-width:768px){#form-tarea input{flex:1 1 auto;min-width:200px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lista-tareas{list-style:none;padding:clamp(1.6rem,calc(2vw + 1rem),3.2rem);margin-top:2.4rem;background:radial-gradient(at center,rgba(255,255,255,.8),transparent);border-radius:8px;border-color:transparent;box-shadow:0 4px 12px rgba(107,114,128,.6);display:flex;flex-direction:column;gap:1.6rem;text-shadow:0 0 2px rgba(0,0,0,.4);color:#374151}.lista-tareas .tarea{background:#fff;border-radius:4px;padding:clamp(1rem,calc(1vw + .8rem),1.6rem);box-shadow:0 4px 12px rgba(0,0,0,.06);display:flex;justify-content:space-between;align-items:center;transition:transform .3s ease-in-out}.lista-tareas .tarea .info{flex:1}.lista-tareas .tarea .activa,.lista-tareas .tarea span.finalizada{display:block;width:50%;color:#6b7280;background-color:#a3f5ec;padding:clamp(1rem,calc(1vw + .8rem),1.6rem)}.lista-tareas .tarea span.finalizada{color:#0ff;text-decoration:line-through;background-color:#7d8492}.lista-tareas .tarea:focus-within,.lista-tareas .tarea:hover{box-shadow:0 8px 18px rgba(0,0,0,.12);transform:scale(1.02)}.lista-tareas .tarea>div:first-child{flex:1}.lista-tareas .tarea>div:first-child strong{font-weight:700;color:#4f46e5}.lista-tareas .tarea>div:first-child span{font-size:1.3rem;display:block;margin-top:.25rem}.lista-tareas .tarea button.borrar{background:#f59e0b;border:0;color:#fff;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-weight:600;transition:background-color .3s ease;box-shadow:0 4px 8px rgba(0,0,0,.1)}.lista-tareas .tarea button.borrar:focus,.lista-tareas .tarea button.borrar:hover{background:#c57f08;outline:0}.lista-tareas .acciones{display:flex;gap:clamp(1rem,2rem,3rem);align-items:center}.lista-tareas .acciones button{background:#14b8a6;border:0;color:#fff;padding:.4em .6em;border-radius:4px;cursor:pointer;transition:background .2s ease,transform .2s ease;font-size:1.2rem;box-shadow:0 2px 4px #374151}.lista-tareas .acciones button:hover{background:#0f8a7d;transform:scale(1.05)}.lista-tareas .acciones button:active{transform:scale(.95)}.container{width:100%;max-width:80rem;height:100%;max-height:80vh;overflow-y:auto;margin:0 auto;padding:clamp(1.6rem,calc(2vw + 1rem),3.2rem);background:linear-gradient(135deg,#a5b4fc,#5eead4);border-radius:8px;box-shadow:0 10px 20px rgba(0,0,0,.08)}.error-message{color:red;font-weight:600;margin-top:.5rem;font-size:clamp(.8rem,1vw + .3rem,1rem);text-align:center}.header{width:100%;text-align:center;padding:clamp(1.6rem,calc(2vw + .5rem),2.4rem);background:linear-gradient(135deg,#4f46e5,#14b8a6);color:#fff;margin:0;margin-bottom:clamp(1.6rem,calc(2vw + .5rem),2.4rem);box-shadow:0 8px 15px rgba(79,70,229,.3)}.back-link{position:fixed;display:inline-block;margin:clamp(.8rem,calc(1vw + .5rem),1.2rem);font-weight:600;top:1.5rem;left:2rem;width:2rem;height:2rem;color:#fff}@media (min-width:768px){.back-link{width:3rem;height:3rem}}.back-link:focus,.back-link:hover{border-color:#a5b4fc}footer{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;padding:clamp(1.6rem,calc(2vw + .5rem),2.4rem);background:linear-gradient(135deg,#4f46e5,#14b8a6);margin-top:clamp(1.6rem,calc(2vw + .5rem),2.4rem);margin-bottom:0}footer p{color:#fff;font-weight:600;font-size:clamp(1.2rem,calc(1.5vw + .5rem),1.4rem)}