body{font-family:Roboto,sans-serif;background-color:#f5f5f5;margin:0;padding:0}.container,.formUser{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 85px;background-color:#fff;border-bottom:1px solid #ddd}.header h1{font-size:20px;color:#2c3e50}.nav-tabs{display:flex;border-bottom:2px solid #e0e0e0}.nav-tabs a{font-weight:800;padding:10px 20px;text-decoration:none;color:#2c3e50;border:1px solid transparent;border-bottom:none;transition:background-color .3s}.nav-tabs a:hover{background-color:#e4e4e4;border-color:#e0e0e0}.nav-tabs button{font-family:Roboto;font-size:17px;font-weight:800;padding:10px 20px;cursor:pointer;text-decoration:none;color:#fff;background-color:#2c3e50;border:1px solid transparent;border-bottom:none;transition:background-color .3s}.nav-tabs button.active,.nav-tabs button:hover{background-color:#336fac;border-color:#e0e0e0}.content{display:flex;flex-wrap:wrap;gap:20px;margin-top:20px}.card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:20px;flex:1;min-width:300px}.config-cards{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.cardd{flex:1;border:1px solid #ddd;border-radius:8px;padding:20px;text-align:left;background:#fff;box-shadow:2px 2px 10px #0000001a;transition:transform .3s ease-in-out}.cardd:hover{transform:scale(1.05)}.cardd img{user-select:none;width:40px;height:35px;margin-bottom:10px}.cardd h3{user-select:none;font-size:16px;font-weight:700;color:#0d2c6d}.cardd p{user-select:none;font-size:14px;color:#555}.profile-card{text-align:center}.profile-card img{border-radius:50%;width:100px;height:100px}.profile-card h2{font-size:18px;margin:10px 0}.profile-card p{margin:5px 0;color:#626768}.wallet-card,.pending-payments-card{display:flex;flex-direction:column}.wallet-card h3,.pending-payments-card h3{font-size:18px;margin-bottom:10px}.wallet-card .balance{font-size:32px;font-weight:700;color:#1c3d5a;margin:20px 0}.registerbtn{background-color:#1c3d5a;color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.registerbtn:hover{background-color:#2f6696}.wallet-card button{background-color:#fff;font-weight:700;border:1px solid #2c3e50;padding:10px 20px;border-radius:4px;cursor:pointer;color:#2c3e50;transition:background-color .3s}.wallet-card button:hover{background-color:#e0e0e0}.transaction-list,.pending-payments-list{flex:1;overflow-y:auto}.transaction-item,.pending-payment-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e0e0e0}.transaction-item:last-child,.pending-payment-item:last-child{border-bottom:none}.nombrehotel,.fechalimit{font-size:13px;margin-bottom:25px;color:#4d5152}.estadopago{font-weight:500;margin:20px}.agency-card{display:flex;flex-direction:column;align-items:center}.agency-card h3{font-size:18px;margin-bottom:10px}.agency-card .discount{background-color:sienna;color:#fff;padding:20px;border-radius:8px;text-align:center;width:100%}.agency-card .discount p{margin:5px 0}.status{padding:5px 10px;border-radius:5px;font-size:.9em}.pending{background-color:#f39c12;color:#fff}.clomplete{background-color:#28912d;color:#fff}.cancel{background-color:#bd1f1f;color:#fff}.denied{background-color:#df6482;color:#fff}.proces{background-color:#36a3c4;color:#fff}.abonado{background-color:#b58a2d;color:#fff}.recharge-container{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:15px}.recharge-input{width:100%;max-width:250px;padding:10px;font-size:16px;border:2px solid #1C3D5A;border-radius:5px;outline:none;text-align:center;transition:all .3s ease-in-out}.recharge-input:focus{border-color:#163d5f;box-shadow:0 0 5px #334f9eb3}.upload-container{display:flex;justify-content:center;align-items:center;margin-top:10px}input[type=file]{display:none}.custom-file-upload{background-color:#163d5f;color:#fff;padding:5px;border-radius:5px;cursor:pointer;font-size:10px;transition:background .3s ease-in-out}.custom-file-upload:hover{background-color:#0056b3}.profile-image{width:100px;height:100px;border-radius:50%;border:2px solid #163d5f;cursor:pointer;transition:opacity .3s ease-in-out}.profile-image.hover-effect{opacity:.5;border:2px solid #163d5f}.payment-movement{padding:15px 0}.movement-details{margin-top:10px}.movement-details p{margin:5px 0;font-size:14px}.amount{font-weight:700;color:#26547b;margin-top:8px}.status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700}.clomplete{background-color:#4caf50;color:#fff}.pending{background-color:#ffc107;color:#000}.proces{background-color:#2196f3;color:#fff}hr{border:0;height:1px;background-color:#eee;margin:15px 0}