:root{--azul: #1a4c8b;--azul-claro: #e8eef6;--verde: #1e7a46;--rojo: #a33a2c;--gris: #5a6270}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f3f5f8;color:#1d2430}.asis{max-width:460px;margin:0 auto;padding:16px 16px 32px}.asis-encabezado{background:var(--azul);color:#fff;border-radius:10px;padding:16px;margin-bottom:14px}.asis-encabezado h1{margin:0;font-size:22px}.asis-encabezado p{margin:4px 0 0;font-size:14px;opacity:.85}.asis-tarjeta{background:#fff;border-radius:10px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px #00000014}.asis-tarjeta h2{margin:0 0 6px;font-size:18px;color:var(--azul)}label{display:block;font-weight:700;font-size:14px;margin:10px 0 6px}select,input{width:100%;font-size:18px;padding:12px;border:1px solid #c4cbd6;border-radius:8px;background:#fff;font-family:inherit}input[type=password]{letter-spacing:8px;text-align:center;font-size:24px}.asis-area{margin:8px 0 0;color:var(--gris);font-size:14px}.asis-nota{color:var(--gris);font-size:13px;margin:6px 0}.asis-botones{display:flex;gap:12px;margin-top:16px}.asis-boton{flex:1;width:100%;font-size:20px;font-weight:700;padding:18px 10px;border:0;border-radius:10px;color:#fff;background:var(--azul);cursor:pointer;margin-top:12px}.asis-botones .asis-boton{margin-top:0}.asis-entrada{background:var(--verde)}.asis-salida{background:var(--rojo)}.asis-boton:disabled{opacity:.6;cursor:wait}.asis-error{background:#fbe9e7;color:var(--rojo);padding:12px;border-radius:8px;font-weight:700}.asis-aviso{background:var(--azul-claro);color:var(--azul);padding:12px;border-radius:8px}.asis-ok{border-left:6px solid var(--verde);text-align:center}.asis-ok p{margin:4px 0}.asis-ok-tipo{font-size:20px;font-weight:700;color:var(--verde)}.asis-ok-hora{font-size:16px;text-transform:capitalize}.asis-pie{font-size:12px;color:var(--gris);text-align:center;margin-top:18px;line-height:1.4}.asis-ultimo{background:var(--azul-claro);color:var(--azul);padding:8px 10px;border-radius:8px;font-size:14px;margin:0 0 4px}.asis-ayuda{background:#fff;border-radius:10px;padding:12px 16px;box-shadow:0 1px 3px #00000014;font-size:14px}.asis-ayuda summary{font-weight:700;color:var(--azul);cursor:pointer;font-size:16px}.asis-ayuda ul{padding-left:18px;margin:10px 0 0;line-height:1.45}.asis-ayuda li{margin-bottom:8px}