body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Montserrat,Roboto,Poppins,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:inherit;list-style-type:none;text-decoration:none}.fijo{box-shadow:0 10px 13px -7px #424242,5px 5px 15px 5px #23232300;left:0;position:fixed;top:0;width:100%;z-index:2}body{background-color:#8989892b;color:#7b809a;font-family:Poppins,Montserrat,Roboto,sans-serif;font-size:16px;position:relative;-webkit-user-select:none;user-select:none}@media (min-width:768px){body{font-size:1em}}img{max-width:100%}.contenedor{margin:1rem auto;width:min(98%,120rem)}@media (min-width:768px){.contenedor{display:grid;grid-template-columns:70% 30%}}@media (min-width:992px){.contenedor{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.contenedor{width:min(90%,120rem)}}@media (min-width:1200px){.contenedor{grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;width:min(85%,120rem)}}@media (min-width:1441px){.contenedor{width:min(60%,120rem)}}.titulo-seccion{align-items:center;background-color:#717073;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;display:flex;font-size:19px;font-weight:300;grid-column:1/5;height:1.4em;justify-content:space-between;margin-bottom:0;padding:10px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.titulo-seccion svg{font-size:30px}@media (min-width:768px){.titulo-seccion{margin-top:0}}h1{background-image:radial-gradient(circle at 49.72% 49.98%,#5b44da 0,#4f5cfd 50%,#0046d2 100%);color:#fff;font-size:7.3vw;margin-top:0;padding:25px 15px;text-align:center}@media(min-width:576px){h1{font-size:2.1rem}}@media(min-width:768px){h1{font-size:2.2rem;grid-column:1/3;grid-row:1/2}}.hidden{display:none}.seccion-dni{background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:30px;padding:15px}.contenedor-input{display:flex;flex-direction:column}.contenedor-input label{color:#eb9985;font-weight:800;margin-bottom:5px}.contenedor-input input{border:.5px solid #919da7c4;border-radius:4px;color:#7b809a;font-size:17px;margin-bottom:10px;outline:medium none invert;outline:initial;padding:10px}.grupo-botones{display:flex;flex-direction:column;justify-content:center}.grupo-botones button{border:none;border-radius:4px;cursor:pointer;margin-bottom:10px;padding:18px 10px;text-transform:uppercase}@media(min-width:576px){.grupo-botones{flex-direction:row;justify-content:space-evenly}.grupo-botones button{padding:15px 10px}}@media(min-width:768px){.grupo-botones button{justify-content:center}.box-dni{grid-column:2/3;margin-bottom:15px}}@media(min-width:992px){.box-dni{grid-column:4/5;margin-bottom:0}}@media(min-width:1200px){.box-dni{grid-column:5/7;grid-row:1/2}}.boton-asistencia,.boton-refrigerio{box-shadow:inset -8px -5px 10px -5px #696969;color:#fff;font-size:1em;font-weight:500;letter-spacing:1px}.boton-asistencia{background-color:#505cfd;transition:transform .3s ease-in-out}.boton-asistencia:hover{background-color:#5b65ff}.boton-asistencia:active{transform:scale(.9)}.boton-refrigerio{background-color:#e39000;transition:transform .3s ease-in-out}.boton-refrigerio:hover{background-color:#d88c08}.boton-refrigerio:active{transform:scale(.9)}#btnAsistencia,#btnRefrigerio{align-items:center;display:flex;justify-content:center}#btnAsistencia svg,#btnRefrigerio svg{height:2rem;margin-right:10px;width:2rem}@media(min-width:768px){.seccion-dni{grid-column:2/3;margin-bottom:0}.contenedor-input{align-items:center;justify-content:center}.contenedor-input input{width:80%}.contenedor-input label{display:block;padding-left:10px;width:100%}.grupo-botones{align-items:center;display:flex;flex-direction:column;justify-content:center}}@media(min-width:992px){.seccion-dni{grid-column:4/5}.boton-asistencia,.boton-refrigerio{width:80%}.contenedor-input label{padding-left:20px}#btnAsistencia svg,#btnRefrigerio svg{margin-right:0;width:50px}.contenedor-input input{margin-bottom:2rem}}@media(min-width:1200px){.seccion-dni{grid-column:5/7}.boton-asistencia,.boton-refrigerio{width:60%}.contenedor-input label{padding-left:40px}#btnAsistencia svg,#btnRefrigerio svg{width:50px}}@media(min-width:1280px){.contenedor-input label{padding-left:50px}#btnAsistencia svg,#btnRefrigerio svg{height:auto;width:30px}}@media(min-width:1400px){.contenedor-input label{padding-left:50px}.contenedor-input input{margin-bottom:3rem}}@media(min-width:1441px){.contenedor-input label{padding-left:33px}}@media(min-width:1490px){.contenedor-input label{padding-left:38px}}@media(min-width:1730px){.contenedor-input label{padding-left:48px;padding-left:52px}}.seccion-informacion{background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:30px;padding:15px}.contenedor-foto{display:none}.dato{display:flex;flex-direction:column;margin-bottom:5px}.dato label{color:#505cfd;font-weight:300;letter-spacing:.5px;margin-bottom:5px;width:100%}.dato input,.dato label{display:block;font-size:17px}.dato input{border:.5px solid #7b809a8a;border-radius:4px;color:#7b809a;font-weight:700;margin-bottom:10px;outline:medium none invert;outline:initial;padding:10px;-webkit-user-select:none;user-select:none}@media (min-width:768px){.seccion-informacion{grid-column-gap:15px;column-gap:15px;display:grid;font-size:15px;grid-template-columns:1fr 2fr;margin-bottom:0}.box-usuario{grid-row:1/2;margin-right:15px}.seccion-informacion .titulo-seccion{grid-column:1/3}.contenedor-foto{display:initial;display:flex}.contenedor-foto img{border:1px solid #afafaf;width:100%}.contenedor-datos,.dato{display:grid}.dato{align-items:center;grid-template-columns:35% 65%}.dato input,.dato label{font-size:16px}.dato input{display:inline;display:initial;font-weight:700;margin-bottom:0}}@media(min-width:992px){.seccion-informacion{grid-column:1/4;grid-template-columns:1fr 2.4fr}.box-usuario{grid-column:1/4}.dato input,.dato label{font-size:17px}}@media (min-width:1200px){.seccion-informacion{font-size:16px;grid-column:1/5;grid-template-columns:1.1fr 2fr}.box-usuario{grid-column:1/5}}@media (min-width:1400px){.seccion-informacion{grid-template-columns:1.5fr 2fr}}@media(min-width:768px){.box-registro{margin-right:15px}}@media(min-width:992px){.box-registro{grid-column:1/3;margin-top:20px}}@media(min-width:1200px){.box-registro{grid-column:1/5;grid-row:2/3}}.seccion-registro{background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;margin-bottom:30px;padding:15px}.contenedor-fecha-horario{display:grid;grid-template-columns:25% 75%}.contenedor-fecha-horario input,.contenedor-fecha-horario p{background-color:initial;border:none;color:#7b809a;font-size:16px;margin-bottom:1rem}.contenedor-fecha-horario p{color:#505cfd;font-size:17px;font-weight:800;font-weight:300;margin:0}.contenedor-fecha-horario input:nth-child(4),.contenedor-fecha-horario p:nth-child(3){margin-bottom:0}.contenedor-fecha-horario input{margin-left:10px}.grupo-botones-registro{align-items:center;display:flex;justify-content:space-between;margin-top:20px;text-align:center}.boton-registro{border:1px solid #8a8a8a;font-size:.9em;margin-bottom:10px;margin-right:5px;padding:15px 0;text-align:center;text-transform:uppercase;width:100px}.boton-ingreso-labores,.boton-salida-labores{background-color:#4489e4;box-shadow:0 4px #3e7dcf;color:#fff}.boton-ingreso-refrigerio,.boton-salida-refrigerio{background-color:#edc755;box-shadow:0 4px #d9b64c;color:#fff}.etiqueta-fecha,.etiqueta-horario{display:flex;justify-content:space-between}@media(min-width:576px){.contenedor-fecha-horario{grid-template-columns:15% 35% 15% 35%}}@media(min-width:768px){.contenedor-fecha-horario input,.contenedor-fecha-horario p{margin-bottom:0}}@media(min-width:992px){.contenedor-fecha-horario{grid-template-columns:12% 38% 12% 38%}.contenedor-fecha-horario input,.contenedor-fecha-horario p{font-size:17px}}@media(min-width:1024px){.contenedor-fecha-horario{grid-template-columns:15% 35% 15% 35%}}@media (min-width:1441px){.contenedor-fecha-horario{grid-template-columns:15% 35% 15% 35%}}.seccion-hora-fecha{background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;display:flex;flex-direction:column;padding:15px;text-align:center}.seccion-hora-fecha time{font-size:18px;padding:10px}.seccion-hora-fecha time:first-child{color:#505cfd;font-size:25px;font-weight:800}#fechaActual{color:#505cfd}@media(min-width:768px){.seccion-registro{margin-bottom:0}.grupo-botones-registro{align-items:center;display:flex;justify-content:space-around;margin-top:20px}.boton-registro{margin-right:8px;padding:15px 10px;width:100px}.boton-registro:last-child{margin-right:0}.seccion-hora-fecha{background-color:#505cfd;border-radius:4px;display:grid;padding:0;place-content:center}.seccion-hora-fecha time:first-child{color:#fff;font-size:20px}#fechaActual{color:#fff;font-size:17px}}@media(min-width:992px){.seccion-hora-fecha{grid-column:4/5;grid-row:2/3;margin-top:20px}.seccion-registro{grid-column:1/4}}@media(min-width:1024px){.seccion-registro{grid-column:1/4}}@media(min-width:1200px){.seccion-registro{grid-column:1/5}.boton-registro{padding:15px 10px;width:110px}.seccion-hora-fecha{grid-column:5/7;grid-row:2/3}}.modal{align-items:center;background:linear-gradient(180deg,#000c,#00000080);display:none;display:flex;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-contenido{background-color:#fff;border-radius:4px;max-width:500px;padding:10px;text-align:center;width:90%}.cerrar{cursor:pointer;font-size:30px;font-weight:700;position:absolute;right:20px;top:10px}.boton-ingreso,.boton-salida{border:none;border-radius:5px;cursor:pointer;margin:10px;padding:10px 20px}.boton-ingreso{background-color:#4caf50;box-shadow:0 4px #439d46;color:#fff;transition:transform .3s ease-in-out}.boton-ingreso:hover{background-color:#3b863d}.boton-ingreso:active{transform:scale(.9)}.boton-salida{background-color:#f44336;box-shadow:0 4px #e33f33;color:#fff;transition:transform .3s ease-in-out}.boton-salida:hover{background-color:#d73d32}.boton-salida:active{transform:scale(.9)}.modificador-botones{display:inline;display:initial;margin-top:0}.modificador-botones button{padding:15px;text-transform:uppercase}@media(min-width:768px){.modal-contenido{padding:30px;width:100%}}.seccion-gps{background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;padding:15px}.titulo-gps{background-color:#505cfd;border-radius:4px;color:#fff;display:flex;font-size:17px;font-weight:800;font-weight:300;margin-bottom:5px;margin-top:5px;padding:4px 8px;width:30%}.dato-gps{display:block;font-size:17px;font-weight:400;padding:5px 2px;text-align:justify}@media(min-width:768px){.box-gps,.seccion-gps{grid-column:1/3;grid-row:3/4}.box-gps{margin-top:20px}.info-gps{display:grid;grid-template-columns:1.2fr 6fr;margin-bottom:10px}.titulo-gps{background:none;color:#505cfd;display:flex;font-weight:500;justify-content:space-between;margin:0;width:auto}.dato-gps{display:block;margin-bottom:0}.puntos{margin-right:10px}}@media(min-width:992px){.seccion-gps{grid-column:1/5}.info-gps{grid-template-columns:1fr 3fr}.box-gps{grid-column:1/5}}@media(min-width:1024px){.seccion-gps{margin-bottom:0}.info-gps{display:initial;display:grid;grid-template-columns:1.5fr 4fr}}@media(min-width:1200px){.seccion-gps{grid-column:1/7}.info-gps{grid-template-columns:1.2fr 4fr}.titulo-gps{margin-bottom:5px}.box-gps{grid-column:1/7}}@media(min-width:1441px){.info-gps{grid-template-columns:1.7fr 4fr}}.seccion-mapa{background-color:#fff;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;display:none;padding:15px}#mapa-container{display:none;position:relative}#mapa,#mapa-container{height:100%;width:100%}iframe{width:100%}@media(min-width:992px){.seccion-gps{grid-column-gap:20px;column-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.titulo-seccion{grid-column:1/5}.contenedor-gps{grid-column:1/3}#mapa-container{display:block;grid-column:3/5}}@media(min-width:1024px){.seccion-mapa{display:inherit;grid-column:3/5;position:relative}}footer{margin-top:0;text-align:center}.fullscreen-spinner{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{animation:spin 2s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.383b5cf5.css.map*/