body{font-family:Arial,Helvetica,sans-serif;margin:0;background:#f7f9fb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding-bottom:70px}main{padding:20px;max-width:900px;margin:auto}h2{color:#455392}form{background:#fff;padding:20px;margin-bottom:30px;border-radius:10px;box-shadow:0 2px 5px #0000001a;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.buscar{width:100%}input[type=text],input[type=number],input[type=datetime-local],textarea,button{padding:10px 12px;font-size:16px;line-height:1.4;min-height:44px;border-radius:6px;box-sizing:border-box;font-family:inherit}input[type=text],input[type=number],input[type=datetime-local],textarea{border:1px solid #ccc;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 1px 2px #0000000d}textarea{width:221px;height:44.39px;line-height:1.4;padding:10px 12px;overflow:hidden;resize:none}input[type=text],input[type=number],input[type=datetime-local],textarea{padding:10px 12px;font-size:16px;line-height:1.4;min-height:44px;border-radius:6px;box-sizing:border-box;font-family:inherit;border:1px solid #ccc;transition:border-color .3s ease,box-shadow .3s ease;box-shadow:0 1px 2px #0000000d}input[type=text]:focus,input[type=number]:focus,input[type=datetime-local]:focus,textarea:focus{border-color:#2bbda0;box-shadow:0 0 8px #2bbda04d;outline:none}input[type=text]::placeholder,input[type=number]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder{color:#aaa;font-style:italic}input.error,textarea.error{border-color:red;background-color:#ffe6e6}input.only-letters{text-transform:capitalize}input.only-numbers{-moz-appearance:textfield}input.only-numbers::-webkit-outer-spin-button,input.only-numbers::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea{height:40px;line-height:1.4;padding:10px 12px;overflow:hidden;resize:none}button{padding:10px 20px;font-size:1em;background-color:#2bbda0;color:#fff;border:none;border-radius:6px;cursor:pointer;flex:0 0 auto;transition:background-color .3s ease,transform .2s ease}button:hover{background-color:#249d85;transform:translateY(-2px)}.table-wrapper{overflow-x:auto;background:#fff;box-shadow:0 2px 5px #0000001a;border-radius:10px;max-width:100vw}table{width:100%;border-collapse:collapse}th,td{padding:10px;border:1px solid #ccc;text-align:center}th{background-color:#e9f1ff}@media (max-width: 400px){form{flex-direction:column}input[type=text],input[type=number],input[type=datetime-local],textarea,button{flex:1 1 100%;width:100%}table,thead,tbody,th,td,tr{display:block}thead{display:none}tbody tr{margin-bottom:15px;background:#fff;padding:10px;border-radius:8px;border:1px solid #ccc}tbody td{text-align:right;padding-left:50%;position:relative;border:none;border-bottom:1px solid #ddd}tbody td:before{content:attr(data-label);position:absolute;left:10px;top:10px;font-weight:700;text-transform:uppercase;font-size:.8em;color:#555;white-space:nowrap}tbody td input[type=checkbox]{transform:scale(1.3);margin-left:5px}}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#455392;color:#fff;padding:15px 20px;border-bottom:2px solid #2BBDA0}.navbar .logo{margin:0;font-size:1.5em;font-weight:700}.logout-btn{background-color:#fff;color:#455392;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:700;transition:background-color .3s ease,color .3s ease}.logout-btn:hover{background-color:#2bbda0;color:#fff}.desktop-only{display:inline-block}.mobile-only{display:none;position:relative}.menu-btn{background-color:#fff;color:#455392;border:none;border-radius:6px;padding:6px 12px;font-size:1.2em;cursor:pointer}.menu-dropdown{display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 5px #0003;z-index:1000}.menu-dropdown.open{display:block}.menu-dropdown .logout-btn{width:100%;margin:0;padding:8px 16px;border-radius:0;text-align:left}@media (max-width: 600px){.desktop-only{display:none}.mobile-only{display:inline-block}.navbar{flex-wrap:wrap}}.footer{background-color:#455392;color:#fff;text-align:center;padding:10px 15px;border-top:2px solid #2BBDA0;position:fixed;bottom:0;left:0;width:100%;font-size:14px}@media (max-width: 400px){.footer{padding:6px 10px;font-size:12px}}.footer img{height:30px;margin:0 10px;vertical-align:middle}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px}.login-card{background:#fff;padding:30px 25px;border-radius:12px;box-shadow:0 4px 15px #0000001a;width:100%;max-width:400px;text-align:center}.login-card h2{margin-bottom:20px;color:#455392}.login-card form{display:flex;flex-direction:column;gap:15px}.login-card input{padding:12px;border:1px solid #ddd;border-radius:8px;font-size:16px}.login-card button{background-color:#2bbda0;color:#fff;border:none;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;transition:background .3s}.login-card button:hover{background-color:#24a48a}.login-logo{max-width:180px;margin-bottom:20px}.error-msg{margin-top:15px;color:red;font-size:14px}.scroll-top-btn{position:fixed;bottom:100px;right:0;width:50px;height:50px;background-color:#2bbda0;color:#fff;border:none;border-top-left-radius:25px;border-bottom-left-radius:25px;cursor:pointer;box-shadow:-2px 2px 10px #0000004d;z-index:1000;font-size:22px;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(20px);transition:opacity .5s ease,transform .5s ease}.scroll-top-btn.show{opacity:1;transform:translate(0)}.scroll-top-btn:hover{background-color:#249d85;transform:translate(-2px)}.no-more{text-align:center;margin:2rem auto;color:#666;font-style:italic;font-weight:500;background-color:#f9f9f9;padding:.5rem 1rem;border-radius:8px;border:1px solid #ddd;display:block;width:fit-content;font-size:.95rem}.dropdown-cedula{position:absolute;background:#fff;border:1px solid #ccc;border-radius:6px;max-height:200px;overflow-y:auto;width:250px;z-index:10;margin-top:4px;box-shadow:0 2px 6px #0000001a}.dropdown-item{padding:.5rem;cursor:pointer}.dropdown-item:hover{background-color:#f0f0f0}
