@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);.cq-page{align-items:stretch;display:flex;flex-direction:column;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;min-height:100vh;overflow-x:hidden}.cq-main{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:1rem}.cq-banner{margin:1rem auto;max-width:720px;overflow:hidden;width:60%}.cq-banner img{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);display:block;height:auto;object-fit:cover;width:100%}.cq-search{align-items:center;display:flex;flex-direction:column;margin-bottom:1rem;width:100%}.cq-search input{border:none;border-radius:6px;box-sizing:border-box;font-size:16px;margin-bottom:10px;max-width:300px;padding:10px;width:80%}.cq-btn-descargar,.cq-search button{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.cq-btn-descargar:disabled{cursor:wait;opacity:.6}.cq-error{align-items:center;background-color:#ffeaea;border-radius:8px;color:#ff4d4f;display:flex;font-weight:700;gap:8px;margin-top:10px;padding:10px 15px}.cq-error svg{font-size:32px}.cq-error p{margin:0}.cq-resultados{width:100%}.cq-resultado,.cq-resultados{align-items:center;display:flex;flex-direction:column}.cq-resultado{margin-bottom:1.5rem}.cq-staff{flex-wrap:wrap;gap:10px;margin-bottom:1rem}.cq-descargar,.cq-staff{display:flex;justify-content:center}.cq-descargar{margin:4px 0 8px;width:100%}.cq-ads{background-color:#f8f9fa;box-sizing:border-box;margin-top:40px;padding:20px;text-align:center;width:100%}.cq-ads h3{color:#333;font-size:1.8em;font-weight:700;margin:0 0 30px}.cq-ads-slot{display:flex;justify-content:center;overflow:hidden}.cq-footer{background-color:#0a1230;color:#ccc;font-size:14px;overflow-x:hidden;padding:40px 20px 20px}.cq-footer,.cq-footer-content{box-sizing:border-box;width:100%}.cq-footer-content{margin:0 auto;max-width:1000px}.cq-info-columns{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.cq-info-item{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;gap:10px;min-width:250px}.cq-info-item svg{color:#fff;font-size:24px;margin-top:4px}.cq-info-item h4{color:#fff;margin:0 0 4px}.cq-info-item p{margin:0;word-break:break-word}.cq-social-row{margin-top:20px;text-align:center}.cq-social-row h4{color:#fff;margin:0 0 10px}.cq-social-icons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.cq-social-icons a{align-items:center;background-color:#fff;border-radius:50%;color:#0a1230;display:flex;height:36px;justify-content:center;text-decoration:none;transition:background-color .3s,color .3s;width:36px}.cq-social-icons a:hover{background-color:#c73a3a;color:#fff}.cq-footer-bottom{border-top:1px solid #333;color:#aaa;margin-top:30px;padding-top:20px;text-align:center;word-break:break-word}.cq-footer-bottom p{margin:0}@media screen and (max-width:768px){.cq-banner{margin-top:.5rem;width:90%}.cq-banner img{border-radius:6px}.cq-btn-descargar{width:90%}}@media screen and (max-width:600px){.cq-search button,.cq-search input{width:90%}.cq-info-columns{align-items:center;flex-direction:column;text-align:center}.cq-info-item{justify-content:center;width:100%}}.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}}