:root{--primary-color: #03206f;--secondary-color: #a3d3f4;--background-color: #F6FBFE;--text-color: #03206f;--font-family: "Roboto", sans-serif}.App{text-align:center;max-width:1200px;margin:0 auto;padding:20px}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:var(--primary-color);min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:var(--secondary-color)}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.table-container{display:flex;justify-content:center;margin-bottom:20px}.centered-table{border-collapse:collapse}.centered-table th,.centered-table td{border:1px solid #ddd;padding:8px;text-align:center;vertical-align:middle;font-size:1rem}.centered-table th{font-weight:700;background-color:#f2f2f2}.pagination-item{display:inline-block;padding:5px 10px;border:1px solid #ccc;border-radius:3px;font-size:14px}.pagination-link{text-decoration:none;color:#333}.pagination-item.active{background-color:var(--primary-color);border-color:var(--primary-color)}.pagination-item.active .pagination-link{color:#fff}.pagination-item.disabled{color:#ccc;border-color:#ccc;cursor:not-allowed}.pagination-container{display:flex;justify-content:center;margin-bottom:20px}.pagination{padding:0;margin:0;list-style:none}.input-container{display:flex;justify-content:center;margin-bottom:20px}.form-container{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;right:0;bottom:0}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.input-container-banco{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.input-container-buscador,.button-add-call{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-bottom:20px}.button-table{width:34px;height:23px;padding:0!important;min-width:34px!important;background-color:#f0f0f0!important}#banco{flex-grow:1;padding-right:20px}.clear-button{position:absolute;top:50%;right:0;background:transparent;border:none;cursor:pointer;transform:translateY(-50%)}.input-id,.input-year,.input-week{width:45px}.input-container-telefono{position:relative;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}body{transition:background-color .5s ease;background-color:var(--background-color);color:var(--text-color);font-family:var(--font-family)!important;margin:0;padding:0}.light-mode{padding-right:0!important;overflow:auto!important;background-color:#fff;color:#000}.dark-mode{background-color:var(--primary-color);color:var(--background-color)}.light-mode button{text-decoration:none;cursor:pointer}.dark-mode button{color:var(--background-color);border-color:var(--text-color)}.button:hover{background-color:var(--secondary-color)}.light-mode .centered-table th{background-color:#f2f2f2;border-color:#ddd;color:#000}.light-mode .centered-table td{background-color:#fff;border-color:#ddd;color:#000}.dark-mode .centered-table th{background-color:#1f2223;border-color:#3a3e41;color:#e8e8e8}.dark-mode .centered-table td{background-color:#181a1b;border-color:#3a3e41;color:#e8e8e8}.pagination-item.active.light-mode{background-color:var(--primary-color);border-color:var(--primary-color)}.pagination-item.active.dark-mode{background-color:var(--secondary-color);border-color:var(--secondary-color)}.pagination-item.disabled.light-mode{color:#ccc;border-color:#ccc;cursor:not-allowed}.pagination-item.disabled.dark-mode{color:#e8e8e899;border-color:#e8e8e899;cursor:not-allowed}.light-mode .modal-content{background-color:#fff}.dark-mode .modal-content{background-color:#424242}.light-mode .pagination-link{color:#333}.dark-mode .pagination-link{color:#e8e8e8}.light-mode .button-table{background-color:#f0f0f0!important}.dark-mode .button-table{background-color:#424242!important}.light-mode .input-container-banco,.light-mode .input-container-buscador,.light-mode .input-container-telefono,.light-mode .button-add-call{background-color:#fff;border-color:#ddd;color:#000}.dark-mode .input-container-banco,.dark-mode .input-container-buscador,.dark-mode .input-container-telefono,.dark-mode .button-add-call{background-color:#424242;border-color:#3a3e41;color:#e8e8e8}.light-mode .clear-button{background-color:#fff;color:#000}.dark-mode .clear-button{background-color:#424242;color:#e8e8e8}.light-mode .input-id,.light-mode .input-year,.light-mode .input-week{background-color:#fff;border-color:#ddd;color:#000}.dark-mode .input-id,.dark-mode .input-year,.dark-mode .input-week{background-color:#424242;border-color:#3a3e41;color:#e8e8e8}.dark-mode .captura,.dark-mode .selecciona{color:#3391ff}.dark-mode .form-container{background-color:#181a1b!important;border-color:#3a3e41!important;color:#e8e6e3!important}.dark-mode .select,.dark-mode .buscador{background-color:#181a1b;color:#d8d4cf;border-color:#3a3e41;border:1px solid rgb(58,62,65)}.dark-mode .inputs{background-color:#1565c0}.dark-mode .textfields{background-color:#181a1b;color:#d8d4cf;border-color:#3e4446;border:1px solid #3e4446}.dark-mode .textfields-readonly{background-color:#505050;color:#d8d4cf;border-color:#3e4446;border:1px solid #3e4446}.dark-mode .labels{color:#888}.dark-mode .input-container-banco{background-color:transparent}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}