@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}.login-page{align-items:center;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.login-background{background:url(/static/media/kalel-background.cb2d6dfd9f36035c073f.png) no-repeat 50%;background-size:cover;-webkit-filter:brightness(.5);filter:brightness(.5);inset:0;position:fixed;z-index:0}.login-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,20,40,.55);inset:0;position:fixed;z-index:1}.login-container{align-items:center;display:flex;flex-direction:column;padding:2rem;position:relative;width:100%;z-index:2}.login-logo-container{margin-bottom:1.5rem;text-align:center}.login-logo{-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));margin-bottom:1.5rem;width:140px}.login-subtitle{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-align:center}.login-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;box-shadow:0 8px 30px rgba(0,0,0,.3);max-width:420px;padding:40px 50px;text-align:center;transition:all .3s ease;width:90%}.login-box:hover{box-shadow:0 10px 40px rgba(0,0,0,.4);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.login-title{color:#fff;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:left}.input-group label{color:#fff;font-weight:500;margin-bottom:.5rem}.input-group input{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.4);border-radius:10px;color:#fff;font-size:1rem;outline:none;padding:12px 15px;transition:all .3s ease}.input-group input::-webkit-input-placeholder{color:#ffffffaa}.input-group input::placeholder{color:#ffffffaa}.input-group input:focus{background:hsla(0,0%,100%,.2);border-color:#fff}.login-button{background:#00783e;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:600;height:55px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-button:hover{background:#00994a;box-shadow:0 6px 14px rgba(0,128,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media (max-width:768px){.login-box{padding:30px 25px}.login-title{font-size:1.5rem}.login-logo{width:110px}}.custom-date-picker{background-color:#fff;border:1px solid #ccc;border-radius:4px;padding:10px}.calendar-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 6px 20px rgba(0,0,0,.1);font-family:Poppins,sans-serif;margin:auto;max-width:100%;padding:1.2rem;text-align:center}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.calendar-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.calendar-header button{background-color:initial;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.4rem .8rem;transition:background-color .2s ease}.calendar-row{display:flex;margin-bottom:.2rem}.calendar-cell,.calendar-day-name{border-radius:6px;flex:1 1;font-size:.85rem;margin:1px;padding:.5rem;text-align:center;text-transform:uppercase}.calendar-day-name{background-color:#f5f5f5;color:#555;font-weight:600}.calendar-cell{background-color:#fafafa;border:1px solid #e0e0e0;cursor:pointer;transition:background-color .2s ease}.calendar-cell:hover{background-color:#eee}.calendar-cell.disabled{background-color:#f9f9f9;color:#bbb;cursor:not-allowed}.calendar-cell.selected{background-color:#444;color:#fff;font-weight:600}.time-slots{margin-top:1.2rem}.time-slots h4{color:#444;font-size:1rem;font-weight:600;margin-bottom:.6rem;text-align:center}.slot-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.slot-button{border:2px solid;border-radius:8px;font-size:.9rem;font-weight:500;padding:.5rem;text-align:center;transition:all .2s ease}.slot-button:not(.unavailable){background-color:#e6f4ea;border-color:#34a853;color:#1e4620}.slot-button:not(.unavailable):hover{background-color:#d4edda;border-color:#2e7d32;cursor:pointer}.slot-button.unavailable{background-color:#fcebea;border-color:#f5c6cb;color:#a94442;cursor:not-allowed;pointer-events:none}.slot-button.selected{background-color:#444;border-color:#444;color:#fff}@media (max-width:600px){.calendar-container{padding:1rem}.calendar-header h2{font-size:1.2rem}.calendar-header button{font-size:.85rem;padding:.35rem .7rem}.calendar-cell,.calendar-day-name{font-size:.8rem;padding:.4rem}.slot-grid{grid-template-columns:repeat(2,1fr)}.slot-button{font-size:.85rem;padding:.4rem}}@media (max-width:420px){.calendar-header{align-items:stretch;flex-direction:column;gap:.5rem}.slot-grid{grid-template-columns:1fr}}.icon-button{align-items:center;background:transparent;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:.4rem;transition:color .2s ease}.icon-button:hover{color:#444}.icon-button svg{background:transparent!important;border-radius:0;color:#666!important;font-size:1.2rem;padding:0}.icon-button:hover svg{color:#444!important}.reservation-container{margin:auto;max-width:1200px;padding:1rem}.table-wrapper{overflow-x:auto}.reservation-table{background-color:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.05);overflow:hidden;width:100%}.reservation-table thead{background-color:#f9fafb;text-align:left}.reservation-table td,.reservation-table th{border-bottom:1px solid #e5e7eb;padding:1rem;vertical-align:top}.estado-badge{border-radius:6px;display:inline-block;font-size:.75rem;font-weight:700;padding:.3rem .6rem;text-align:center}.estado-badge.confirmada{background-color:#d1fae5;color:#065f46}.estado-badge.cancelada{background-color:#fee2e2;color:#b91c1c}.estado-badge.pendiente{background-color:#f3f4f6;color:#4b5563}.icon-btn{background:none;border:none;color:#2563eb;cursor:pointer;margin-right:.4rem;transition:color .2s}.icon-btn:hover{color:#1e40af}.no-comprobante{color:#9ca3af;font-size:.75rem;font-style:italic}.pagination-container{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination-number{background:#fff;border:1px solid #2563eb;border-radius:6px;color:#2563eb;cursor:pointer;font-size:.85rem;padding:.4rem .75rem}.pagination-number.active,.pagination-number:hover{background-color:#2563eb;color:#fff}.modal-overlay{background-color:rgba(0,0,0,.6);height:100vh;width:100vw}.modal-content{-webkit-animation:modalFadeIn .3s ease-out;animation:modalFadeIn .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.2);max-width:900px;padding:20px;position:relative;width:90%}@-webkit-keyframes modalFadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.cerrar{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;font-weight:700;position:absolute;right:15px;top:10px;transition:color .2s ease-in-out}.cerrar:hover{color:#000}.reserva-detalle{display:flex;flex-direction:column;gap:.3rem}.fecha-hora{color:#1f2937;font-weight:500}.tipo-tramite{display:flex;flex-wrap:wrap;gap:.4rem}.badge{border-radius:9999px;font-size:.8rem;font-weight:600;padding:.2rem .5rem;white-space:nowrap}.badge-tipo{background-color:#eff6ff;color:#1d4ed8}.badge-categoria{background-color:#ecfdf5;color:#047857}.filters-wrapper{background-color:#f9fafb;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;padding:.5rem}.filters-wrapper input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.9rem;min-width:150px;padding:.6rem;transition:border-color .2s}.filters-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33;outline:none}.detalle-lista li{align-items:flex-start;background:#f0f4ff;border-left:4px solid #2563eb;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);display:flex;font-size:1rem;gap:1rem;margin-bottom:1rem;padding:1rem}.estado-icon{color:#2563eb;font-size:2rem!important}.detalle-lista li div{display:flex;flex-direction:column;gap:.25rem}.detalle-lista li strong{color:#1f2937;font-weight:600}.detalle-lista li p{color:#374151;margin:0}.barra-progreso{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:1rem 0}.progress-step{flex:0 0 auto;position:relative;text-align:center;width:90px}.progress-step .circle{align-items:center;background-color:#ccc;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin:auto;transition:all .3s;width:40px}.progress-step .label{font-size:.75rem;margin-top:.5rem}.progress-step.completado .circle{background-color:green}.progress-step.en-curso .circle{background-color:orange}.progress-step.pendiente .circle{background-color:#ccc}.progress-step.sala-espera .circle{background-color:#3b82f6;height:35px;width:35px}.progress-step.sala-espera .label{color:#1e40af;font-size:.65rem;font-style:italic}.excel-export-wrapper{display:flex;justify-content:flex-end;margin-bottom:1rem}.excel-btn{align-items:center;background-color:#10b981;border:none;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;padding:.6rem 1rem;transition:background-color .2s ease-in-out}.excel-btn:hover{background-color:#059669}.modal-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.modal-field{margin-bottom:1rem}.modal-label{display:block;font-weight:500;margin-bottom:.4rem}.modal-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:.5rem;width:100%}.modal-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.modal-button{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;padding:.5rem 1rem;transition:background-color .3s ease}.cancel-button{background-color:#e0e0e0;color:#333}.cancel-button:hover{background-color:#d5d5d5}.export-button{background-color:#1976d2;color:#fff;margin-left:.5rem}.export-button:hover{background-color:#115293}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.4);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);max-width:420px;padding:2rem;width:90%}.edit-reservation{justify-content:center;text-align:center}.footer-container{background-color:#f8fafc;border-top:1px solid #e0e6ed;font-family:Poppins,sans-serif;padding:40px 20px;text-align:center}.footer-title{color:#007baf;font-size:1.2rem;font-weight:600;margin-bottom:8px}.footer-text{color:#555;font-size:.9rem;margin:0}.footer-link{color:#0056a3;font-weight:500;text-decoration:none}.footer-link:hover{color:#003d73;text-decoration:underline}.myappbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);color:#212121;font-family:Poppins,sans-serif;left:0;position:fixed;top:0;width:100%;z-index:1201}.myappbar-content{align-items:center;display:flex;height:68px;justify-content:space-between;padding:10px 28px}.myappbar-left{align-items:center;display:flex;gap:14px}.myappbar-logo{height:54px;object-fit:contain;transition:all .3s ease}.myappbar-logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.myappbar-title{color:#007baf;font-size:1.1rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.myappbar-right{align-items:center;display:flex;gap:16px}.myappbar-username{color:#424242;font-size:.95rem;font-weight:500;letter-spacing:.4px;white-space:nowrap}.myappbar-avatar-btn{padding:0;transition:box-shadow .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,box-shadow .25s ease;transition:transform .25s ease,box-shadow .25s ease,-webkit-transform .25s ease}.myappbar-avatar-btn:hover{box-shadow:0 0 10px rgba(0,123,175,.25);-webkit-transform:scale(1.08);transform:scale(1.08)}.myappbar-avatar-btn .MuiAvatar-root{border:2px solid #6fbf3a}@media (max-width:900px){.myappbar-title,.myappbar-username{display:none}.myappbar-logo{height:46px}}@media (max-width:600px){.myappbar-content{padding:8px 16px}.myappbar-logo{height:42px}}
/*# sourceMappingURL=main.32fa7f95.css.map*/