@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap";.app-header{position:fixed;background-color:#ffffffd8;color:#000;width:100%;height:65px;z-index:100;box-shadow:0 4px 12px 4px;display:flex;font-size:1.5rem;justify-content:center;align-items:center}.img-app{width:50px;font-size:1rem;height:42px}.form-container{position:fixed;width:100%;min-height:100vh;background-color:#0002;z-index:1;top:0;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(2px);transition:transform .2s ease}.user-container{display:grid;grid-template-columns:repeat(auto-fit,300px);width:100%;max-width:1200px;gap:2em;justify-content:center;margin-left:auto;margin-right:auto;padding:3em}.close-form{transform:translate(-100%)}.app-btn{position:fixed;z-index:100;color:#fff;padding:.5em 2em;background-color:#8187b9;margin-left:.2rem;border-radius:10px;margin-top:.2rem;transition:transform .1s ease}.app-btn:hover{transform:scale(.9)}@media screen and (max-width: 700px){.app-header{font-size:.7rem;height:55px}.app-btn{font-size:.9rem;width:100px;height:50px}}.form{width:100%;max-width:300px;padding:2em 1.5em;background-color:#fff;position:relative;margin-top:4rem}.x{position:absolute;font-size:.8rem;right:1em;color:#da5d5d;top:.8em;cursor:pointer;transition:transform .1s ease}.x:hover{transform:scale(1.2)}.form-title{margin-bottom:.5em}.form-div{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8em}.form-div:nth-child(7){margin-bottom:2em}.form-label{position:relative;left:.8em}.form-inp{font-size:1rem;font-weight:100;padding:.5em .8em;border-radius:.2em;border:1px solid rgb(117,117,117);background-color:#d7dddf}.form-btn{width:100%;padding:.8em;color:#000;font-size:1rem;transition:filter .1s ease;background-color:#b964ff}.form-btn:hover{filter:brightness(1.2)}.card{width:100%;max-width:300px;padding:1.8em 1.2em;border-radius:.5em;border:1px solid grey;transition:transform .2s ease;background-color:#e4dbdb;margin-top:4rem}.card-title{margin-bottom:.5rem;font-size:1.3rem}.card:hover{transform:scale(1.05)}.card-body{display:grid;gap:.5em;margin-bottom:1.2em}.card-item{display:flex;flex-direction:column;gap:.1rem}.card-span{text-transform:uppercase;color:#807d7d;font-size:.8rem;position:relative;left:1em}.card-footer{display:flex;justify-content:flex-end;gap:.8em}.card-btn{width:2.5em;font-size:1.2rem;padding:.4em;border-radius:15px}.card-btn-trash{aspect-ratio:1;color:#fff;background-color:#f14646}.card-btn-edit{background-color:#e4dbdb;color:#5e945e;border:1px solid currentColor}.card-btn:hover{box-shadow:0 0 .4em #0004;transition:box-shadow .1s ease}.img-item{width:100%}*{box-sizing:border-box}body{margin:0;font-family:Nunito,sans-serif;background-image:url(/assets/fondo-d6d18f17.jpg);background-size:cover}h1,h2,h3,p,ul{margin-top:0;margin-bottom:0}ul{list-style:none;padding-left:0}button{display:inline-block;border:0;color:inherit;cursor:pointer}input{outline:0;color:inherit;font-family:inherit}