.keen-slider:not([data-keen-slider-disabled]){-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;align-content:flex-start;display:flex;overflow:hidden;position:relative;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-khtml-user-select:none;width:100%}.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide{min-height:100%;overflow:hidden;position:relative;width:100%}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse]{flex-direction:row-reverse}.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v]{flex-wrap:wrap}.Navbar_nav-lik__04Guv{color:#fff;width:100%;height:100%!important}@media only screen and (max-width:600px){.Navbar_nav-lik__04Guv{border-bottom:1px solid rgb(55 65 81/var(--tw-border-opacity));padding:.65rem 1rem}}.reloj{color:#18181b;background:linear-gradient(155deg,#fafafa,#f4f4f5 67%,#ededee);min-height:calc(100vh - 87px - 85px);padding:1px 0 24px}.reloj *{box-sizing:border-box}.reloj button,.reloj input{font:inherit}.reloj button{cursor:pointer}.reloj .wrap{width:min(100% - 32px,1080px);margin:18px auto 0}.reloj .intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 14px}.reloj .intro h1{font-size:clamp(24px,2.6vw,30px);font-weight:700;margin:0 0 2px;letter-spacing:-.7px}.reloj .intro p{margin:0;color:#73737b;font-size:14px}.reloj .pill{display:flex;gap:7px;align-items:center;border:1px solid #e4e4e7;background:#fff;border-radius:30px;padding:10px 14px;font-size:12px;color:#52525b;white-space:nowrap}.reloj .dot{height:8px;width:8px;background:#ee171f;border-radius:100%}.reloj .layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;align-items:start}.reloj .panel{background:#fff;border:1px solid #e9e9ec;border-radius:18px;box-shadow:0 14px 35px #18181b0a;overflow:hidden}.reloj .clock-panel{background:#101013;color:#fff;display:flex;flex-direction:column;position:relative}.reloj .clock-panel:after{content:"";position:absolute;width:300px;height:300px;border:45px solid #ed172012;border-radius:50%;right:-170px;bottom:-140px;pointer-events:none}.reloj .clock-body{padding:26px 28px 22px;flex:1;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.reloj .clock-title{font-size:12px;letter-spacing:1.8px;font-weight:800;color:#b6b6bc}.reloj .clock{font-weight:800;font-size:clamp(43px,5vw,67px);letter-spacing:-2px;font-variant-numeric:tabular-nums;margin:15px 0 2px;white-space:nowrap}.reloj .date{font-size:14px;color:#b8b8c0;text-transform:capitalize;min-height:21px}.reloj .clock-divider{height:1px;background:#ffffff24;margin:20px 0}.reloj .clock-caption{font-size:13px;color:#bfc0c6;line-height:1.7}.reloj .clock-foot{background:#e81921;color:#fff;padding:17px 32px;font-size:12px;letter-spacing:.45px;font-weight:700;position:relative;z-index:1}.reloj .clock-foot strong{font-size:14px}.reloj .form-panel{padding:22px 26px}.reloj .form-panel h2{margin:0 0 7px;font-size:23px;font-weight:700;letter-spacing:-.4px}.reloj .sub{margin:0 0 23px;color:#71717a;font-size:13px;line-height:1.55}.reloj label{font-size:13px;font-weight:750;display:block;margin:14px 0 8px}.reloj input{width:100%;border:1px solid #d6d6da;border-radius:10px;background:#fff;color:#18181b;padding:14px 15px;font-size:17px;outline:0;transition:.2s}.reloj input:focus{border-color:#e81921;box-shadow:0 0 0 3px #e8192119}.reloj input::-moz-placeholder{color:#a2a2a8}.reloj input::placeholder{color:#a2a2a8}.reloj .location{display:flex;gap:12px;align-items:flex-start;margin:8px 0 0;padding:14px;border:1px solid #f1d3d4;border-radius:11px;background:#fff8f8}.reloj .loc-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:9px;background:#fde6e7;color:#d62028;font-size:19px}.reloj .location.ready{background:#f2fbf6;border-color:#c7ead6}.reloj .location.ready .loc-icon{background:#dcf5e6;color:#137844}.reloj .loc-info{min-width:0}.reloj .location strong{font-size:13px;display:block;margin-top:1px}.reloj .location small{display:block;margin-top:4px;color:#777780;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.reloj .retry{border:0;background:none;padding:7px 0 0;color:#d72028;font-size:11px;font-weight:750;text-decoration:underline}.reloj .action{width:100%;padding:15px 7px;border:0;border-radius:10px;font-weight:800;color:#fff;font-size:14px;transition:filter .2s,transform .2s,opacity .2s}.reloj .action:not(:disabled):hover{filter:brightness(1.1);transform:translateY(-1px)}.reloj .entry{background:#e51c23}.reloj .exit{background:#1a1a1e}.reloj .action:disabled{opacity:.43;cursor:not-allowed}.reloj .msg{text-align:center;font-size:13px;font-weight:700;min-height:20px;margin-top:12px;line-height:1.5}.reloj .error{color:#c21d27}.reloj .alert{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:12px 14px;border:1px solid #f1c4c6;border-radius:11px;background:#fff5f5;color:#9f1c24;font-size:13px;font-weight:600;line-height:1.45;animation:reloj-in .3s ease both}.reloj .alert-icon{display:grid;place-items:center;flex:0 0 20px;height:20px;border-radius:50%;background:#e81921;color:#fff;font-size:12px;font-weight:800}.reloj .success{color:#15803d}.reloj .form-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.reloj .form-head h2{margin:0}.reloj .restart{border:1px solid #e4e4e7;background:#fff;border-radius:30px;padding:7px 12px;font-size:12px;font-weight:700;color:#52525b;white-space:nowrap;transition:border-color .2s,color .2s}.reloj .restart:hover{border-color:#e81921;color:#e81921}.reloj .steps{display:flex;gap:8px;list-style:none;margin:0 0 16px;padding:0}.reloj .steps li{flex:1;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:3px solid #ececef;color:#a1a1aa;font-size:12px;font-weight:700;transition:border-color .35s ease,color .35s ease}.reloj .steps li.current{border-color:#e81921;color:#18181b}.reloj .steps li.done{border-color:#18181b;color:#52525b}.reloj .step-num{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f3f3f5;font-size:11px;transition:background-color .35s ease,color .35s ease}.reloj .steps li.current .step-num{background:#e81921;color:#fff}.reloj .steps li.done .step-num{background:#18181b;color:#fff}.reloj .step-body{animation:reloj-step .35s ease both}.reloj .sub b{color:#18181b}.reloj .choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reloj .choice-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;border:0;border-radius:14px;color:#fff;font-weight:800;font-size:15px;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.reloj .choice-btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 10px 24px #18181b26}.reloj .choice-btn:active{transform:scale(.98)}.reloj .choice-icon{font-size:30px;line-height:1}.reloj .loc-icon.pulse{animation:reloj-pulse 1.4s ease-in-out infinite}.reloj .badges{display:flex;flex-wrap:wrap;gap:8px}.reloj .badge{border-radius:30px;padding:6px 11px;font-size:12px;font-weight:700}.reloj .badge-entry{background:#fde6e7;color:#c21d27}.reloj .badge-exit{background:#e9e9ec;color:#18181b}.reloj .badge-ok{background:#dcf5e6;color:#137844}.reloj .emp-input{display:block;width:220px;max-width:100%;margin:0 auto;text-align:center;font-size:26px;font-weight:800;letter-spacing:8px;padding:10px 12px;font-variant-numeric:tabular-nums}.reloj .form-panel label[for=employee]{text-align:center}.reloj .keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,300px);margin:12px auto 14px}.reloj .key{height:50px;border:1px solid #e4e4e7;border-radius:12px;background:#fafafa;font-size:21px;font-weight:700;color:#18181b;transition:background-color .15s ease,transform .1s ease,border-color .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.reloj .key:hover{background:#f3f3f5;border-color:#d6d6da}.reloj .key:active{transform:scale(.95);background:#ececef}.reloj .key-fn{font-size:17px;color:#71717a}.reloj .result{text-align:center;padding:10px 0 4px}.reloj .result-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;font-size:30px;font-weight:800;animation:reloj-pop .45s cubic-bezier(.2,.9,.3,1.2) both}.reloj .result.ok .result-icon{background:#dcf5e6;color:#137844}.reloj .result.warn .result-icon{background:#fff1d6;color:#a16207}.reloj .greeting{margin:0 0 8px;font-size:24px;font-weight:800;letter-spacing:-.4px;color:#18181b;animation:reloj-in .5s ease .1s both}.reloj .result h3{margin:0 0 6px;font-size:21px;font-weight:800}.reloj .result p{margin:0 0 22px;color:#52525b;font-size:14px}.reloj .result small{display:block;margin-top:10px;color:#a1a1aa;font-size:11px}.reloj .anim{animation:reloj-in .55s ease both}@keyframes reloj-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes reloj-step{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:none}}@keyframes reloj-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@keyframes reloj-pulse{0%,to{opacity:1}50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.reloj *,.reloj :after,.reloj :before{animation:none!important;transition:none!important}}@media(max-width:760px){.reloj .wrap{margin-top:14px}.reloj .intro{align-items:start}.reloj .intro h1{font-size:27px}.reloj .pill{display:none}.reloj .layout{grid-template-columns:1fr}.reloj .clock-body{padding:20px 22px}.reloj .clock{font-size:48px;margin-top:8px}.reloj .clock-divider{margin:16px 0}.reloj .clock-foot{padding:12px 26px}.reloj .form-panel{padding:20px}.reloj .choice-btn{min-height:120px}}@media(max-width:390px){.reloj .clock{font-size:42px}.reloj .steps li{gap:6px;font-size:11px}}