.busqueda{margin-bottom:20px}.display-busqueda{padding-right:40px;width:673px;display:flex;align-items:center;position:relative}.barra-busqueda{display:flex;align-items:center}.barra-busqueda,.display-busqueda input{border:1px solid #3e3e3f;border-radius:10px}.display-busqueda input{font-size:20px;font-weight:400;width:100%;padding:10px}.display-busqueda.modo-oscuro input{background-color:#666;color:#fff}.display-busqueda i{position:absolute;right:7%;font-size:20px;color:#57585a}.display-busqueda.modo-oscuro i{color:#fff}@media (max-width:730px){.display-busqueda{width:100%;padding-right:0}.display-busqueda i{right:4%}}.tutorial{margin-top:20px;margin-bottom:80px;display:flex;overflow:hidden;transition:height .7s ease}.tutorial ul{list-style-type:none}.tutorial li{margin-bottom:10px;opacity:0}.tutorial li.show-instruction{-webkit-animation:slide-in .5s ease-out forwards;animation:slide-in .5s ease-out forwards}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tutorial li p.spaced-info{margin-top:5px}.tutorial i{font-size:20px;margin:0 5px;-webkit-transform:translateX(-10px) rotate(-90deg);transform:translateX(-10px) rotate(-90deg);-webkit-animation:roll-in 1s ease-out forwards;animation:roll-in 1s ease-out forwards}@-webkit-keyframes roll-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes roll-in{0%{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.side-bar{width:2px;background-color:#d1d2d4;margin-right:20px}.empleado{display:flex;align-items:center;justify-content:space-between;padding:10px;box-shadow:4px 4px 10px rgba(0,0,0,.2);border-radius:10px;background-color:#fff;width:100%;text-align:center;box-sizing:border-box;cursor:pointer}.empleado.modo-oscuro{background-color:#424242}.empleado:hover{background-color:#e6e6e6}.empleado.empleado.modo-oscuro:hover{background-color:#666}.empleado .nombre-apellido{color:#2681c4;font-weight:700;font-size:17px}.empleado .puesto{color:#3f3f3f;font-size:15px}.empleado.modo-oscuro .nombre-apellido{font-weight:900}.empleado.modo-oscuro .puesto{color:#fff}@media(max-width:880px){.empleado{flex-direction:column}}.lista-empleados{display:flex;flex-direction:column;grid-gap:10px;gap:10px;margin-bottom:20px}.loader-wrapper{width:100%;display:flex;justify-content:center}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:4px solid #2681c4;-webkit-animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite;animation:l20-1 .8s linear infinite alternate,l20-2 1.6s linear infinite}@-webkit-keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@keyframes l20-1{0%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0);clip-path:polygon(50% 50%,0 0,50% 0,50% 0,50% 0,50% 0,50% 0)}12.5%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 0,100% 0,100% 0)}25%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,100% 100%,100% 100%)}50%{-webkit-clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,0 0,50% 0,100% 0,100% 100%,50% 100%,0 100%)}62.5%{-webkit-clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 0,100% 0,100% 0,100% 100%,50% 100%,0 100%)}75%{-webkit-clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,100% 100%,100% 100%,100% 100%,100% 100%,50% 100%,0 100%)}to{-webkit-clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%);clip-path:polygon(50% 50%,50% 100%,50% 100%,50% 100%,50% 100%,50% 100%,0 100%)}}@-webkit-keyframes l20-2{0%{-webkit-transform:scaleY(1) rotate(0deg);transform:scaleY(1) rotate(0deg)}49.99%{-webkit-transform:scaleY(1) rotate(135deg);transform:scaleY(1) rotate(135deg)}50%{-webkit-transform:scaleY(-1) rotate(0deg);transform:scaleY(-1) rotate(0deg)}to{-webkit-transform:scaleY(-1) rotate(-135deg);transform:scaleY(-1) rotate(-135deg)}}@keyframes l20-2{0%{-webkit-transform:scaleY(1) rotate(0deg);transform:scaleY(1) rotate(0deg)}49.99%{-webkit-transform:scaleY(1) rotate(135deg);transform:scaleY(1) rotate(135deg)}50%{-webkit-transform:scaleY(-1) rotate(0deg);transform:scaleY(-1) rotate(0deg)}to{-webkit-transform:scaleY(-1) rotate(-135deg);transform:scaleY(-1) rotate(-135deg)}}@media(max-width:730px){.loader-wrapper{width:100%}}.dialogo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-animation:fade-in .2s ease-in forwards;animation:fade-in .2s ease-in forwards}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.dialogo{background-color:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;flex-direction:column;grid-gap:20px;gap:20px}.dialogo.modo-oscuro{background-color:#2e2e2e}.dialogo table{-webkit-user-select:none;user-select:none}.dialogo-buttons{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;width:100%}.dialogo-buttons .button{width:100%;font-size:20px;cursor:pointer;border:none;border-radius:5px;font-weight:700}.dialogo-buttons .button.copiar{background-color:#2681c4;color:#fff;display:flex;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.dialogo-buttons .button.copiar i{font-size:15px}.dialogo-buttons .button.copiar:hover{background-color:#459edd}.dialogo-buttons .button.cancelar{border:2px solid #2681c4;color:#2681c4}.main{padding:0 30px}.main h1{font-size:30px;font-weight:600;text-align:center;border-bottom:1px solid #d1d2d4;margin-bottom:20px;padding:20px 0}.main p{font-size:17px;font-weight:400}.main #boton-display-tutorial{color:#2681c4;text-decoration:underline;cursor:pointer}.main h2{font-size:17px;font-weight:600}
/*# sourceMappingURL=main.602fa2d0.chunk.css.map */