:root{--rojo: #8c2f1e;--rojo-oscuro: #6d2416;--terracota: #c25a3b;--crema: #f6ead6;--crema-clara: #fdf7ec;--verde: #3f6b45;--tinta: #2b1c17;--gris: #6d5b53;--borde: rgba(139, 47, 30, .18);color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tinta)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--crema);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app{min-height:100vh;display:flex;flex-direction:column}.encabezado{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:clamp(.5rem,1.5vh,1rem) clamp(1rem,3vw,2.5rem);background:var(--rojo);color:var(--crema)}.marca-nena{display:flex;align-items:center}.logo{max-height:clamp(3.25rem,9vh,6rem);display:block}.marca-texto{font-size:clamp(1.25rem,3.2vw,2rem);font-weight:700;letter-spacing:.01em}.marca-texto em{display:block;font-size:.5em;font-style:normal;font-weight:500;letter-spacing:.22em;text-transform:uppercase;opacity:.85}.reloj{text-align:right;line-height:1.15}.reloj-hora{display:block;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;font-variant-numeric:tabular-nums}.reloj-fecha{display:block;font-size:clamp(.8rem,1.8vw,1.05rem);opacity:.92}.reloj-fecha:first-letter{text-transform:uppercase}.contenido{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,3vh,2.5rem) 1rem}.teclado{width:min(30rem,100%);display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1.25rem)}.visor{height:clamp(4.5rem,11vh,6rem);display:flex;align-items:center;justify-content:center;background:var(--crema-clara);border:2px solid var(--borde);border-radius:1rem;font-size:clamp(2rem,6vw,3rem);font-weight:700;letter-spacing:.25em;text-indent:.25em;font-variant-numeric:tabular-nums}.visor-vacio{font-size:clamp(1rem,2.6vw,1.35rem);font-weight:500;letter-spacing:normal;text-indent:0;color:var(--gris)}.teclas{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.6rem,1.6vh,1rem)}.tecla{height:clamp(4rem,10vh,5.5rem);font-size:clamp(1.6rem,4.5vw,2.25rem);font-weight:600;color:var(--tinta);background:#fff;border:2px solid var(--borde);border-radius:1rem;cursor:pointer;transition:transform 60ms ease,background .12s ease}.tecla:active:not(:disabled){transform:scale(.96);background:var(--crema)}.tecla-secundaria{color:var(--terracota);background:var(--crema-clara)}.tecla:disabled{color:#7d6d63;background:#f0e7d8;border-color:#8b2f1e1a;cursor:default}.boton-principal{height:clamp(4rem,10vh,5.5rem);width:100%;font-size:clamp(1.25rem,3.2vw,1.75rem);font-weight:700;color:var(--crema);background:var(--verde);border:none;border-radius:1rem;cursor:pointer;transition:transform 60ms ease}.boton-principal:active:not(:disabled){transform:scale(.98)}.boton-principal:disabled{background:#ded2c0;color:var(--gris);cursor:default}.boton-secundario{height:clamp(3.25rem,8vh,4rem);width:100%;font-size:clamp(1rem,2.4vw,1.25rem);font-weight:600;color:var(--rojo);background:transparent;border:2px solid var(--borde);border-radius:1rem;cursor:pointer}.panel-empleado{width:min(46rem,100%);text-align:center;display:flex;flex-direction:column;gap:clamp(.5rem,1.5vh,1rem)}.saludo{margin:0;font-size:clamp(1rem,2.4vw,1.35rem);color:var(--gris)}.nombre{margin:0;font-size:clamp(2.25rem,7vw,4rem);line-height:1.05;color:var(--rojo)}.cargo{margin:0;font-size:clamp(1rem,2.4vw,1.35rem);color:var(--gris)}.marcas{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.6rem,1.6vh,1rem);margin-top:clamp(.5rem,1.5vh,1rem)}.marca{min-height:clamp(5rem,13vh,7rem);padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.25rem;font-size:clamp(1.1rem,2.8vw,1.6rem);font-weight:700;color:var(--crema);background:var(--rojo);border:3px solid transparent;border-radius:1rem;cursor:pointer}.marca-siguiente{background:var(--verde);border-color:var(--tinta);transform:scale(1.02)}.marca-hecha{background:var(--crema-clara);color:var(--gris);border-color:var(--borde)}.marca-estado{font-size:.7em;font-weight:600;font-variant-numeric:tabular-nums;opacity:.9}.marca:disabled{cursor:default}.marca:not(.marca-hecha):disabled{background:var(--gris)}.marca.marca-en-vuelo:disabled{background:var(--verde);border-color:var(--tinta)}.nota-dia{margin:.5rem 0 0;font-size:clamp(1rem,2.4vw,1.25rem);color:var(--verde);font-weight:600}.credito{position:fixed;right:clamp(.9rem,2vw,1.75rem);bottom:clamp(.9rem,2vh,1.75rem);z-index:10;display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;pointer-events:none;-webkit-user-select:none;user-select:none}.credito-texto{font-size:clamp(.65rem,1.4vw,.8rem);line-height:1;color:var(--gris);letter-spacing:.02em}.credito-logo{display:block;width:clamp(150px,16vw,170px);height:auto}.confirmar{width:min(46rem,100%);text-align:center;display:flex;flex-direction:column;gap:clamp(.75rem,2vh,1.5rem)}.confirmar-pregunta{margin:0;font-size:clamp(2rem,6vw,3.25rem);line-height:1.1;font-weight:700;color:var(--rojo)}.confirmar-detalle{margin:0;font-size:clamp(1rem,2.4vw,1.35rem);color:var(--gris)}.confirmar-opciones{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(.5rem,1.5vh,1rem)}.confirmar-si,.confirmar-no{min-height:clamp(4.5rem,13vh,7rem);padding:.5rem;font-size:clamp(1.15rem,3vw,1.75rem);font-weight:700;border-radius:1rem;cursor:pointer}.confirmar-si{color:var(--crema);background:var(--verde);border:3px solid var(--tinta)}.confirmar-no{color:var(--rojo);background:var(--crema-clara);border:3px solid var(--borde)}.confirmar-si:active,.confirmar-no:active{transform:scale(.98)}.confirmacion{text-align:center;display:flex;flex-direction:column;gap:.25rem}.confirmacion-check{margin:0;font-size:clamp(3.5rem,11vw,6rem);line-height:1;color:var(--verde)}.confirmacion-marca{margin:0;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;color:var(--tinta)}.confirmacion-hora{margin:0;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1.1;color:var(--rojo);font-variant-numeric:tabular-nums}.confirmacion-nombre{margin:.5rem 0 0;font-size:clamp(1rem,2.6vw,1.4rem);color:var(--gris)}.mensaje{width:min(34rem,100%);text-align:center;display:flex;flex-direction:column;gap:1rem;padding:clamp(1.5rem,4vh,2.5rem);border-radius:1.25rem;background:#fff;border:2px solid var(--borde)}.mensaje-titulo{margin:0;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700}.mensaje-aviso .mensaje-titulo{color:var(--terracota)}.mensaje-error .mensaje-titulo{color:var(--rojo)}.mensaje-detalle{margin:0;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.45;color:var(--gris)}@media(max-height:620px){.encabezado{padding:.25rem clamp(1rem,3vw,2.5rem)}.logo{max-height:2.75rem}.reloj-hora{font-size:1.5rem}.reloj-fecha{font-size:.8rem}.contenido{padding:.5rem 1rem}.visor{height:3.5rem;font-size:1.75rem}.nombre{font-size:clamp(1.75rem,5vw,2.5rem)}.marca{min-height:4.5rem}.credito{display:none}}