body{font-family:Arial,Helvetica,sans-serif;background-color:#f0f0f0}.form-login{display:flex;flex-flow:column nowrap;max-width:400px;background-color:#000000c1;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);margin:80px auto;padding:20px;border-radius:8px;box-shadow:0 5px 45px 5px #000}.login-title{text-align:center;color:#fff;margin:9px 0}.login-input{border:none;padding:12px 15px;margin:10px 0;width:100%;font-size:1rem;border-bottom:2px solid white;color:#fff;background:transparent}.login-inpu:focus{outline:none;border-bottom-color:#054ea7}.login-inpu::placeholder{color:#fff}.login-submit{border:none;padding:12px;margin:10px 0;width:100%;font-size:1rem;border-radius:10px;background:#c7d8e9;box-shadow:inset 0 0 #054ea7;-webkit-transition:ease-out .4s;-moz-transition:ease-out .4s;transition:ease-out .4s;cursor:pointer}.login-submit:hover{box-shadow:inset 50px 500px #054ea7;color:#fff}.form-register{display:flex;flex-flow:column nowrap;max-width:400px;background-color:#000000c1;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);margin:80px auto;padding:20px;border-radius:8px;box-shadow:0 5px 45px 5px #000}.register-title{text-align:center;color:#fff;margin:9px 0}.register-input{border:none;padding:12px 15px;margin:10px 0;width:100%;font-size:1rem;border-bottom:2px solid white;color:#fff;background:transparent}.register-input:focus{outline:none;border-bottom-color:#054ea7}.register-input::placeholder{color:#fff}.register-submit{border:none;padding:12px;margin:10px 0;width:100%;font-size:1rem;border-radius:10px;background:#c7d8e9;box-shadow:inset 0 0 #054ea7;-webkit-transition:ease-out .4s;-moz-transition:ease-out .4s;transition:ease-out .4s;cursor:pointer}.register-submit:hover{box-shadow:inset 0 50px #054ea7;color:#fff}span{color:red}.errores{background-color:red;padding:5px;color:#fff;border-radius:10px;text-align:center;font-weight:700}.link{color:#fff;text-decoration:none;margin:5px 0;text-align:center}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif}.orden{border-radius:10px;box-shadow:0 0 20px 20px #0000001a;justify-content:center;margin:80px auto;max-width:500px}.orden .orden-header{display:flex;align-items:center;background:-webkit-linear-gradient(90deg,#00fbff,#640288);background:linear-gradient(90deg,#00fbff,#640288);padding:10px;border-radius:10px 10px 0 0;color:#fff}.orden .orden-header h2{font-size:2rem;padding:5px;margin:0 10px}.orden .orden-header .botones{display:flex;gap:10px;margin-left:auto}.orden .orden-header .botones .btn-delete{border:none;color:#fff;font-size:1rem;cursor:pointer;background:red;padding:10px;border-radius:10px}.orden .orden-header .botones .btn-edit{border:none;color:#fff;font-size:1rem;cursor:pointer;background:#27c300;padding:10px;border-radius:10px;text-decoration:none}.orden .orden-body{padding:20px;display:flex;flex-direction:column;color:#000}.orden .orden-body p{font-size:1.1rem;margin-bottom:10px;color:#000}.orden .orden-body p span{font-weight:700;color:#000;margin:0 5px}@media (max-width: 768px){.orden{margin:30px auto;width:95%}.orden .orden-header h2{font-size:1.5rem}.orden .orden-header .botones{flex-direction:column;gap:5px}.orden .orden-header .botones .btn-delete,.orden .orden-header .botones .btn-edit{font-size:.9rem;padding:8px}.orden .orden-body p{font-size:1rem}}*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.container-form{text-align:center;margin:50px auto}.container-form h1{color:#000;margin:20px 0}.container-form form{display:flex;flex-flow:row wrap;justify-content:center;align-items:center}.container-form form input,textarea,select{width:50%;padding:10px 15px;margin:10px;border-radius:5px;border:1px solid #ccc;outline:none;font-size:1rem}.container-form form button{width:50%;padding:10px;margin:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;background-color:#0aa289;color:#fff;cursor:pointer}.container-form form button:hover{background-color:#096f5e}*{margin:0;padding:0;box-sizing:border-box}nav{background-color:#000000af;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);display:flex no-wrap;justify-content:space-between;align-items:center;color:#fff;padding:20px;border:none;margin:0}nav ul{list-style:none;padding:0;display:flex;justify-content:end;align-items:center;gap:10px}li{margin-right:10px}nav a{color:#fff;text-decoration:none;transition:.3s;position:relative}nav a:hover{color:tomato;transition:.3s;position:relative}nav a:after{content:"";position:absolute;width:100%;height:2px;background-color:tomato;bottom:-5px;left:0;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}nav a:hover:after{transform:scaleX(1);transform-origin:bottom left}.user{margin:0 10px}.user a{color:#fff;text-decoration:none;transition:.3s;position:relative;font-size:18px}.user img{width:30px;height:30px;padding:5px;background:#fff;border-radius:100%;margin-right:5px;vertical-align:middle;position:relative}.user img:hover{transform:scale(1.1);transition:.3s;position:relative;bottom:15px}.user a:hover{color:#fff;transition:.3s;position:relative}.user a:after{content:"";position:absolute;width:100%;height:2px;background-color:#fff;bottom:-5px;left:0;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out}.user a:hover:after{transform:scaleX(1);transform-origin:bottom left}