body,html{margin:0;font-family:Arial,sans-serif;color:#eee;background:linear-gradient(270deg,#1d2b4a,#1a1a1a,#1d2b4a);background-size:300% 300%;animation:moveGradient 15s ease infinite;display:grid;place-items:center;min-height:1vh;padding:10px;box-sizing:border-box}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.App{width:100%;max-width:800px;margin:0 auto;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;padding:30px}header{text-align:center;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:20px;margin-bottom:20px}header h1{margin:10px 0 0;color:#fff;font-weight:300;letter-spacing:1px}header img{max-width:100%;height:auto}.formulario-prestamo fieldset{border:none;padding:0;margin-bottom:20px}.formulario-prestamo legend{font-weight:700;color:#eee;padding:0;margin-bottom:15px;font-size:1.2em}.formulario-prestamo div{margin-bottom:15px}.formulario-prestamo label{display:block;margin-bottom:8px;font-weight:600;color:#ccc;font-size:.9em}.formulario-prestamo input[type=text],.formulario-prestamo input[type=number],.formulario-prestamo select,.formulario-prestamo textarea{width:100%;padding:12px;box-sizing:border-box;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#eee;font-family:Arial,sans-serif;font-size:1em}.formulario-prestamo input::placeholder{color:#ccc}.formulario-prestamo input:focus,.formulario-prestamo select:focus,.formulario-prestamo textarea:focus{outline:none;border:1px solid #007bff;box-shadow:0 0 10px #007bff4d}.form-row{display:flex;flex-wrap:wrap;gap:15px}.form-group{flex:1;min-width:150px;margin-bottom:0!important}.form-group input{width:100%}.search-results{margin-top:5px;display:flex;flex-direction:column}.search-result-item{background-color:#007bff4d;border:1px solid rgba(0,123,255,.5);color:#eee;padding:8px;margin-top:5px;cursor:pointer;text-align:left;border-radius:4px}.search-result-item:hover{background-color:#007bff80}.lista-solicitud h4{margin-top:20px;border-top:1px solid rgba(255,255,255,.2);padding-top:15px}.lista-solicitud p{color:#888}.solicitud-items-list{list-style-type:none;padding-left:0}.solicitud-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background-color:#0003;border:1px solid rgba(255,255,255,.1);margin-bottom:8px;border-radius:4px}.solicitud-item .item-name{font-weight:700}.item-controls{display:flex;align-items:center;gap:10px}.item-controls label{font-size:.9em;color:#ccc!important;margin-bottom:0!important}.item-quantity{width:70px!important;text-align:center;padding:5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);color:#eee}.item-quantity::placeholder{color:#ccc}.remove-btn{background-color:#dc3545;border:none;color:#fff;padding:5px 8px;border-radius:4px;cursor:pointer;margin-left:auto}.remove-btn:hover{background-color:#c82333}.accordion-item{border:none;border-bottom:1px solid rgba(255,255,255,.2);margin-bottom:10px;background-color:transparent;border-radius:0}.accordion-header{padding:15px 10px;margin:0;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background-color:#ffffff0d;border-radius:6px}.accordion-header:hover{background-color:#ffffff1a}.accordion-header span{font-size:1.2em}.accordion-content{padding:20px 10px 10px;border-top:none}.accordion-content fieldset{margin:0;padding:0;border:none}.next-btn{background-color:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:700;float:right;margin-top:10px}.next-btn:hover{background-color:#0056b3}.tipo-solicitud-selector{display:flex;gap:10px;margin-bottom:20px}.tipo-solicitud-selector label{flex:1;padding:15px;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;border-radius:10px;cursor:pointer;text-align:center;font-weight:700;transition:all .2s ease}.tipo-solicitud-selector input[type=radio]{display:none}.tipo-solicitud-selector label:hover{background-color:#fff3}.tipo-solicitud-selector label.active{background-color:#007bff;border-color:#007bff;color:#fff}.campos-equipo{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.campos-equipo.visible{max-height:500px}.formulario-prestamo input:disabled,.formulario-prestamo select:disabled{background:#0003!important;color:#666!important;cursor:not-allowed;opacity:.5}.terminos-container{display:flex;align-items:center;gap:10px}.terminos-container input[type=checkbox]{width:auto}.terminos-container label{color:#ccc!important;display:inline!important;margin-bottom:0}.link-reglamento{color:#007bff;text-decoration:underline;cursor:pointer}.link-reglamento:hover{color:#39f}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:grid;place-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:#282828cc;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);padding:30px;border-radius:15px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.modal-content h2{margin-top:0;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px;color:#0af}.modal-content ol{line-height:1.6}.modal-close-btn{background-color:#007bff;color:#fff;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;font-size:16px;margin-top:15px;float:right}.modal-close-btn:hover{background-color:#0056b3}.submit-btn{width:100%;padding:15px;font-size:16px;font-weight:700;background-color:#28a745;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .2s ease}.submit-btn:disabled{background-color:#555;cursor:not-allowed;opacity:.7}.submit-btn:not(:disabled):hover{background-color:#218838}.add-item-row{display:flex;gap:10px;align-items:center;margin-bottom:15px;background:#ffffff0d;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.input-material{flex:3}.input-cantidad{flex:1;max-width:80px;text-align:center}.btn-add{flex:0 0 45px;height:42px;background-color:#0af;color:#fff;border:none;border-radius:6px;font-size:1.5em;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:0;transition:background .2s;padding:0}.btn-add:hover{background-color:#008ecc}.item-status{display:flex;align-items:center;justify-content:center;margin-right:8px;font-size:1.1em;cursor:help}.confirm-modal{border:1px solid #ffc107;background:#1e1e1e;max-width:500px}.security-check-box{background:#ffffff0d;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.1);margin-bottom:25px;display:flex;justify-content:center}.checkbox-container{display:flex;align-items:flex-start;gap:15px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:28px;width:28px;min-width:28px;background-color:#333;border:2px solid #555;border-radius:6px;position:relative;transition:all .2s}.checkbox-container:hover .checkmark{border-color:#0af}.checkbox-container input:checked~.checkmark{background-color:#0af;border-color:#0af;box-shadow:0 0 10px #00aaff80}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:9px;top:5px;width:6px;height:12px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg)}.check-text{font-size:1rem;line-height:1.4;color:#eee}.modal-actions{display:flex;gap:15px;justify-content:flex-end}.btn-cancel{background:transparent;border:1px solid #555;color:#aaa;padding:10px 20px}.btn-cancel:hover{border-color:#eee;color:#fff}.btn-confirm{background:#28a745;color:#fff;font-weight:700;padding:10px 25px;border:none;box-shadow:0 4px 15px #28a7454d}.btn-confirm:disabled{background:#444;color:#888;cursor:not-allowed;box-shadow:none}.btn-confirm:not(:disabled):hover{background:#218838;transform:translateY(-1px)}
