:root{--accent-control-horario: #8a5a16;--acento: var(--accent-control-horario);--acento-oscuro: #5e3c0c;--acento-claro: #b0742a;--acento-suave: #f6ebda;--acento-tenue: #fbf6ef;--fondo: #f8f5f0;--superficie: #ffffff;--borde: #e8dfd2;--borde-suave: #f2ebe1;--borde-campo: rgba(138, 90, 22, .24);--texto: #2a2118;--texto-tenue: #6f6455;--ok: #1e7d4f;--ok-fondo: #e5f4ec;--aviso: #92400e;--aviso-fondo: #fef3c7;--aviso-borde: #f59e0b;--error: #b91c1c;--error-fondo: #fee2e2;--radio: 12px;--radio-tarjeta: 18px;--sombra: 0 1px 2px rgba(94, 60, 12, .05), 0 2px 8px rgba(94, 60, 12, .07);--sombra-tarjeta: 0 2px 6px rgba(94, 60, 12, .05), 0 8px 24px rgba(94, 60, 12, .08);--serif: "Source Serif 4", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.45 Inter,Segoe UI,system-ui,-apple-system,sans-serif}.app{min-height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;background:var(--fondo)}.cabecera{position:relative;display:flex;align-items:center;gap:8px;padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 42px;background:linear-gradient(105deg,var(--acento-oscuro) 0%,var(--acento) 55%,var(--acento-claro) 100%);color:#fff;z-index:10}.cabecera__onda{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:40px;color:var(--fondo);pointer-events:none}.cabecera__logo{width:38px;height:38px;flex-shrink:0}.cabecera__nombre{font-family:var(--serif);font-weight:500;font-size:17px;color:#fff;white-space:nowrap}@media (max-width: 420px){.cabecera__nombre{display:none}}.cabecera__usuario{font-size:12.5px;color:#ffffffd9;text-align:right;line-height:1.25;white-space:nowrap}.cabecera__salir{background:none;border:none;color:#ffffffd9;font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.tarjeta .cabecera__salir,.detalle-registros .cabecera__salir{color:var(--acento)}.cabecera__nav{display:none}.barra-inferior{position:sticky;bottom:0;display:flex;margin:auto 10px 6px;padding-bottom:env(safe-area-inset-bottom,0)}.barra-inferior:after{content:"";position:absolute;left:-10px;right:-10px;bottom:-6px;height:calc(env(safe-area-inset-bottom,0px) + 6px);background:var(--fondo);pointer-events:none;z-index:-1}.barra-inferior__fondo{position:absolute;left:0;right:0;pointer-events:none;filter:drop-shadow(0 2px 6px rgba(94,60,12,.06)) drop-shadow(0 8px 22px rgba(94,60,12,.1))}.barra-inferior__pastilla{fill:var(--superficie)}.barra-inferior__halo{fill:var(--acento-suave)}.barra-inferior__disco{fill:var(--acento)}.barra-inferior__boton{position:relative;z-index:1;flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:5px 3px 6px;border:0;background:none;color:var(--texto-tenue);font:inherit;font-size:10.5px;line-height:1.2;cursor:pointer;-webkit-tap-highlight-color:transparent}.barra-inferior__icono{width:21px;height:21px;padding:7px 0;box-sizing:content-box;transform:translateY(0);transition:transform .28s cubic-bezier(.65,0,.35,1),color .2s ease}.barra-inferior__boton--activo{color:var(--acento);font-weight:600}.barra-inferior__boton--activo .barra-inferior__icono{transform:translateY(calc(var(--alza-icono, 0px) * -1));color:#fff}.barra-inferior__boton:active .barra-inferior__icono{opacity:.5}@media (prefers-reduced-motion: reduce){.barra-inferior__icono{transition:color .2s ease}}.contenido{flex:1;padding:4px 16px calc(78px + env(safe-area-inset-bottom,0px))}.campo{display:block;margin-bottom:14px}.campo__etiqueta{display:block;font-size:12.5px;color:var(--texto-tenue);margin-bottom:5px}.campo input,.campo select,.campo textarea{width:100%;padding:10px 12px;border:1px solid var(--borde-campo);border-radius:10px;background:var(--acento-suave);font:inherit;color:var(--texto)}.campo textarea{min-height:90px;resize:vertical}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--acento);outline-offset:-1px;background:var(--superficie)}input[type=checkbox],input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;flex:0 0 auto;width:1.15rem;height:1.15rem;margin:0;border:1.5px solid var(--acento-claro);background:var(--acento-suave);cursor:pointer}input[type=checkbox]{border-radius:.34rem}input[type=radio]{border-radius:50%}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--acento);border-color:var(--acento)}input[type=checkbox]:checked:before{content:"";width:.32rem;height:.62rem;margin-top:-.12rem;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}input[type=radio]:checked:before{content:"";width:.46rem;height:.46rem;border-radius:50%;background:#fff}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:2px solid var(--acento-claro);outline-offset:2px}.pie{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.35rem;padding:1.4rem 1rem 1rem;color:var(--texto-tenue);font-size:.78rem}.pie__logo{height:1.05rem;width:auto;vertical-align:middle;flex:0 0 auto}.pie a{color:var(--acento);text-decoration:none;font-weight:600}.boton{display:inline-block;padding:11px 18px;border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);color:var(--texto);font:inherit;font-weight:500;cursor:pointer}.boton:hover{background:var(--acento-tenue);border-color:var(--acento-suave)}.boton--primario{background:var(--acento);border-color:var(--acento);color:#fff}.boton--primario:hover{background:var(--acento-claro);border-color:var(--acento-claro)}.boton--bloque{display:block;width:100%;text-align:center}.boton:disabled{opacity:.55;cursor:default}.aviso{border-radius:10px;padding:10px 12px;font-size:13.5px;margin:10px 0}.aviso--error{background:var(--error-fondo);color:var(--error)}.aviso--ok{background:var(--ok-fondo);color:var(--ok)}.aviso--info{background:var(--acento-tenue);color:var(--texto-tenue)}.reloj{text-align:center;margin:26px 0 8px}.reloj__hora{font-family:var(--serif);font-size:52px;font-weight:500;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--acento)}.reloj__fecha{color:var(--texto-tenue);font-size:14px;text-transform:capitalize}.estado-jornada{text-align:center;margin:12px 0 20px;font-size:14px;color:var(--texto-tenue)}.estado-jornada__pastilla{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--acento-suave);font-weight:500;color:var(--acento)}.estado-jornada__pastilla--abierta{background:var(--ok-fondo);color:var(--ok)}.boton-fichar{display:block;width:190px;height:190px;margin:18px auto;border-radius:50%;border:none;color:#fff;font:inherit;font-size:20px;font-weight:500;cursor:pointer;box-shadow:var(--sombra-tarjeta);background:linear-gradient(150deg,var(--acento-oscuro) 0%,var(--acento) 55%,var(--acento-claro) 100%)}.boton-fichar--salida{background:var(--superficie);color:var(--texto);border:2px solid var(--acento)}.boton-fichar:disabled{opacity:.6}.fichar-secundario{display:flex;gap:10px;justify-content:center;margin-bottom:8px}.titulo-seccion{font-family:var(--serif);font-weight:500;font-size:19px;margin:14px 0 12px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--radio-tarjeta);padding:13px 15px;margin-bottom:10px;box-shadow:var(--sombra-tarjeta)}.tarjeta__cabecera{display:flex;align-items:center;gap:8px;cursor:pointer}.tarjeta__titulo{font-weight:500}.tarjeta__sub{color:var(--texto-tenue);font-size:13px}.tarjeta__derecha{margin-left:auto;text-align:right}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:500}.badge--modificado{background:var(--aviso-fondo);color:var(--aviso);border:1px solid var(--aviso-borde);padding:1px 9px}.badge--modificado:before{content:"✎ "}.badge--ok{background:var(--ok-fondo);color:var(--ok)}.badge--pendiente{background:var(--acento-suave);color:var(--texto)}.badge--rechazada,.badge--incompleta{background:var(--error-fondo);color:var(--error)}.detalle-registros{margin-top:10px;border-top:1px solid var(--borde);padding-top:8px;font-size:13.5px}.detalle-registros__fila{display:flex;gap:8px;padding:3px 0;align-items:baseline}.detalle-registros__hora{font-variant-numeric:tabular-nums;font-weight:500;min-width:44px}.detalle-registros__tachado{text-decoration:line-through;color:var(--texto-tenue)}.detalle-correccion{margin:4px 0 6px 52px;padding:7px 10px;background:var(--acento-tenue);border-radius:8px;font-size:12.5px;color:var(--texto-tenue)}.login{max-width:340px;margin:8vh auto 0;padding:0 20px}.login__logo{width:104px;height:104px;display:block;margin:0 auto 16px}.login__titulo{text-align:center;font-family:var(--serif);font-weight:500;font-size:22px;margin-bottom:4px}.login__sub{text-align:center;color:var(--texto-tenue);font-size:13.5px;margin-bottom:26px}.kiosco{min-height:100vh;max-width:560px;margin:0 auto;padding:24px 20px;display:flex;flex-direction:column;justify-content:center;text-align:center}.kiosco__reloj{font-family:var(--serif);font-size:clamp(44px,9vmin,76px);font-weight:500;color:var(--acento);font-variant-numeric:tabular-nums;margin:6px 0 2px}.kiosco__pin{font-size:clamp(30px,6vmin,46px);letter-spacing:12px;min-height:52px;font-variant-numeric:tabular-nums;color:var(--acento)}.kiosco__teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,1.8vmin,18px);margin:16px auto;width:100%;max-width:clamp(280px,52vmin,420px)}.kiosco__tecla{padding:clamp(18px,3.4vmin,30px) 0;font-size:clamp(22px,3.6vmin,32px);border:1px solid var(--borde);border-radius:var(--radio);background:var(--superficie);cursor:pointer;font-family:inherit}.kiosco__nombre{font-family:var(--serif);font-size:clamp(26px,5vmin,40px);margin:12px 0 4px}.kiosco__botones{display:grid;gap:12px;margin-top:18px}.kiosco__botones .boton{padding:clamp(18px,3vmin,26px);font-size:clamp(18px,2.6vmin,24px);justify-content:center}.kiosco__confirmacion{font-size:20px;margin-top:30px}.campanita{position:relative;margin-left:auto}.campanita__boton{background:none;border:0;color:#fff;padding:6px;display:flex;align-items:center;position:relative;border-radius:10px;cursor:pointer}.campanita__cuenta{position:absolute;top:0;right:0;min-width:17px;height:17px;padding:0 4px;background:var(--error, #b91c1c);color:#fff;border-radius:999px;font-size:11px;line-height:17px;font-weight:600;text-align:center}.campanita__velo{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.campanita__panel{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:min(310px,calc(100vw - 24px));max-height:65vh;overflow-y:auto;background:var(--superficie, #fff);color:var(--texto, #23201c);border-radius:14px;box-shadow:0 16px 40px #00000038;text-align:left}.campanita__cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-bottom:1px solid var(--borde, #e6e0d6);font-weight:600;font-size:14px}.campanita__aviso{display:flex;flex-direction:column;gap:3px;width:100%;padding:11px 13px;border:0;border-bottom:1px solid var(--borde-suave, #f0ebe3);border-left:3px solid var(--acento, #8a5a16);background:none;text-align:left;font:inherit;cursor:pointer}.campanita__aviso--leido{border-left-color:transparent;opacity:.7}.campanita__aviso-titulo{font-size:14px;font-weight:600}.campanita__aviso-cuerpo{font-size:13px;color:var(--texto-tenue, #6f6659)}.campanita__aviso-fecha{font-size:12px;color:var(--texto-tenue, #6f6659)}.campanita__vacio{padding:20px 14px;text-align:center;color:var(--texto-tenue, #6f6659);font-size:14px}.cabecera__idioma{margin-left:auto;flex-shrink:0;background:#ffffff24;color:#fff;font:inherit;font-size:12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:4px 6px;cursor:pointer}.cabecera__idioma option{color:var(--texto, #23201c);background:var(--superficie, #fff)}.campanita{margin-left:0}@media (min-width: 900px){.app{max-width:none}.cabecera{position:sticky;top:0;padding:9px 18px;gap:14px}.cabecera__onda{display:none}.cabecera__logo{width:44px;height:44px}.cabecera__nombre{font-size:16px}.barra-inferior{display:none}.cabecera__nav{display:flex;gap:2px;margin-right:auto;min-width:0;flex:1 1 auto;flex-wrap:wrap}.pestana{padding:6px 8px;border:0;border-bottom:2px solid transparent;background:none;font:inherit;font-size:12.5px;color:#ffffffc7;cursor:pointer;white-space:nowrap}.pestana:hover{color:#fff}.pestana--activa{border-bottom-color:#fff;color:#fff;font-weight:600}.cabecera__idioma{margin-left:0}.cabecera__usuario{font-size:12.5px}.contenido{width:100%;max-width:1080px;margin:0 auto;padding:26px 32px 44px}.contenido>div{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px;align-items:start}.contenido>div>*:not(.tarjeta){grid-column:1 / -1}.tarjeta{margin-bottom:0}.contenido form{max-width:620px}.contenido>div:has(>.reloj){max-width:760px;margin:0 auto}.reloj{margin:18px 0 8px}.reloj__hora{font-size:64px}}