@charset "UTF-8";html,body{font-family:sans-serif;display:flex;height:100vh;width:100vw;margin:0}.container{background:#858585;font-family:sans-serif;align-items:center;width:100vw;height:100vh}.card{width:100%;height:auto;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}.card-table{width:100%;height:85%;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:box-shadow .3s ease}@media (min-height: 730px){.card-table{height:90%}}.card:hover{box-shadow:0 8px 16px #0003}.button-start{background-color:#4caf50;border:none;color:#fff;padding:10px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition-duration:.4s}.button-start:active{animation:press .2s 2 linear}.button-start:disabled{background-color:#55555571}.button-start:disabled:active{animation:none}.button-start-disabled{background-color:#55555571}.button-add{background-color:#4caf50;border:none;color:#fff;padding:10px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition-duration:.4s}.button-add:active{animation:press .2s 2 linear}.button-add:disabled{background-color:#55555571}.button-add:disabled:active{animation:none}.button-save{background-color:#4caf50;border:none;color:#fff;padding:10px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition-duration:.4s}.button-save:active{animation:press .2s 2 linear}.button-save:disabled{background-color:#55555571}.button-save:disabled:active{animation:none}.button-cancel{background-color:#af4c4c;border:none;color:#fff;padding:10px 16px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:8px;box-shadow:0 4px 8px #0003,0 6px 20px #00000030;transition-duration:.4s}.button-cancel:active{animation:press .2s 2 linear}.button-cancel:disabled{background-color:#55555571}.button-cancel:disabled:active{animation:none}.close-btn{float:right;border:none;background:transparent;font-size:1.6rem;cursor:pointer}.close-btn:active{animation:press .2s 2 linear}.custom-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:1px solid #ccc;border-radius:8px;padding:10px 40px 10px 15px;font-size:16px;color:#333;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="gray" class="bi bi-caret-down-fill" viewBox="0 0 16 16"><path d="M7.247 11.14 2.451 5.658A.5.5 0 0 1 2.874 5h10.252a.5.5 0 0 1 .423.658l-4.796 5.482a.5.5 0 0 1-.756 0z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px;cursor:pointer;transition:border .3s,box-shadow .3s}.custom-select:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}table{width:100%;border-collapse:collapse;border-radius:10px;overflow:auto}thead{background-color:#3a3a3a;color:#fff}th,td{padding:8px;text-align:left;border-bottom:1px solid #ddd}tr:focus{background-color:#e1f0ff}i{cursor:pointer;display:inline-block;transition:transform .2s}i:active{transform:scale(.9);cursor:wait}.i-delete{color:red;font-size:22px}.i-delete:hover{cursor:pointer}.i-delete:active{animation:press .2s 2 linear}th{position:sticky;top:0;background-color:#3a3a3a;z-index:1}tbody tr:nth-child(2n){background-color:#f2f2f2}tbody tr:hover{background-color:#e1f0ff}@media (max-width: 600px){th,td{padding:6px}}.tabla-scroll{overflow-y:auto;overflow-x:hidden}.input-group{display:flex;flex-direction:column;margin:6px}label{margin-bottom:4px;color:#333;font-weight:500}h3,h4{color:#333;font-weight:500}input[type=text]{padding:12px 16px;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:16px;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 5px #0000000d}input[type=text]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}input[type=text]::placeholder{color:#aaa}input[type=date]{padding:10px 14px;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:16px;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 5px #0000000d;color:#333}input[type=date]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}input[type=date]::placeholder{color:#aaa}input[type=number]{padding:12px 16px;border:1.5px solid #ccc;border-radius:8px;outline:none;font-size:14px;transition:all .3s ease;background-color:#fff;box-shadow:0 2px 5px #0000000d;color:#333}input[type=number]:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}input[type=number]::placeholder{color:#aaa}.invisible-label{visibility:hidden}.linea-divisora{border:none;height:2px;background-color:#ccc;margin:8px 0}input.invalidate-input,select.invalidate-select{border-color:red}@keyframes press{0%{transform:scale(1)}50%{transform:scale(.92)}to{transform:scale(1)}}.fade-in{animation:fadeIn .3s ease-in forwards}.fade-out{animation:fadeOut .3s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}